:root{--accent:#5B9FD4;--accent-dark:#3F82BC;--accent-tint:#EAF2FA;--accent-tint-2:#DCEAF7;--bg:#FFFFFF;--surface:#F6F8FB;--surface-2:#EEF3F9;--ink:#1E2A36;--ink-2:#5C6B7A;--ink-3:#8A98A6;--line:#E3E9F0;--ok:#3FA66A;--warn:#D99A2B;--stop:#C9483B;--radius:16px;--radius-sm:11px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(30,42,54,.05);--shadow-pop:0 24px 60px -24px rgba(30,42,54,.32), 0 0 0 1px rgba(30,42,54,.04);--fs-h1:25px;--fs-h2:20px;--fs-body:15px;--fs-small:13px;--fs-hint:12px;--lh-body:1.55;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:26px;--maxw:440px}[data-mode=protective] .numeric{display:none!important}*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.app{min-height:100vh;min-height:100dvh;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;padding:max(28px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;flex:1;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.progress{display:flex;gap:6px;margin-bottom:18px}.progress i{flex:1;height:4px;border-radius:var(--radius-pill);background:var(--surface-2)}.progress i.done{background:var(--accent)}.progress i.now{background:var(--accent-dark)}.brand{display:flex;align-items:center;gap:9px;margin-bottom:8px}.brand .dot{width:26px;height:26px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.brand{min-width:0}.brand .brand-name{font-weight:600;font-size:15px;letter-spacing:-.01em}.brand .brand-name em{font-style:normal;font-weight:500;color:var(--ink-3)}h1{font-size:var(--fs-h1);line-height:1.2;letter-spacing:-.02em;margin:14px 0 8px;font-weight:700}h2{font-size:var(--fs-h2);line-height:1.25;letter-spacing:-.01em;margin:6px 0;font-weight:600}.lead{color:var(--ink-2);font-size:var(--fs-body);line-height:var(--lh-body);margin:0 0 18px}.eyebrow{font-size:var(--fs-hint);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:6px}.q{font-size:16px;font-weight:600;margin:18px 0 10px;line-height:1.35}.hint{font-size:var(--fs-small);color:var(--ink-3);line-height:1.5}.spacer{flex:1;min-height:14px}.btn{appearance:none;border:0;width:100%;background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:16px;padding:15px;border-radius:13px;cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-dark)}.btn:disabled{background:#bbd2e8;cursor:not-allowed}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--surface)}.btn-link{background:none;border:0;color:var(--accent-dark);font:inherit;font-weight:600;font-size:var(--fs-small);cursor:pointer;padding:8px}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:14px 15px;font:inherit;font-size:var(--fs-body);color:var(--ink);cursor:pointer;margin-bottom:10px;transition:border-color .15s,background .15s}.opt:hover{border-color:var(--accent)}.opt.sel{border-color:var(--accent);background:var(--accent-tint)}.opt .rad{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto}.opt.sel .rad{border-color:var(--accent);background:radial-gradient(circle at center,var(--accent) 0 6px,#fff 7px)}.field{margin-bottom:14px}.field label{display:block;font-size:var(--fs-small);font-weight:600;margin-bottom:5px}.field input,.field textarea{width:100%;font:inherit;font-size:14px;color:var(--ink);border:1.5px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.checkrow{display:flex;gap:11px;align-items:flex-start;font-size:var(--fs-small);line-height:1.5;color:var(--ink-2);cursor:pointer;margin:4px 0 8px}.checkrow input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--accent);margin-top:1px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-card)}.gatecard{border-radius:14px;padding:16px;font-size:14px;line-height:var(--lh-body);margin-bottom:14px}.gatecard.calm{background:var(--accent-tint);border:1px solid var(--accent-tint-2);color:#37536e}.gatecard.ok{background:#eaf6ef;border:1px solid #C7E6D4;color:var(--ok)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-hint);font-weight:600;padding:5px 10px;border-radius:8px}.badge.calm{background:var(--accent-tint);color:var(--accent-dark)}.badge.neutral{background:var(--surface-2);color:var(--ink-2)}.badge .pip{width:7px;height:7px;border-radius:50%;background:currentColor}.note{background:var(--accent-tint);border:1px solid var(--accent-tint-2);border-radius:12px;padding:12px 14px;font-size:var(--fs-small);line-height:1.5;color:#37536e;margin-top:12px}.support{background:var(--accent-tint);border:1px solid var(--accent-tint-2);border-radius:14px;padding:15px;margin-top:14px}.support h3{margin:0 0 5px;font-size:14px;font-weight:600;color:var(--accent-dark)}.support p{margin:0;font-size:var(--fs-small);color:#37536e;line-height:var(--lh-body)}.support .links{margin-top:9px;font-size:var(--fs-small);font-weight:600}.support .links a{color:var(--accent-dark);text-decoration:none;border-bottom:1px solid var(--accent)}.card h3{margin:0 0 4px;font-size:16px;font-weight:600}.card .sub{font-size:var(--fs-small);color:var(--ink-2);margin:0 0 12px;line-height:1.5}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:8px}.back{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);flex:0 0 auto}.back:hover{color:var(--ink)}.chiprow{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:var(--fs-small);font-weight:500;padding:9px 13px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--ink-2);cursor:pointer}.chip.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-dark)}.tilegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:7px;min-height:104px}.tile:hover{border-color:var(--accent);background:#fff}.tile .ti{width:26px;height:26px;color:var(--accent)}.tile .tl{font-size:14px;font-weight:600;line-height:1.25}.tile .td{font-size:12px;color:var(--ink-3);line-height:1.4}.tile .soon{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-dark);background:var(--accent-tint);padding:2px 7px;border-radius:6px;align-self:flex-start}.plate{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.quad{background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:13px;cursor:pointer;transition:border-color .15s,background .15s}.quad:hover{border-color:var(--accent)}.quad.on{border-color:var(--accent);background:var(--accent-tint)}.quad .qt{font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.quad .qd{font-size:12px;color:var(--ink-2);margin-top:3px;line-height:1.4}.quad .tick{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto}.quad.on .tick{border-color:var(--accent);background:var(--accent)}.figrow{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.fig{flex:1 1 0;min-width:64px;background:#fff;border:1px dashed var(--accent);border-radius:10px;padding:8px 9px;text-align:center}.fig .fl{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-dark)}.fig .fv{font-size:17px;font-weight:700;color:var(--ink-3)}.figcap{font-size:11px;color:var(--ink-3);margin-top:7px;line-height:1.45}.cups{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 14px}.cup{width:42px;height:52px;border:2px solid var(--line);border-radius:6px 6px 10px 10px;cursor:pointer;background:#fff;transition:background .15s,border-color .15s}.cup.full{background:var(--accent-tint-2);border-color:var(--accent)}.donepill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok);background:#eaf6ef;border:1px solid #C7E6D4;padding:5px 10px;border-radius:8px}a.foot{font-size:11px;color:var(--ink-3);text-align:center;margin-top:18px;text-decoration:none;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}