:root{--bg:#f6f4fb;--bg-sunk:#eeebf7;--surface:#fff;--border:#e6e3f0;--border-strong:#cec9e0;--text:#16162a;--text-muted:#63637d;--accent:#4f46e5;--accent-deep:#3a30c9;--accent-soft:#ebe9fe;--teal:#0f9b8e;--teal-soft:#dff5f1;--warm:#c2560f;--warm-soft:#fdeee2;--danger:#c02a2a;--danger-soft:#fdecec;--s1:#2f3a9e;--s2:#4038a6;--s3:#5537a8;--s4:#6b36a3;--s5:#82359a;--s6:#98358b;--s7:#ac3878;--s8:#bd3f62;--s9:#c74b4a;--s10:#c25c1c;--s-on:#fff;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #16162a0d;--shadow:0 1px 2px #16162a0a, 0 10px 30px -12px #2f3a9e2e;--shadow-lift:0 2px 4px #16162a0f, 0 18px 40px -16px #2f3a9e4d;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--bg:#0c0d16;--bg-sunk:#151726;--surface:#141726;--border:#262a40;--border-strong:#3a3f5c;--text:#e9e9f5;--text-muted:#9a9ab5;--accent:#8b83ff;--accent-deep:#a099ff;--accent-soft:#221f47;--teal:#45c9b8;--teal-soft:#10312e;--warm:#f0a068;--warm-soft:#33210f;--danger:#ff8a8a;--danger-soft:#34191a;--s1:#7c86ff;--s2:#8f80fb;--s3:#a37bf2;--s4:#b678e6;--s5:#c777d7;--s6:#d678c4;--s7:#e37bad;--s8:#ec8294;--s9:#f28b78;--s10:#f5a355;--s-on:#0c0d16;--shadow-sm:0 1px 2px #00000080;--shadow:0 1px 2px #00000080, 0 10px 30px -12px #000000b3;--shadow-lift:0 2px 4px #00000080, 0 18px 40px -16px #000c}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(60rem 40rem at 12% -10%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), radial-gradient(50rem 36rem at 96% 4%, color-mix(in srgb, var(--s7) 13%, transparent), transparent 62%), radial-gradient(56rem 44rem at 50% 108%, color-mix(in srgb, var(--teal) 12%, transparent), transparent 58%);background-repeat:no-repeat;background-attachment:fixed;margin:0;font-size:16px;line-height:1.55}body:before{content:"";z-index:20;background:linear-gradient(90deg, var(--s1), var(--s2), var(--s3), var(--s4), var(--s5), var(--s6), var(--s7), var(--s8), var(--s9), var(--s10));height:3px;position:fixed;inset:0 0 auto}h1,h2{margin:0;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.1rem);font-weight:800}h2{letter-spacing:-.01em;font-size:.95rem;font-weight:700}p{margin:0}.muted{color:var(--text-muted)}.strong{font-weight:650}.nowrap{white-space:nowrap}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.55rem;font-size:.68rem;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.page{max-width:680px;margin:0 auto;padding:3rem 1.25rem 4rem}.page--wide{max-width:1180px}.page--centered{justify-content:center;align-items:center;min-height:100vh;padding-top:1.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;padding:2.25rem;animation:.45s cubic-bezier(.2,.7,.3,1) both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.card__header{border-bottom:1px solid var(--border);margin-bottom:1.75rem;padding-bottom:1.5rem}.card__header h1{margin-bottom:.45rem}.progress{align-items:center;gap:.75rem;margin-top:1.35rem;display:flex}.progress__segments{flex:1;grid-template-columns:repeat(5,1fr);gap:.25rem;display:grid}.progress__seg{background:var(--bg-sunk);border-radius:999px;height:4px;transition:background .25s}.progress__seg--on{background:var(--accent)}.progress__label{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7rem}.field{margin-bottom:1.9rem}.field__label{letter-spacing:-.01em;align-items:center;gap:.65rem;margin-bottom:.3rem;font-size:1.03rem;font-weight:650;display:flex}.field__number{background:var(--bg-sunk);width:1.55rem;height:1.55rem;color:var(--text-muted);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.field__number--done{background:var(--teal);color:var(--surface)}.field__hint{color:var(--text-muted);margin-bottom:.7rem;padding-left:2.2rem;font-size:.85rem}.field__body{padding-left:2.2rem}.field__error{color:var(--danger);margin-top:.45rem;font-size:.85rem;font-weight:500}input,textarea{width:100%;font:inherit;color:var(--text);background:var(--bg-sunk);border-radius:var(--radius-sm);border:1px solid #0000;padding:.7rem .85rem;transition:border-color .15s,box-shadow .15s,background .15s}textarea{resize:vertical;min-height:6.5rem}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.75}input:focus,textarea:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.input--short{max-width:9.5rem}[data-invalid=true] input,[data-invalid=true] textarea{border-color:var(--danger);background:var(--danger-soft)}.counter{text-align:right;font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.7rem}.chips{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.chip{font:inherit;border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .75rem;font-size:.82rem;transition:background .12s,border-color .12s,color .12s}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip--on{background:var(--accent);border-color:var(--accent);color:#fff}.chip--on:hover{background:var(--accent);color:#fff}.scale{grid-template-columns:repeat(10,1fr);gap:.35rem;display:grid}.scale__dot{font-family:var(--font-mono);aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-sunk);min-width:0;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;transition:transform .15s,color .15s,border-color .15s;position:relative;overflow:hidden}.scale__dot:after{content:"";background:var(--dot);opacity:.55;height:3px;transition:opacity .15s,height .15s;position:absolute;inset:auto 0 0}.scale__dot:hover{color:var(--dot);border-color:var(--dot);transform:translateY(-2px)}.scale__dot:hover:after{opacity:1;height:4px}.scale__dot--on{background:var(--dot);border-color:var(--dot);color:var(--s-on);box-shadow:0 8px 16px -8px var(--dot);transform:translateY(-3px)}.scale__dot--on:after{opacity:0}.scale__legend{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;gap:1rem;margin-top:.6rem;font-size:.7rem;display:flex}.scale__legend span:first-child{color:var(--s1)}.scale__legend span:last-child{color:var(--s10);text-align:right}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:.7rem 1.3rem;font-weight:650;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s,color .12s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--s5));color:#fff;width:100%;box-shadow:var(--shadow-sm);padding:.85rem 1.3rem;font-size:1rem}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text);padding:.5rem .95rem;font-size:.88rem}.btn--ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.alert{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.7rem .9rem;font-size:.9rem}.backlink{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.85rem;text-decoration:none;display:block}.backlink:hover{color:var(--accent)}.card--done,.card--gate{text-align:center;max-width:460px}.card--done>*+*,.card--gate>*+*{margin-top:1rem}.stack{text-align:left;gap:.6rem;display:grid}.signed-in{font-family:var(--font-mono);margin-top:.35rem;font-size:.72rem}.tick{background:var(--teal-soft);width:3.5rem;height:3.5rem;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.7rem;animation:.5s cubic-bezier(.2,1.4,.4,1) both pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.results__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem;display:flex}.results__actions{flex-wrap:wrap;gap:.5rem;display:flex}.empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;padding:3rem 1.5rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem;margin-bottom:1.25rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem 1.25rem;position:relative;overflow:hidden}.tile:before{content:"";background:var(--tone,var(--accent));width:3px;position:absolute;inset:0 auto 0 0}.tile__value{letter-spacing:-.035em;color:var(--tone,var(--text));font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:800}.tile__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:.2rem;font-size:.7rem}.panels{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.25rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.35rem}.panels .panel{margin-bottom:0}.panel h2{margin-bottom:1.2rem}.histogram{grid-template-columns:repeat(10,1fr);gap:.35rem;height:170px;display:grid}.histogram__col{flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem;height:100%;display:flex}.histogram__count{font-family:var(--font-mono);color:var(--text-muted);height:1em;font-size:.7rem;font-weight:600}.histogram__bar{background:var(--dot,var(--accent));border-radius:5px 5px 2px 2px;width:100%;min-height:0;transition:height .4s cubic-bezier(.2,.7,.3,1)}.histogram__tick{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.bars{gap:.55rem;max-height:180px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.bars li{grid-template-columns:8rem 1fr 2rem;align-items:center;gap:.65rem;font-size:.85rem;display:grid}.bars__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bars__track{background:var(--bg-sunk);border-radius:999px;height:.6rem;overflow:hidden}.bars__fill{background:linear-gradient(90deg, var(--accent), var(--s6));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.2,.7,.3,1);display:block}.bars__value{text-align:right;font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.65rem .75rem}th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:.68rem;font-weight:600}tbody tr{transition:background .12s}tbody tr:hover{background:var(--bg-sunk)}tbody tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.expectation{min-width:22rem;color:var(--text-muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row-delete{font:inherit;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:7px;padding:.2rem .55rem;font-size:.78rem;transition:opacity .12s,color .12s,border-color .12s,background .12s}tbody tr:hover .row-delete,.row-delete:focus-visible{opacity:1}.row-delete:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft)}.confirm{gap:.3rem;display:inline-flex}.confirm__yes,.confirm__no{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:7px;padding:.2rem .55rem;font-size:.78rem}.confirm__yes{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:650}.confirm__no{border-color:var(--border-strong);color:var(--text-muted);background:0 0}.confirm__no:hover{color:var(--text);border-color:var(--text-muted)}.confirm__yes:disabled,.confirm__no:disabled{opacity:.6;cursor:not-allowed}@media (hover:none){.row-delete{opacity:1}}.pill{text-align:center;min-width:1.8rem;font-family:var(--font-mono);color:var(--dot);background:color-mix(in srgb, var(--dot) 15%, transparent);border-radius:7px;padding:.1rem .45rem;font-size:.78rem;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=560px){.card{padding:1.6rem 1.25rem}.page{padding:2rem .9rem 3rem}.field__hint,.field__body{padding-left:0}.scale{grid-template-columns:repeat(5,1fr)}.bars li{grid-template-columns:6rem 1fr 2rem}}