html.qg-on,html.qg-on body{overflow:hidden}html.qg-on :is(.ilk-site-header,.ilk-bottom-nav){visibility:hidden}html.qg-on :is(.ambient,.breathe-bg,.fx-layer,.fx-front){display:none}.qg{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--fg);background:radial-gradient(70% 40% at 50% 0,color-mix(in oklab,var(--accent) 16%,transparent),transparent 70%),radial-gradient(50% 35% at 100% 100%,color-mix(in oklab,var(--accent-2) 12%,transparent),transparent 70%),var(--bg);animation:qg-open .35s var(--mo-ease-out) both}@keyframes qg-open{0%{opacity:0}}.qg-bar{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.qg-exit{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1.5px solid color-mix(in oklab,var(--fg) 18%,transparent);color:var(--fg)}html[data-mode=zine] .qg-exit{border:2px solid var(--fg);border-radius:3px}.qg-progress{flex:1;display:flex;gap:4px}.qg-progress span{flex:1;height:6px;border-radius:999px;background:color-mix(in oklab,var(--fg) 14%,transparent);transition:background-color .3s ease}.qg-progress .is-done{background:var(--accent)}.qg-progress .is-now{background:color-mix(in oklab,var(--accent) 50%,transparent)}html[data-mode=zine] .qg-progress span{border-radius:1px}.qg-bar-label,.qg-count{font-family:var(--font-mono),monospace;font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--fg-2)}.qg-bar-label{flex:1;text-transform:uppercase}.qg-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 16px calc(28px + env(safe-area-inset-bottom))}.qg-table{--qg-card-w:min(76vw,300px,50svh);--qg-card-h:calc(var(--qg-card-w) * 1.5556);position:relative;display:grid;grid-template-rows:auto 1fr;justify-items:center;max-width:560px;min-height:100%;margin:0 auto;padding-top:6px}.qg-scroll:has(>.qg-table){padding-bottom:0}.qg-slot{position:relative;z-index:1;width:var(--qg-card-w)}.qg-slot>*{width:100%}.qg-stake-card{position:relative;width:100%;aspect-ratio:1080/1680;rotate:var(--tilt,0deg)}.qg-stake-card.is-front{border-radius:5.2%/3.3%;overflow:hidden}.qg-back,.qg-stake-card.is-front{box-shadow:0 20px 44px rgba(0,0,0,.3)}.qg-back{position:absolute;inset:0;border:6px solid #ffffff;border-radius:5.2%/3.3%}html[data-mode=zine] .qg-back{border:2px solid var(--fg);border-radius:3px;box-shadow:6px 6px 0 var(--fg)}.qg-envelope{position:relative;z-index:2;width:calc(100% + 32px);margin-top:calc(var(--qg-card-h) * -.64);align-self:stretch;align-content:start;padding:30px 16px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:color-mix(in oklab,var(--bg-2) 94%,var(--bg));box-shadow:0 -16px 40px rgba(0,0,0,.22);transition:transform .75s var(--mo-ease-spring)}.qg-envelope:before{content:"";position:absolute;left:0;right:0;top:0;height:34px;border-radius:26px 26px 0 0;background:color-mix(in oklab,var(--fg) 6%,transparent);clip-path:polygon(0 0,50% 100%,100% 0);pointer-events:none}html[data-mode=zine] .qg-envelope{border-radius:3px 3px 0 0;border:2px solid var(--fg);border-bottom:0;background:var(--bg);box-shadow:0 -6px 0 var(--fg)}html[data-mode=zine] .qg-envelope:before{border-radius:0;background:color-mix(in oklab,var(--fg) 10%,transparent)}html[data-mode=dream] .qg-envelope{border-radius:34px 34px 0 0}.qg-table.is-signing .qg-envelope{transform:translateY(calc(var(--qg-card-h) * .48))}.qg .debut-play.qg-table{grid-template-columns:none;grid-template-rows:auto 1fr;gap:0;padding-top:6px}.qg .debut-panel.qg-envelope{display:grid;align-content:start;gap:14px}.qg .debut-preview.qg-slot{display:block}.qg .debut-preview.qg-slot .debut-preview-pop{width:100%;max-width:none}.qg-panel{display:grid;align-content:start;gap:14px}.qg-label{font-family:var(--font-mono),monospace;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-align:center}html[data-mode=dream] .qg-label{color:color-mix(in oklab,var(--accent) 55%,var(--fg))}.qg .debut-question,.qg-question{margin:0;font-family:var(--font-display),sans-serif;font-weight:800;font-size:clamp(1.5rem,6.4vw,2.3rem);line-height:1.12;letter-spacing:-.01em;text-align:center;text-wrap:balance;color:var(--fg)}html[data-mode=neon] :is(.qg-question,.qg .debut-question,.qg-reveal-title){font-family:var(--font-germania),sans-serif;font-weight:400;letter-spacing:0}html[data-mode=zine] :is(.qg-question,.qg .debut-question,.qg-reveal-title){font-family:var(--font-zine),sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em}html[data-mode=dream] :is(.qg-question,.qg .debut-question,.qg-reveal-title){font-family:var(--font-cherry-bomb),cursive;font-weight:400;letter-spacing:0}.qg-answers{display:grid;gap:10px}.qg-answer{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 16px;border-radius:18px;border:1.5px solid color-mix(in oklab,var(--fg) 14%,transparent);background:color-mix(in oklab,var(--bg-2) 80%,transparent);text-align:left;font-weight:650;font-size:1rem;line-height:1.3;color:var(--fg);transition:transform var(--mo-fast) var(--mo-ease-out),opacity .25s ease,background-color .2s ease}.qg-answer:active:not(:disabled){transform:scale(.97)}.qg-answer:disabled{cursor:default}.qg-answer-mark{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:color-mix(in oklab,var(--accent) 16%,transparent);font-weight:800;font-size:.9rem}.qg-answer.is-picked{background:var(--accent);border-color:transparent;color:var(--color-on-bright)}.qg-answer.is-picked .qg-answer-mark{background:color-mix(in oklab,#FFFFFF 30%,transparent)}.qg-answer.is-dim{opacity:.35}html[data-mode=zine] .qg-answer{border:2px solid var(--fg);border-radius:3px;background:var(--bg);box-shadow:4px 4px 0 var(--fg)}html[data-mode=zine] .qg-answer-mark{border-radius:2px}html[data-mode=dream] .qg-answer{border-radius:26px;border-style:dashed}@media (hover:hover){.qg-answer:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}}.qg-input{width:100%;min-height:62px;padding:0 20px;border:2px solid color-mix(in oklab,var(--fg) 18%,transparent);border-radius:18px;background:color-mix(in oklab,var(--bg-2) 80%,transparent);font-family:var(--font-hand),cursive;font-size:1.9rem;font-weight:700;text-align:center;color:var(--fg)}.qg-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 25%,transparent)}html[data-mode=zine] .qg-input{border-color:var(--fg);border-radius:3px}.qg-note{font-size:.86rem;line-height:1.45;color:var(--fg-2);text-align:center}.qg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:52px;min-height:52px;padding:0 22px;border-radius:999px;border:1.5px solid color-mix(in oklab,var(--fg) 18%,transparent);background:color-mix(in oklab,var(--bg) 70%,transparent);font-weight:800;font-size:1rem;color:var(--fg);transition:transform var(--mo-fast) var(--mo-ease-out)}.qg-btn:active:not(:disabled){transform:scale(.96)}.qg-btn:disabled{opacity:.6}.qg-btn-primary{background:var(--accent);border-color:transparent;color:var(--color-on-bright)}.qg-btn-wide{width:100%}html[data-mode=zine] .qg-btn{border:2px solid var(--fg);border-radius:3px}html[data-mode=zine] .qg-btn-primary{box-shadow:4px 4px 0 var(--fg)}.qg-reveal{max-width:560px;margin:0 auto;display:grid;gap:18px;padding-top:4px}.qg-reveal-stage{display:grid;place-items:center;perspective:1400px}.qg-flip{position:relative;width:min(64vw,290px,44svh);aspect-ratio:1080/1680;transform-style:preserve-3d;transition:transform .95s var(--mo-ease-spring)}.qg-flip.is-flipped{transform:rotateY(180deg)}.qg-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.qg-flip-front{transform:rotateY(180deg);border-radius:5.2%/3.3%;overflow:hidden;box-shadow:0 26px 50px rgba(0,0,0,.32)}.qg-card-art{position:relative;display:block}.qg-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);mix-blend-mode:screen;transform:translateX(-130%)}.qg-flip.is-flipped .qg-sheen{animation:qg-sheen 1.1s var(--mo-ease-out) .7s}@keyframes qg-sheen{0%{transform:translateX(-130%)}to{transform:translateX(130%)}}.qg-reveal-copy{display:grid;gap:12px;text-align:center;opacity:0;translate:0 16px;transition:opacity .5s var(--mo-ease-out) .55s,translate .6s var(--mo-ease-out) .55s}.qg-reveal-copy.is-in{opacity:1;translate:0 0}.qg-reveal-title{margin:0;font-family:var(--font-display),sans-serif;font-weight:800;font-size:clamp(1.9rem,8vw,3.1rem);line-height:1.05;text-wrap:balance}.qg-reveal-title span{display:block;color:var(--accent)}html[data-mode=dream] .qg-reveal-title span{color:color-mix(in oklab,var(--accent) 55%,var(--fg))}.qg-reveal-lede{font-size:1.02rem;line-height:1.5;color:var(--fg-2)}.qg-reveal-lede strong{color:var(--fg)}.qg-reveal-lede a{text-decoration:underline;text-decoration-color:var(--accent);color:var(--fg)}.qg-actions{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2;justify-self:center;display:flex;gap:8px;padding:8px;margin-top:6px;border-radius:999px;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.28)}html[data-mode=zine] .qg-actions{border-radius:3px;border:2px solid var(--fg);box-shadow:5px 5px 0 var(--fg)}.qg-share-note{margin-top:-4px}.qg-details{display:grid;gap:10px;margin:6px 0 0;text-align:left}.qg-details>div{padding:14px 16px;border-radius:16px;border:1px solid color-mix(in oklab,var(--fg) 14%,transparent);background:color-mix(in oklab,var(--bg-2) 70%,transparent)}.qg-details dt{font-family:var(--font-mono),monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}html[data-mode=dream] .qg-details dt{color:color-mix(in oklab,var(--accent) 55%,var(--fg))}.qg-details dd{margin-top:4px;line-height:1.45}html[data-mode=zine] .qg-details>div{border:2px solid var(--fg);border-radius:3px;background:var(--bg)}html[data-mode=dream] .qg-details>div{border-style:dashed;border-radius:24px}.qg-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-top:8px}.qg-link{font-weight:700;font-size:.95rem;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;color:var(--fg)}.qg-intro{display:grid;gap:28px;max-width:1080px;margin:0 auto;padding:28px 16px 64px}.qg-intro-cards{position:relative;display:grid;place-items:center;min-height:330px}.qg-intro-card{width:min(46vw,210px);filter:drop-shadow(0 24px 48px rgba(0,0,0,.3))}.qg-intro-card.is-back{position:absolute;transform:rotate(9deg) translate(30%,4%)}.qg-intro-card.is-front{position:relative;transform:rotate(-5deg) translate(-16%)}.qg-intro-copy{display:grid;gap:12px;justify-items:center;text-align:center}.qg-intro-lede{font-size:1.12rem;color:var(--fg)}.qg-intro-lede,.qg-intro-note{max-width:32rem;line-height:1.5}.qg-intro-note{font-size:.92rem;color:var(--fg-2)}.qg-intro-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.qg-intro-meta{font-family:var(--font-mono),monospace;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.qg-intro.is-simple{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;min-height:min(70svh,560px);padding-block:32px 48px}.qg-intro.is-simple .qg-intro-copy{justify-items:center;text-align:center;max-width:30rem}.qg-intro.is-simple .qg-intro-actions{flex-direction:column;align-items:stretch;width:min(100%,280px);margin-top:14px}.qg-intro-title.prototype-section-title{font-size:clamp(2.4rem,11vw,4.4rem);line-height:1;text-align:center}.qg-intro-challenge{width:min(46vw,200px);filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));rotate:-3deg}.qg .debut-toast{position:absolute;left:50%;top:4px;translate:-50% 0;z-index:2;white-space:nowrap}.qg .debut-panel{display:grid;align-content:start;gap:14px}.qg .debut-stage{text-align:center}.qg .debut-question{margin:0}.qg .debut-options{grid-template-columns:minmax(0,1fr);gap:10px}.qg .debut-option{min-height:62px;padding:10px 16px}.qg .debut-option-emoji{font-size:1.6rem}.qg .debut-lights{gap:10px}.qg .debut-light{padding:14px 6px 12px}.qg .debut-light-bulb{width:44px;height:44px}.qg .debut-name{align-items:stretch;text-align:center;max-width:none}.qg .debut-name .debut-input{text-align:center;margin-top:8px}.qg .debut-name .debut-cta{justify-content:center;margin-top:14px}.qg .debut-reveal{max-width:1000px;margin:0 auto;padding-top:4px}.qg .debut-reveal-copy{text-align:center}.qg .debut-reveal-copy .debut-lede{margin-inline:auto}@media (min-width:900px){.qg-scroll{padding-inline:32px}.qg .debut-play.qg-table,.qg-table{--qg-card-w:300px;max-width:1040px;grid-template-columns:300px minmax(0,1fr);align-items:center;justify-items:stretch;gap:64px;padding-block:3vh;grid-template-rows:none;min-height:0}.qg-scroll:has(>.qg-table){padding-bottom:28px}.qg-envelope{width:auto;margin-top:0;padding:0;background:none;box-shadow:none;border:0}.qg-envelope:before{display:none}.qg-table.is-signing .qg-envelope{transform:none}.qg .debut-question,.qg-question{text-align:left;font-size:clamp(2rem,3vw,2.8rem)}.qg .debut-stage,.qg-label{text-align:left}.qg .debut-options{grid-template-columns:repeat(2,minmax(0,1fr))}.qg-reveal{max-width:1040px;grid-template-columns:340px minmax(0,1fr);align-items:start;gap:56px;padding-block:3vh}.qg-reveal-stage{position:sticky;top:0}.qg-flip{width:330px}.qg-reveal-copy{text-align:left}.qg-actions{justify-self:start}.qg-links{justify-content:flex-start}.qg-intro-card{width:230px}}@media (prefers-reduced-motion:no-preference){.qg-panel>:not(.qg-answers){animation:qg-in .4s var(--mo-ease-out) both}.qg-answer{animation:qg-deal .45s var(--mo-ease-out) calc(var(--i, 0) * 55ms + 80ms) both}.qg-answer.is-picked{animation:qg-pick .45s var(--mo-ease-spring)}.qg-stake-card{animation:qg-wiggle .6s var(--mo-ease-spring)}.qg-progress .is-now{animation:qg-blink 1.2s ease-in-out infinite}}@keyframes qg-in{0%{opacity:0;transform:translateY(12px)}}@keyframes qg-deal{0%{opacity:0;transform:translateY(14px)}}@keyframes qg-pick{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes qg-wiggle{0%{rotate:0deg;scale:1}40%{scale:1.05}to{rotate:var(--tilt,0deg);scale:1}}@keyframes qg-blink{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.qg,.qg-answer,.qg-flip,.qg-reveal-copy{animation:none;transition:none}}