:root{--bg:#fbf6f2;--surface:#fff;--surface-2:#f5ede7;--ink:#1d1630;--ink-2:#5b5370;--line:#e9dfd7;--accent:#e8385d;--accent-ink:#fff;--accent-soft:#fde4e9;--plum:#3b2a63;--good:#1f8a5b;--ok:#b7791f;--warn:#d4572a;--bad:#c2234a;--bar:linear-gradient(90deg, #ff8fa3, #e8385d);--shadow:0 1px 2px #1d16300d, 0 8px 28px #1d163012;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#120e1d;--surface:#1b1529;--surface-2:#251d38;--ink:#f4eff9;--ink-2:#b2a9c4;--line:#2f2645;--accent:#ff5c7a;--accent-soft:#3a1a2a;--plum:#c8b6ff;--good:#4cc38a;--ok:#e3b341;--warn:#f0834f;--bad:#ff5c7a;--shadow:0 1px 2px #0000004d, 0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 Inter,system-ui,sans-serif}a{color:var(--accent)}h1,h2,.big{letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-weight:700}button,select,input{font:inherit;color:inherit}.top{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:20px 16px;display:flex}.logo{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.top nav a{color:var(--ink-2);font-weight:500;text-decoration:none}.top nav a:hover{color:var(--ink)}.hero{text-align:center;max-width:760px;margin:0 auto;padding:24px 16px 8px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 10px;font-size:12px;font-weight:600}.hero h1{margin:0 0 16px;font-size:clamp(40px,7vw,68px);line-height:1.02}.hero h1 em{color:var(--accent);font-style:italic}.lede{color:var(--ink-2);max-width:600px;margin:0 auto;font-size:18px}.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:24px;max-width:1120px;margin:32px auto 0;padding:0 16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.controls{gap:16px;display:grid}fieldset.card{min-width:0;margin:0;padding:20px 20px 16px}legend{float:left;text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--ink-2);margin-bottom:12px;padding:0;font-size:13px;font-weight:700}.row{clear:both;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.row.stack{flex-direction:column;align-items:stretch}.label{font-weight:600}.inline{align-items:center;gap:8px;display:inline-flex}.muted{color:var(--ink-2)}select{appearance:none;background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:9px 32px 9px 12px;font-weight:500}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-weight:500}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.chips{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-2);border-radius:999px;padding:7px 14px;font-weight:500}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.chip.on:before{content:"✓ ";color:var(--accent)}.link{color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.reset{margin-top:12px;font-size:14px}.picker{position:relative}.picker input{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;width:100%;padding:11px 14px}.picker input::placeholder{color:var(--ink);opacity:.85}.picker ul{z-index:20;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.picker li{cursor:pointer;border-radius:10px;justify-content:space-between;gap:12px;padding:9px 10px;display:flex}.picker li small{color:var(--ink-2);white-space:nowrap}.picker li.active{background:var(--surface-2)}.results{padding:28px;transition:opacity .2s;position:sticky;top:16px}.results.is-stale{opacity:.55}.tier{letter-spacing:.04em;text-transform:uppercase;color:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.tone-good{background:var(--good)}.tone-ok{background:var(--ok)}.tone-warn{background:var(--warn)}.tone-bad{background:var(--bad)}.big{font-variant-numeric:tabular-nums;margin:16px 0 6px;font-size:clamp(48px,8vw,76px);line-height:1}.sub{margin:0;font-size:18px;font-weight:600}.ratio{color:var(--ink-2);margin:12px 0 0}.ratio strong{color:var(--ink)}.note{color:var(--ink-2);background:var(--surface-2);border-radius:10px;padding:8px 12px;font-size:13px}.block{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.block h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:0 0 12px;font-size:13px}.funnel{gap:8px;margin:0;padding:0;list-style:none;display:grid}.funnel li{background:var(--surface-2);border-radius:10px;justify-content:space-between;gap:12px;padding:8px 12px;font-size:14px;display:flex;position:relative;overflow:hidden}.funnel .bar{background:var(--bar);opacity:.22;border-radius:10px;transition:width .4s;position:absolute;inset:0 auto 0 0}.f-label,.f-num{position:relative}.f-num{font-variant-numeric:tabular-nums;font-weight:600}.comps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.comps button{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:12px;width:100%;padding:10px 14px;display:grid}.comps button:hover{border-color:var(--accent)}.c-label{font-weight:600}.c-gain{color:var(--accent);grid-row:span 2;align-self:center;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:700}.c-num{color:var(--ink-2);font-size:13px}.pace p{margin:0}.pace select{margin:0 2px;padding:4px 28px 4px 10px}.fine{color:var(--ink-2);font-size:13px;margin-top:10px!important}.share{cursor:pointer;background:var(--accent);width:100%;color:var(--accent-ink);border:0;border-radius:14px;margin-top:24px;padding:14px;font-size:16px;font-weight:700}.share:hover{filter:brightness(1.06)}.error{color:var(--bad)}.real{background:var(--plum);color:#fff;border:0;max-width:1088px;margin:48px auto 0;padding:36px}@media (prefers-color-scheme:dark){.real{background:#2a1f48}}.real .eyebrow{color:#ffb3c2}.real h2{margin:0 0 10px;font-size:clamp(28px,4vw,40px)}.real-lede{opacity:.9;max-width:680px;margin:0 0 24px}.real .fine,.real .muted{color:#ffffffbf}.real .link{color:#fffc}.drop{text-align:center;border:2px dashed #ffffff59;border-radius:18px;padding:32px 24px;transition:background .2s,border-color .2s}.drop.over{background:#ffffff14;border-color:#ffb3c2}.drop-title{margin:0 0 6px;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:700}.drop-sub{opacity:.85;max-width:560px;margin:0 auto 18px}.ghost{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:12px;padding:10px 18px;font-weight:600}.drop-actions{justify-items:center;gap:10px;max-width:320px;margin:0 auto;display:grid}.progress{align-items:center;gap:10px;font-weight:600;display:inline-flex}.progress small{opacity:.7;font-weight:400}.dot{background:#ffb3c2;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4;transform:scale(1.6)}}.how-export{margin-top:18px}.how-export summary{cursor:pointer;font-weight:600}.how-export ul{opacity:.9;padding-left:20px}.profile{gap:20px;margin-top:28px;display:grid}.profile>div{background:#ffffff12;border-radius:16px;padding:22px}.profile h3{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:clamp(24px,3.4vw,34px);line-height:1.15}.profile h4{text-transform:uppercase;letter-spacing:.08em;color:#ffb3c2;margin:0 0 10px;font-size:13px}.profile h5{margin:0 0 6px;font-size:14px}.profile ul{margin:0;padding-left:18px}.profile li{margin:4px 0}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0;display:grid}.ideal .primary{max-width:320px}.vs{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid}.vs-arrow{color:#ffb3c2;align-self:center;font-size:28px}.you-sum{margin:0 0 14px;font-size:17px}.traits{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.trait{background:#ffffff12;border-radius:12px;gap:4px;padding:12px;font-size:14px;display:grid}.trait span{opacity:.8}@media (width<=860px){.real{margin-left:16px;margin-right:16px;padding:24px 18px}.three,.vs{grid-template-columns:minmax(0,1fr)}.vs-arrow{justify-self:center;transform:rotate(90deg)}}.method{max-width:1120px;margin:56px auto 0;padding:0 16px}.method h2{margin:0 0 20px;font-size:32px}.method-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px 28px;display:grid}.method h3{margin:0 0 6px;font-size:16px}.method p{color:var(--ink-2);margin:0;font-size:15px}.method .fine{margin-top:24px!important}.foot{border-top:1px solid var(--line);max-width:1120px;color:var(--ink-2);margin:48px auto 0;padding:24px 16px 96px;font-size:14px}.mobile-bar{display:none}@media (width<=860px){.grid{grid-template-columns:minmax(0,1fr)}.results{position:static}.next{margin-left:16px;margin-right:16px}.mobile-bar{z-index:30;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:600;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.mobile-bar a{color:var(--bg);background:var(--accent);white-space:nowrap;border-radius:10px;padding:6px 12px;text-decoration:none}}@media (width<=420px){.row{flex-wrap:wrap}.results{padding:22px 18px}}.their{max-width:1088px;margin:48px auto 0;padding:32px}.their-head h2{margin:0 0 8px;font-size:clamp(28px,4vw,40px)}.their-head p.muted{max-width:640px;margin:0}.their-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;margin-top:24px;display:grid}.self .row select{min-width:140px}.consent{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;margin:16px 0 12px;font-size:14px;display:flex}.consent input{accent-color:var(--accent);flex:none;width:18px;height:18px;margin-top:3px}.primary{cursor:pointer;background:var(--accent);width:100%;color:var(--accent-ink);border:0;border-radius:14px;padding:13px;font-weight:700}.primary:disabled{opacity:.45;cursor:not-allowed}.contributed{justify-items:start;gap:10px;margin-top:16px;display:grid}.contributed .primary{justify-self:stretch}.their-out{background:var(--surface-2);border-radius:16px;min-height:200px;padding:24px}.locked{text-align:center;place-content:center;max-width:360px;min-height:220px;margin:0 auto;display:grid}.lock-title{margin:0 0 6px;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:700}.small-big{margin-top:0;font-size:clamp(44px,6vw,60px)}.their-h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:22px 0 10px;font-size:13px}.wants{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wants li{font-size:14px}.w-top{justify-content:space-between;gap:12px;display:flex}.w-bar{background:var(--line);border-radius:6px;height:6px;margin:6px 0 4px;overflow:hidden}.w-bar div{background:var(--good);border-radius:6px;height:100%}.wants li.fail .w-bar div{background:var(--bad)}.wants small{color:var(--ink-2)}.wants li.fail small{color:var(--bad);font-weight:600}@media (width<=860px){.their{margin-left:16px;margin-right:16px;padding:22px 18px}.their-grid{grid-template-columns:minmax(0,1fr)}}.top nav{align-items:center;gap:18px;display:flex}.top nav a.sister{color:var(--accent);font-weight:600}.sister-card{justify-content:space-between;align-items:center;gap:24px;max-width:1088px;margin:48px auto 0;padding:28px 32px;display:flex}.sister-card h2{margin:0 0 6px;font-size:clamp(24px,3.4vw,32px)}.sister-card p.muted{margin:0}.as-link{text-align:center;white-space:nowrap;width:auto;padding:13px 22px;text-decoration:none;display:inline-block}@media (width<=860px){.sister-card{flex-direction:column;align-items:stretch;margin-left:16px;margin-right:16px;padding:22px 18px}}@media (width<=420px){.top nav a[href=\#how]{display:none}.logo{font-size:22px}}.code{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff6;border-radius:12px;width:100%;padding:11px 14px}.code::placeholder{color:#ffffffb3}