:root{--surface:#fff9ee;--surface-raised:#ffffff;--surface-sunken:#f6eedd;--line:#ece2cf;--ink:#1f2a44;--ink-muted:#5b6278;--navy:#1f2a44;--butter:#ffd166;--butter-deep:#e8b23c;--butter-soft:#fff0c4;--peach:#ffb38a;--peach-soft:#ffe7d8;--peach-ink:#9a3f17;--mint:#7fd8b4;--mint-soft:#dcf5ea;--mint-ink:#1c6a4d;--concern:#d9532f;--concern-soft:#fde3da;--concern-ink:#9c2f14;--on-accent:#1f2a44;--mascot-line:#1f2a44;--focus:#3a66d6;--font-display:"Fredoka","Nunito",ui-rounded,system-ui,sans-serif;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-card:0 8px 24px rgba(31,42,68,0.08);--shadow-press:0 4px 0 #e8b23c;--shadow-press-neutral:0 4px 0 #ece2cf}@media (prefers-color-scheme:dark){:root{--surface:#1c1a24;--surface-raised:#272433;--surface-sunken:#15131b;--line:#3b3748;--ink:#f5f0e6;--ink-muted:#b4b0c2;--navy:#36436e;--butter-soft:#3d3420;--peach:#ff9f70;--peach-soft:#40291f;--peach-ink:#ffc2a2;--mint:#6fcfa8;--mint-soft:#1d3a2f;--mint-ink:#a3ebcb;--concern:#ff8a6b;--concern-soft:#3f2420;--concern-ink:#ffb7a3;--focus:#8fb0ff;--shadow-card:0 8px 24px rgba(0,0,0,0.35);--shadow-press-neutral:0 4px 0 #3b3748}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.page{max-width:560px;margin:0 auto;padding:var(--space-4) var(--space-4) 120px;flex-direction:column;gap:var(--space-4)}.page,.row{display:flex}.row{align-items:center;gap:var(--space-3)}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.grow{flex:1 1;min-width:0}.center{text-align:center;align-items:center}.display{font-size:34px;line-height:40px}.display,.title{font-family:var(--font-display);font-weight:600;margin:0}.title{font-size:28px;line-height:34px}.heading{font-weight:600;font-size:20px;margin:0}.heading,.voice{font-family:var(--font-display);line-height:26px}.voice{font-weight:500;font-size:18px}.small{font-size:14px;line-height:20px}.label,.muted{color:var(--ink-muted)}.label{font:600 12px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.card-link{display:flex;gap:var(--space-3);align-items:center;text-decoration:none}.card-link:hover{border-color:var(--butter-deep)}.sunken{background:var(--surface-sunken);border-radius:var(--radius-md)}.bubble,.sunken{padding:var(--space-3) var(--space-4)}.bubble{background:var(--butter-soft);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:12px 22px;border-radius:var(--radius-md);font:600 16px/24px var(--font-sans);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(3px)}.btn-primary{background:var(--butter);color:var(--on-accent);box-shadow:var(--shadow-press)}.btn-primary:active{box-shadow:0 1px 0 var(--butter-deep)}.btn-go{background:var(--mint);color:var(--on-accent);box-shadow:0 4px 0 var(--mint-ink)}.btn-secondary{background:var(--surface-raised);color:var(--ink);border:2px solid var(--line);box-shadow:var(--shadow-press-neutral)}.btn-ghost{background:transparent;color:var(--ink-muted);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.icon-btn{width:44px;height:44px;border-radius:var(--radius-pill);background:var(--surface-raised);border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:none}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{border:2px solid var(--line);background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-pill);padding:8px 16px;min-height:44px;cursor:pointer;font:500 15px/20px var(--font-sans);box-shadow:var(--shadow-press-neutral)}.chip:hover{border-color:var(--ink-muted)}.chip-filter{min-height:40px;padding:6px 14px;font-size:14px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;box-shadow:none}.chip-filter.on{background:var(--navy);border-color:var(--navy);color:#fff9ee}.dot{width:10px;height:10px;border-radius:var(--radius-pill);display:inline-block;flex:none}.dot-butter{background:var(--butter-deep)}.dot-peach{background:var(--peach)}.dot-mint{background:var(--mint)}.scroll-x{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px}.stage{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:3px 10px;font:600 12px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase}.stage-seed{background:var(--butter-soft);color:var(--ink)}.stage-sapling,.stage-sprout{background:var(--mint-soft);color:var(--mint-ink)}.stage-committed,.stage-ready{background:var(--mint);color:var(--on-accent)}.stage-parked{background:var(--surface-sunken);color:var(--ink-muted)}.track{display:flex;gap:6px}.track i{flex:1 1;height:8px;border-radius:var(--radius-pill);background:var(--line)}.track i.on{background:var(--mint)}.progress{display:flex;gap:6px}.progress i{flex:1 1;height:6px;border-radius:var(--radius-pill);background:var(--line)}.progress i.on{background:var(--butter-deep)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;line-height:20px;color:var(--ink-muted)}.input,.select,.textarea{width:100%;border:2px solid var(--line);background:var(--surface-sunken);color:var(--ink);border-radius:var(--radius-sm);padding:12px;font:400 16px/24px var(--font-sans)}.input,.select{height:50px;padding:0 12px}.textarea{min-height:112px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:3px solid var(--focus);outline-offset:1px}.note{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.note .dot{width:12px;height:12px;margin-top:6px}.note-agree{background:var(--mint-soft);color:var(--mint-ink)}.note-agree .dot{background:var(--mint-ink)}.note-split{background:var(--concern-soft);color:var(--concern-ink)}.note-split .dot{background:var(--concern)}.note-gap{background:var(--butter-soft);color:var(--ink)}.note-gap .dot{background:var(--butter-deep)}.note .label{color:inherit;display:block}.avatar{width:36px;height:36px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;font:600 13px/1 var(--font-sans);color:var(--on-accent);flex:none}.avatars{display:flex}.avatars .avatar{width:28px;height:28px;font-size:11px;border:2px solid var(--surface);margin-left:-8px}.avatars .avatar:first-child{margin-left:0}.bg-butter{background:var(--butter)}.bg-peach{background:var(--peach)}.bg-mint{background:var(--mint)}.num{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--mint-soft);color:var(--mint-ink);display:inline-flex;align-items:center;justify-content:center;font:600 13px/1 var(--font-sans);flex:none}.bottom-bar{position:fixed;left:0;right:0;bottom:0;background:var(--surface);padding:var(--space-4) var(--space-4) var(--space-6)}.bottom-bar>*{max-width:528px;margin:0 auto}.linkbox{background:var(--surface-raised);border-radius:var(--radius-sm);padding:10px 12px;font:500 14px/20px var(--font-sans);overflow-wrap:anywhere}details summary{cursor:pointer}.pill{display:inline-flex;align-items:center;background:var(--surface-sunken);color:var(--ink-muted);border-radius:var(--radius-pill);padding:4px 12px;font-size:13px;line-height:18px;margin-top:4px}.quiet-links{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.fold{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0 var(--space-4)}.fold>summary{list-style:none;display:flex;align-items:center;gap:var(--space-3);min-height:56px;font:600 16px/24px var(--font-display);cursor:pointer}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);transform:rotate(45deg);margin:-4px 4px 0;transition:transform .15s}.fold[open]>summary:after{transform:rotate(-135deg);margin-top:4px}.fold[open]{padding-bottom:var(--space-4)}.person{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.person-more>summary{cursor:pointer;padding-left:48px;text-decoration:underline;text-underline-offset:3px}.heard-group .heard-title{display:flex;align-items:center;gap:8px;font:600 14px/20px var(--font-sans)}.heard-group ul{margin:4px 0 0;padding-left:38px}.heard-group li{font-size:15px;line-height:22px;margin-bottom:4px}.heard-agree .dot{background:var(--mint-ink)}.heard-agree .heard-title{color:var(--mint-ink)}.heard-split .dot{background:var(--concern)}.heard-split .heard-title{color:var(--concern-ink)}.heard-gap .dot{background:var(--butter-deep)}.landing{max-width:640px;margin:0 auto;padding:0 var(--space-4)}.landing-nav{padding:var(--space-4) 0}.landing-hero{gap:var(--space-4);padding:var(--space-8) 0 var(--space-12)}.landing-title{text-align:center;font-size:40px;line-height:46px;max-width:520px}.landing-sub{margin:0;text-align:center;max-width:460px;font-size:18px;line-height:27px}.landing-steps{gap:var(--space-3);padding-bottom:var(--space-12)}.landing-step{align-items:center;gap:var(--space-4)}.landing-who{gap:var(--space-4);padding:var(--space-8) 0 var(--space-12);border-top:1px solid var(--line)}.landing-cta{gap:var(--space-4);background:var(--butter-soft);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4)}@media (min-width:720px){.landing-title{font-size:52px;line-height:58px}}.chip-on{background:var(--navy);border-color:var(--navy);color:#fff9ee}.why{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px}.how{list-style:none;margin:0;padding:0;gap:12px;counter-reset:how}.how,.how li{display:flex;flex-direction:column}.how li{position:relative;padding-left:40px;gap:2px;font-size:15px;line-height:22px}.how li:before{counter-increment:how;content:counter(how);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:999px;background:var(--mint-soft);color:var(--mint-ink);font:600 13px/28px var(--font-sans);text-align:center}.how li span{color:var(--ink-muted);font-size:14px;line-height:20px}.survey-actions{display:flex;gap:var(--space-3);align-items:center;position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);padding:var(--space-3) 0 calc(var(--space-4) + env(safe-area-inset-bottom));margin-top:8px}.tap{display:inline-flex}.person-more>summary,.tap{align-items:center;min-height:44px}.person-more>summary{display:flex}