:root{--bg: #f7f6f2;--surface: #ffffff;--surface2: #f1f0eb;--text: #191a20;--muted: #5f6470;--line: #e6e4dd;--acc: #5b4fd6;--acc-strong: #4a3fc4;--safe: #187a4c;--later: #697082;--stop: #4e5a74;--danger: #b3261e;--gold: #c89a2e;--silver: #8a8f9c;--bronze: #b07a44;--shadow: 0 8px 28px rgba(24, 26, 32, .07);--r: 18px;--r-sm: 12px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--nav-h: 64px;--fs-xs: 12.5px;--fs-sm: 13.5px;--fs-base: 15.5px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 24px;--fs-xxl: 29px}:root[data-accent=teal]{--acc: #0e8a6d;--acc-strong: #0b7259}:root[data-accent=rose]{--acc: #c13a6b;--acc-strong: #a62d59}:root[data-accent=ocean]{--acc: #2563eb;--acc-strong: #1d4fc4}:root[data-theme=dark]{--bg: #101116;--surface: #1a1b22;--surface2: #22232c;--text: #f1f0ec;--muted: #a2a6b2;--line: #2b2d37;--acc: #948bf2;--acc-strong: #a9a2f6;--safe: #3dbe7e;--later: #98a0b4;--stop: #9fb0d0;--danger: #f2b8b5;--shadow: none}:root[data-theme=dark][data-accent=teal]{--acc: #3ec79e;--acc-strong: #5ad3ae}:root[data-theme=dark][data-accent=rose]{--acc: #ea7ba4;--acc-strong: #f094b6}:root[data-theme=dark][data-accent=ocean]{--acc: #6fa0f6;--acc-strong: #8ab2f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--fs-base);line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}:focus{outline:none}:focus-visible{outline:2.5px solid var(--acc);outline-offset:2px;border-radius:6px}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.015em}h1{font-size:var(--fs-xxl);font-weight:800}h2{font-size:var(--fs-lg);font-weight:800}h3{font-size:var(--fs-md);font-weight:700}p{margin:0}.muted{color:var(--muted)}.sm{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.app-shell{max-width:640px;margin:0 auto;padding:var(--s4) var(--s4) calc(var(--nav-h) + var(--s6) + env(safe-area-inset-bottom));min-height:100vh}.appbar{display:flex;align-items:center;justify-content:space-between;padding:var(--s2) 0 var(--s4)}.wordmark{display:flex;align-items:center;gap:8px;font-weight:800;font-size:var(--fs-lg);letter-spacing:-.02em}.wordmark .dot{width:12px;height:12px;border-radius:3px;background:var(--acc);transform:rotate(45deg)}.iconbtn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-size:18px}.stack{display:grid;gap:var(--s3)}.row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 18px;font-weight:700;font-size:var(--fs-base);min-height:46px;border:1px solid transparent;transition:transform .12s ease,background .15s ease}.btn:active{transform:scale(.985)}.btn-primary{background:var(--acc);color:#fff}:root[data-theme=dark] .btn-primary{color:#14151b}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn-soft{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);border-color:color-mix(in srgb,var(--acc) 26%,transparent)}.btn-stop{background:color-mix(in srgb,var(--stop) 14%,transparent);color:var(--stop);border-color:color-mix(in srgb,var(--stop) 32%,transparent)}.btn-danger{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.btn-wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 13px;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--line);background:var(--surface)}.chip-acc{background:color-mix(in srgb,var(--acc) 11%,transparent);border-color:color-mix(in srgb,var(--acc) 24%,transparent);color:var(--acc)}.chip-safe{background:color-mix(in srgb,var(--safe) 11%,transparent);border-color:color-mix(in srgb,var(--safe) 26%,transparent);color:var(--safe)}.chip[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#fff}:root[data-theme=dark] .chip[aria-pressed=true]{color:#14151b}label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--muted);margin:var(--s3) 0 var(--s1)}input[type=text],input[type=password],input[type=number],select,textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;font-size:var(--fs-base)}textarea{min-height:88px;resize:vertical}.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}@media (min-width: 480px){.pgrid{grid-template-columns:repeat(3,1fr)}}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;width:100%}.tile{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:color-mix(in srgb,var(--acc) 9%,transparent)}.pname{font-weight:700;font-size:var(--fs-sm);line-height:1.3}.stepchip{display:flex;align-items:center;gap:10px;width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 16px;font-weight:700;font-size:var(--fs-md)}.stepchip .ck{width:22px;height:22px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;flex:none}.stepchip[aria-pressed=true]{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent)}.stepchip[aria-pressed=true] .ck{background:var(--acc);border-color:var(--acc);color:#fff}.session-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s5)}.star-amount{font-weight:800;color:var(--acc)}.rank-badge{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:var(--fs-sm)}.rank-bronze{color:var(--bronze)}.rank-silver{color:var(--silver)}.rank-gold{color:var(--gold)}.progress{height:12px;border-radius:999px;background:var(--surface2);overflow:hidden}.progress>i{display:block;height:100%;background:var(--acc)}.medal{border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);text-align:center;display:grid;gap:6px;justify-items:center;background:var(--surface)}.medal.locked{opacity:.42}.medal-ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar-inner{max-width:640px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);height:var(--nav-h)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted)}.tab .tab-emoji{font-size:20px}.tab[aria-current=page]{color:var(--acc)}dialog{border:0;border-radius:22px;padding:0;max-width:520px;width:calc(100% - 28px);background:var(--surface);color:var(--text);box-shadow:0 24px 60px #00000047}dialog::backdrop{background:#0a0a0e73}.dlg-body{padding:var(--s5);display:grid;gap:var(--s3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.switch{display:flex;align-items:flex-start;gap:12px}.switch input{width:auto;margin-top:4px;accent-color:var(--acc);transform:scale(1.35)}.view{animation:fadein .22s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.breath-circle{width:110px;height:110px;border-radius:50%;margin:0 auto;background:color-mix(in srgb,var(--acc) 16%,transparent);border:2px solid color-mix(in srgb,var(--acc) 40%,transparent);display:grid;place-items:center;font-weight:700;color:var(--acc)}@media (prefers-reduced-motion: no-preference){.breath-circle.go{animation:breathe 8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.82)}50%{transform:scale(1.08)}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}