:root{--bg: #fbf7f1;--ink: #1f2430;--muted: #5f6675;--card: #ffffff;--line: #e7e0d5;--accent: #e0573b;--accent2: #2f6f73;--ok: #2f9e6d;--miss: #d8443a;--soft: #fdeee8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent2)}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--line);background:#fbf7f1e6;position:sticky;top:0;backdrop-filter:blur(6px);z-index:5;flex-wrap:wrap;gap:8px}.brand{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--ink)}nav{display:flex;gap:4px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--muted);padding:8px 12px;border-radius:999px;font-weight:600;font-size:.95rem}nav a.active,nav a:hover{background:var(--soft);color:var(--accent)}main{max-width:1080px;margin:0 auto;padding:32px 24px 16px}footer{max-width:1080px;margin:0 auto;padding:16px 24px 40px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}h1{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;margin:8px 0 16px;letter-spacing:-.02em}h2{font-size:1.8rem;margin:4px 0 12px;letter-spacing:-.01em}h3{margin:0 0 8px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--accent);margin:0}.lead{font-size:1.12rem;line-height:1.6;color:#333a48;max-width:780px}.fine{font-size:.85rem;color:var(--muted);line-height:1.5}.hero{padding:24px 0 8px}.cta,.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.btn,.key,.chip,.link{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .08s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000012}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.4;cursor:default;transform:none}.link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:.9rem}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:16px 0;align-items:start}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.panel{padding:32px;box-shadow:0 10px 40px #3c28140d}.panel.narrow{max-width:620px;margin:0 auto}.card p{line-height:1.55;color:#3a4150}.how{margin:32px 0}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;counter-reset:s}.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 16px 16px 56px;position:relative;display:flex;flex-direction:column;gap:4px}.steps li:before{content:counter(s);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:var(--accent2);color:#fff;display:grid;place-items:center;font-weight:800}.steps span{color:var(--muted);font-size:.92rem}label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:14px 0}label.inline{flex-direction:row;align-items:center;margin:0}input,select{font:inherit;padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);background:#fffdfa}input[type=range]{flex:1;min-width:200px;accent-color:var(--accent);padding:0}.notice{background:#fff6d8;border:1px solid #f0dc97;padding:10px 14px;border-radius:10px;font-size:.92rem}.choices{display:flex;gap:12px;margin:20px 0}.choice{width:72px;height:72px;justify-content:center;font-size:1.6rem}.testhead{display:flex;justify-content:space-between;align-items:center;gap:16px}.meter{flex:0 0 200px;height:8px;background:var(--line);border-radius:99px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent2);transition:width .3s}.testgrid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:32px;margin-top:16px}@media (max-width: 800px){.testgrid{grid-template-columns:1fr}}.display{display:flex;gap:10px;margin:16px 0}.display span{width:72px;height:84px;border-radius:14px;border:2px dashed var(--line);display:grid;place-items:center;font-size:2.4rem;font-weight:800;color:#c8bfb2}.display span.filled{border-style:solid;border-color:var(--accent2);color:var(--ink);background:#f1f8f7}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px}.key{height:60px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-size:1.4rem;font-weight:700;cursor:pointer}.key:hover{background:var(--soft)}.key.alt{color:var(--muted)}.key.submit{background:var(--accent);color:#fff;border-color:var(--accent)}.key.submit:disabled{opacity:.35}.belief{background:#f7faf9;border:1px solid #dbe9e7;border-radius:16px;padding:18px}.chart{width:100%;height:auto;display:block;margin:8px 0}.chart .area{fill:#2f6f732e}.chart .line{fill:none;stroke:var(--accent2);stroke-width:2.5}.chart .band{fill:#e0573b1f}.chart .mean{stroke:var(--accent);stroke-width:2;stroke-dasharray:4 3}.chart .axis{stroke:#b8b0a3}.chart .grid{stroke:#eee8de}.chart .tick{font-size:11px;fill:var(--muted);text-anchor:middle}.chart .label{font-size:13px;font-weight:700;fill:var(--ink)}.chart .track{fill:none;stroke:#c9c1b4;stroke-width:1.5}.chart circle.ok{fill:var(--ok)}.chart circle.miss{fill:var(--miss)}.chart .ci{stroke-width:6;stroke-linecap:round;stroke:#cfd8d7}.chart .ci.harder{stroke:#f4c2b6}.chart .dot{fill:var(--accent2);stroke:#fff;stroke-width:2}.chart .dot.harder{fill:var(--accent)}.chart .dot.easier{fill:var(--ok)}.chart .bar.b{fill:var(--accent2)}.chart .bar.s{fill:#b9ada0}.big{color:var(--accent);white-space:nowrap}.group{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fffdfa}.verdicts{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.verdicts li{padding:10px 14px;border-radius:10px;background:#f4f2ee;line-height:1.45}.verdicts li.harder{background:var(--soft);border-left:4px solid var(--accent)}.verdicts li.easier{background:#eaf6f0}.verdicts .del{float:right}.empty{padding:30px;text-align:center;border:2px dashed var(--line);border-radius:14px;color:var(--muted)}.profiles{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chip{padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-weight:700}.chip.on{background:var(--accent2);color:#fff;border-color:var(--accent2)}table.results{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}.results th,.results td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right}.results th:first-child,.results td:first-child{text-align:left}.results tr.hl{background:#f1f8f7;font-weight:700}.stat{background:var(--soft);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px}.stat b{font-size:2.2rem;color:var(--accent)}.stat span{color:#4a4f5c}.prose{max-width:820px;margin:0 auto;line-height:1.6}.prose li{margin:4px 0}code{background:#f1ece4;padding:1px 6px;border-radius:6px;font-size:.9em}.icon{vertical-align:-4px;color:var(--accent);margin-right:4px}.brand .icon{width:26px;height:26px;vertical-align:-6px}