:root{--bg:#f6f8fd;--surface:#fff;--surface-2:#eef2fb;--surface-3:#e5e9f2;--ink:#34364a;--muted:#5f6676;--faint:#9aa3b2;--line:#e8edf7;--control:#868fa3;--accent:#3d58ff;--accent-strong:#1b37d9;--accent-deep:#2447f9;--accent-ink:#2447f9;--accent-soft:#eaeeff;--on-accent:#fff;--navy:#110843;--on-navy:#fff;--navy-muted:#ffffffb8;--navy-accent:#8fa0ff;--inverse:#110843;--on-inverse:#fff;--danger-solid:#d13438;--ok:#23805b;--ok-bg:#e2f5ee;--ok-ink:#1f7a55;--danger:#d13438;--danger-bg:#fdecec;--danger-ink:#b8292f;--warn:#a8650f;--warn-bg:#fbf0dd;--warn-ink:#8a5a12;--shadow-card:0 9px 30px #1108430f, 0 2px 6px #11084308;--shadow-sm:0 1px 2px #1108430f;--shadow-hover:0 14px 34px #1108431a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-card:30px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-header:22px;--radius-panel:26px;--radius-pill:100px;--font-sans:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-display:32px;--line-height-display:48px;--font-weight-display:700;--font-size-h1:26px;--line-height-h1:39px;--font-weight-h1:700;--font-size-h2:24px;--line-height-h2:36px;--font-weight-h2:700;--font-size-title:20px;--line-height-title:30px;--font-weight-title:700;--font-size-eyebrow:18px;--line-height-eyebrow:27px;--font-weight-eyebrow:600;--font-size-body:16px;--line-height-body:24px;--font-weight-body:400;--font-size-body-light:16px;--line-height-body-light:24px;--font-weight-body-light:300;--font-size-label:16px;--line-height-label:24px;--font-weight-label:500;--font-size-meta:14px;--line-height-meta:21px;--font-weight-meta:400;--font-size-button:16px;--line-height-button:24px;--font-weight-button:600;--font-size-mono:13px;--line-height-mono:18px;--font-weight-mono:400;--tap:48px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}button,input,textarea{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:inherit}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-h1);margin:0 0 var(--space-2)}a{color:var(--accent-ink)}.btn{min-height:var(--tap);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;text-decoration:none;transition:box-shadow .4s ease-in-out,background .4s ease-in-out,transform 60ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent-deep);color:var(--on-accent)}.btn.soft{background:var(--surface-3);color:var(--ink)}.btn.ghost{box-shadow:inset 0 0 0 1px var(--control);color:var(--ink);background:0 0}.btn:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.btn:disabled{opacity:.5}.link{color:var(--accent-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.4rem .2rem;text-decoration:underline}.link.small{font-size:var(--font-size-meta)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.survey{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.top{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-3) var(--space-4) var(--space-2);position:sticky;top:0}.top-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-meta);color:var(--muted);flex-wrap:wrap;min-height:32px;display:flex}.where{flex:1;font-weight:600}.save{white-space:nowrap;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);background:var(--surface-2);font-size:var(--font-size-meta)}.save-saved{color:var(--ok-ink)}.save-offline{color:var(--warn-ink)}.bone{align-items:center;height:24px;display:flex}.bone-bar{background:var(--surface-3);border-radius:var(--radius-pill);flex:1;height:8px;overflow:hidden}.bone-fill{border-radius:var(--radius-pill);background:var(--accent);height:100%;transition:width .4s}.stage,.stage-main{flex-direction:column;flex:1;min-width:0;display:flex}.is-hero .stage-alfie{padding:4px 16px 0}.is-question .stage-alfie{z-index:6;left:50%;bottom:calc(4px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;transform:translate(-50%)}.screen{padding:var(--space-2) var(--space-4) var(--space-6);flex:1;animation:.25s both rise}.is-question .screen{padding-bottom:48px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.hero-screen{align-items:stretch;gap:var(--space-3);text-align:center;flex-direction:column;padding-bottom:24px;display:flex}.hero-screen h1{font-size:var(--font-size-h1)}.lead{color:var(--ink);margin:0}.hero-screen .lead{text-align:left}.privacy{font-size:var(--font-size-meta);color:var(--muted);background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:left;margin:0}.note{color:var(--ink);background:var(--accent-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0}.part-tag{color:var(--accent-ink);margin:0;font-size:15px;font-weight:600}.back-link{align-self:center}.alfie-spot{justify-content:center;display:flex;position:relative}.alfie-hero{height:190px}.alfie-corner{flex:none;width:120px;height:120px}.alfie{--soft:cubic-bezier(.45, .05, .35, 1);aspect-ratio:320/334;height:100%;display:block;position:relative}.alfie-tap{cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.a-hop{pointer-events:none;position:absolute;inset:0}.alfie[data-jumping=true] .a-hop{animation:alfie-tap-hop .7s var(--soft) both}@keyframes alfie-tap-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-14%)}}.a-floor{pointer-events:none;background:radial-gradient(closest-side,#5a3a244d,#5a3a241f 62%,#5a3a2400);border-radius:50%;width:72%;height:8%;position:absolute;bottom:-3.5%;left:50%;transform:translate(-50%)}.a-bob,.a-breathe{position:absolute;inset:0}.a-bob{animation:alfie-bob 9s var(--soft) infinite}.a-breathe{transform-origin:50% 100%;animation:3.8s ease-in-out infinite alternate alfie-breathe}.a-pose{object-fit:contain;object-position:50% 100%;opacity:0;z-index:1;width:100%;height:100%;transition:opacity .18s var(--soft);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.a-pose.is-on{opacity:1;z-index:2}@keyframes alfie-breathe{to{transform:scale(1.018)}}@keyframes alfie-bob{0%,84%,to{transform:none}90%{transform:translateY(-2.5%)}95%{transform:translateY(.4%)}}.alfie-say{z-index:2;background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--font-size-meta);font-weight:500;line-height:var(--line-height-meta);color:var(--ink);animation:pop .3s var(--soft,ease) both;pointer-events:none;position:absolute}.alfie-hero .alfie-say{text-align:left;max-width:min(220px,50% - 70px);top:0;left:calc(50% + 62px)}.alfie-corner .alfie-say{white-space:nowrap;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;scale:.85}}.confetti{pointer-events:none;z-index:20;width:100vw;height:100vh;position:fixed;inset:0}.question{padding-bottom:12px}.q-title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);margin:var(--space-2) 0}.q-hint{color:var(--muted);font-size:var(--font-size-body);margin:0 0 14px}.q-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin:4px 0 10px;display:flex}.q-row-label{font-size:var(--font-size-title);color:var(--accent-ink);font-weight:700}.q-row-label:first-letter{text-transform:uppercase}.q-row-count{color:var(--muted);font-size:var(--font-size-meta);white-space:nowrap}.options{gap:var(--space-3);flex-direction:column;display:flex}.option-wrap{border-radius:var(--radius-lg);background:var(--surface);transition:background .4s ease-in-out,box-shadow .4s ease-in-out}.option-wrap.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.option{width:100%;min-height:var(--tap);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;display:flex}.option:disabled{opacity:.45;cursor:default}.option-label:first-letter{text-transform:uppercase}.tick{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--control);background:var(--surface);border-radius:5px;flex:none;place-items:center;display:grid}.tick.round{border-radius:50%}.tick.on{background:var(--accent-deep);box-shadow:inset 0 0 0 1.5px var(--accent-deep);color:var(--on-accent)}.typebox{width:calc(100% - 32px);margin:0 var(--space-4) var(--space-4);padding:11px var(--space-5);border-radius:var(--radius-pill);background:var(--surface-3);font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);border:1px solid #0000;transition:border-color .15s,box-shadow .15s}.typebox.big{width:100%;margin:0}textarea.typebox{resize:vertical;border-radius:var(--radius-md);min-height:96px}.typebox:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.typebox::placeholder{color:var(--muted)}.typebox:disabled{opacity:.5;cursor:not-allowed}.unknown-chip{margin-top:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--ink);cursor:pointer;border:0;font-weight:500}.unknown-chip[aria-pressed=true]{background:var(--inverse);color:var(--on-inverse)}.pick-note{color:var(--muted);font-size:var(--font-size-meta);margin:0}.followup{margin-top:18px;display:block}.followup-label{margin-bottom:8px;font-weight:600;display:block}.followup .typebox{width:100%;margin:0}.rating-scale{gap:var(--space-2);flex-direction:column;display:flex}.rating-step{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--surface);text-align:left;cursor:pointer;border:0;display:flex}.rating-dot{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.rating-step.on{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-soft)}.rating-step.on .rating-dot{background:var(--accent-deep);color:var(--on-accent)}.rating-extras{border-top:1px solid var(--line);gap:var(--space-2);flex-direction:column;margin-top:14px;padding-top:14px;display:flex}.rank-slots{gap:var(--space-2);flex-direction:column;margin:0 0 10px;padding:0;list-style:none;display:flex}.rank-slot{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-2);display:flex}.rank-slot.filled{background:var(--accent-soft)}.rank-slot.over{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-soft)}.rank-place{color:var(--accent-ink);flex:none;width:36px;font-weight:700}.rank-empty{color:var(--muted);font-size:var(--font-size-meta)}.rank-chip{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:grab;border:0;flex:1;min-height:44px;padding:6px 12px;display:flex}.rank-x{font-size:var(--font-size-title);color:var(--muted)}.rank .options{margin-top:10px}.rank .typebox{width:100%;margin:0 0 10px}.shot{gap:var(--space-2);flex-direction:column;margin-top:16px;display:flex}.shot-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shot-item{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--font-size-body);padding:6px 10px;display:flex}.shot-item img{object-fit:cover;border-radius:var(--radius-sm);width:40px;height:40px}.shot-item span:nth-child(2){flex:1}.shot-add{cursor:pointer}.shot-msg{color:var(--accent-ink);margin:0}.bar{z-index:5;justify-content:space-between;align-items:flex-end;gap:var(--space-2);padding:6px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, color-mix(in srgb, var(--bg) 0%, transparent));display:flex;position:sticky;bottom:0}.bar .btn{min-width:108px;margin-bottom:6px}.bar-gap{flex:none;width:112px}.kbd-hint{display:none}@media (max-width:899px){.survey.is-question{height:100dvh;overflow:hidden}.is-question .stage,.is-question .stage-main{min-height:0}.is-question .screen{min-height:0;overflow-y:auto}.is-question .bar{min-height:calc(168px + env(safe-area-inset-bottom));flex:none}}kbd{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--ink);padding:1px 6px;font-size:.85em;font-weight:700}@media (min-width:900px){body{font-size:var(--font-size-body)}.survey{max-width:1200px;padding:var(--space-3) var(--space-8) var(--space-8)}.top{-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-3) var(--space-2) var(--space-5);background:0 0;position:static}.bone{height:40px}.top-row{font-size:var(--font-size-meta)}.stage{gap:var(--space-8);background:var(--surface);border-radius:var(--radius-panel);padding:var(--space-8);flex:1;grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:center;min-height:min(580px,100dvh - 150px);display:grid}.is-hero .stage-alfie,.is-question .stage-alfie{pointer-events:auto;align-self:center;padding:96px 0 0;position:sticky;top:32px;bottom:auto;left:auto;transform:none}.alfie-hero,.alfie-corner{width:280px;height:230px}.alfie-hero .alfie-say,.alfie-corner .alfie-say{white-space:normal;text-align:center;width:max-content;max-width:280px;padding:var(--space-3) var(--space-4);background:var(--surface-2);font-size:1rem;top:auto;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.alfie-say:after{content:"";border:9px solid #0000;border-top-color:var(--surface-2);margin-left:-9px;position:absolute;top:100%;left:50%}.screen,.is-question .screen{flex:none;padding:0}.stage-main{justify-content:center}.hero-screen{text-align:left;gap:var(--space-5);max-width:640px;padding:0}.hero-screen h1{font-size:var(--font-size-display);line-height:var(--line-height-display)}.hero-screen .btn{align-self:flex-start;min-width:280px}.back-link{align-self:flex-start}.question{max-width:720px}.q-title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);margin-top:0}.q-hint{font-size:1rem}.stage .option-wrap,.stage .rating-step{background:var(--surface-2)}.stage .option-wrap.on,.stage .rating-step.on{background:var(--accent-soft)}.option-wrap:hover:not(.on),.rating-step:hover:not(.on){box-shadow:var(--shadow-hover)}.question{counter-reset:pick}.question .option,.question .rating-step{counter-increment:pick}.question .option:after{content:counter(pick);color:var(--muted);border:1.5px solid var(--line);border-radius:var(--radius-sm);text-align:center;flex:none;min-width:24px;margin-left:auto;padding:1px 6px;font-size:.75rem;font-weight:700}.bar{padding:var(--space-8) 0 0;background:0 0;align-items:center;max-width:720px;position:static}.bar .btn{min-width:140px;margin:0}.bar-gap{display:none}.kbd-hint{text-align:center;color:var(--muted);flex:1;font-size:.8rem;display:block}}@media (min-width:900px) and (hover:none){.kbd-hint,.question .option:after{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.alfie .a-pose{transition:opacity .18s!important}}@media (max-width:420px){.where-part{display:none}}