:root{--bg: #090d13;--bg-raise: #0f1520;--bg-panel: #131b29;--bg-sunk: #070a0f;--ink: #e7ebf2;--ink-soft: #98a2b4;--ink-faint: #5b6577;--ice: #7fd4e9;--ice-deep: #2f9db8;--ember: #e8875c;--ember-deep: #c65f38;--good: #6fcf97;--warn: #e5c07b;--crit: #e06c75;--line: rgba(127, 212, 233, .13);--line-strong: rgba(127, 212, 233, .26);--mono: "Cascadia Code", "JetBrains Mono", "SF Mono", Consolas, monospace;--sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--disp: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--tabbar-h: 62px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}::selection{background:#7fd4e940}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ice);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.app-shell{min-height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}.views{flex:1;padding:0 18px calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 24px)}.view{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.view{animation:none}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 20px) 0 14px}.topbar h1{font-family:var(--disp);font-size:1.02rem;font-weight:600;margin:0;letter-spacing:-.01em}.topbar .sub{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px}.icon-btn{background:var(--bg-raise);border:1px solid var(--line);color:var(--ink-soft);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:.95rem}.icon-btn:hover{border-color:var(--line-strong);color:var(--ink)}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:#090d13eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:40}.tabbar-inner{display:flex;width:100%;max-width:560px;margin:0 auto}.tab{flex:1;background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-faint);font-size:.63rem;letter-spacing:.04em;padding:0;transition:color .18s}.tab svg{width:21px;height:21px;stroke-width:1.6}.tab.active{color:var(--ice)}.card{background:var(--bg-raise);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px}.card.flat{background:transparent}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title{font-family:var(--mono);font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.card-action{background:none;border:0;color:var(--ice);font-size:.78rem;padding:0}.hero{position:relative;padding:26px 18px 22px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(420px 200px at 20% 0%,rgba(47,157,184,.16),transparent 70%),radial-gradient(380px 200px at 90% 100%,rgba(198,95,56,.12),transparent 70%),var(--bg-raise);margin-bottom:12px;overflow:hidden}.hero-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.pace-row{display:flex;align-items:flex-end;gap:14px;margin-top:6px}.pace-value{font-family:var(--disp);font-weight:200;font-size:4rem;line-height:.95;letter-spacing:-.03em}.pace-value.fast{color:var(--ember)}.pace-value.slow{color:var(--ice)}.pace-x{font-size:1.4rem;color:var(--ink-faint);font-weight:300}.pace-caption{font-size:.85rem;color:var(--ink-soft);margin-top:10px;max-width:34ch}.level-strip{display:flex;gap:0;margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.level-cell{flex:1;border-right:1px solid var(--line);padding-right:12px}.level-cell:last-child{border-right:0;padding-right:0;padding-left:12px}.level-cell .k{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.level-cell .v{font-family:var(--disp);font-weight:250;font-size:1.75rem;line-height:1.2;margin-top:3px}.level-cell .v small{font-size:.8rem;color:var(--ink-faint);font-weight:400}.level-cell .pm{font-family:var(--mono);font-size:.68rem;color:var(--ink-faint)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:var(--bg-raise);border:1px solid var(--line);border-radius:12px;padding:13px 14px}.tile .tl{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.tile .tv{font-family:var(--disp);font-weight:300;font-size:1.3rem;margin-top:3px}.tile .tv small{font-size:.72rem;color:var(--ink-faint)}.tile.ice .tv{color:var(--ice)}.tile.ember .tv{color:var(--ember)}.tile.ember{border-color:#e8875c33}.bar{height:4px;border-radius:99px;background:#1a2334;margin-top:8px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ice-deep),var(--ice));transition:width .4s ease}.bar.ember>i{background:linear-gradient(90deg,var(--ember-deep),var(--ember))}.bar.over>i{background:linear-gradient(90deg,var(--warn),var(--ember))}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:var(--bg-raise);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;width:100%;text-align:left}.row-main{min-width:0;flex:1}.row-title{font-size:.92rem;color:var(--ink)}.row-sub{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--ink-faint);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-right{font-family:var(--mono);font-size:.78rem;color:var(--ice);white-space:nowrap}.check{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line-strong);background:transparent;display:grid;place-items:center;color:transparent;flex-shrink:0;transition:all .18s}.check.on{background:var(--ice-deep);border-color:var(--ice);color:#041018}.grade{display:inline-grid;place-items:center;font-family:var(--mono);font-size:.62rem;font-weight:700;width:19px;height:19px;border-radius:5px;flex-shrink:0}.grade.A{background:#6fcf9729;color:var(--good);border:1px solid rgba(111,207,151,.35)}.grade.B{background:#7fd4e924;color:var(--ice);border:1px solid rgba(127,212,233,.35)}.grade.C{background:#e5c07b24;color:var(--warn);border:1px solid rgba(229,192,123,.35)}.grade.D{background:#e06c7521;color:var(--crit);border:1px solid rgba(224,108,117,.32)}.note{border-left:2px solid var(--ice-deep);background:#2f9db80f;padding:12px 14px;border-radius:0 10px 10px 0;font-size:.85rem;color:var(--ink-soft);margin-bottom:10px}.note.warn{border-color:var(--warn);background:#e5c07b12}.note.crit{border-color:var(--crit);background:#e06c7514}.note.good{border-color:var(--good);background:#6fcf9712}.note strong{color:var(--ink)}.field{margin-bottom:14px}.field label{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.field input,.field select{width:100%;background:var(--bg-sunk);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--ink);font-size:.95rem}.field input:focus,.field select:focus{border-color:var(--ice-deep);outline:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{width:100%;padding:13px;border-radius:11px;border:1px solid var(--ice-deep);background:linear-gradient(180deg,#2f9db838,#2f9db81a);color:var(--ice);font-size:.95rem;font-weight:500;transition:filter .18s}.btn:hover:not(:disabled){filter:brightness(1.25)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.btn.ember{border-color:var(--ember-deep);background:linear-gradient(180deg,#c65f3838,#c65f381a);color:var(--ember)}.btn.small{width:auto;padding:8px 14px;font-size:.82rem;border-radius:9px}.btn-row{display:flex;gap:8px}.error{color:var(--crit);font-size:.85rem;margin-bottom:12px}.empty{text-align:center;color:var(--ink-faint);font-size:.88rem;padding:30px 20px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070bb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sheet{background:var(--bg-panel);border:1px solid var(--line-strong);border-bottom:0;border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:20px 18px calc(28px + env(safe-area-inset-bottom,0px));animation:slideup .28s cubic-bezier(.22,1,.36,1)}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.sheet-grip{width:34px;height:4px;border-radius:99px;background:var(--line-strong);margin:0 auto 16px}.sheet h2{font-family:var(--disp);font-size:1.2rem;font-weight:500;margin:0 0 4px}.sheet p{color:var(--ink-soft);font-size:.9rem;margin:0 0 14px}.timer-face{text-align:center;padding:18px 0 6px}.timer-time{font-family:var(--disp);font-weight:150;font-size:4.2rem;line-height:1;letter-spacing:-.02em}.timer-time.ice{color:var(--ice)}.timer-time.ember{color:var(--ember)}.spark{width:100%;height:54px;display:block}.chart{width:100%;height:130px;display:block}.factor{display:grid;grid-template-columns:19px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(127,212,233,.07)}.factor:last-child{border-bottom:0}.factor-name{font-size:.88rem;color:var(--ink)}.factor-val{font-family:var(--mono);font-size:.62rem;color:var(--ink-faint);margin-top:1px}.factor-eff{font-family:var(--mono);font-size:.76rem;text-align:right}.factor-eff.pos{color:var(--ice)}.factor-eff.neg{color:var(--ember)}.factor-eff.none{color:var(--ink-faint)}.marker-band{position:relative;height:6px;border-radius:99px;background:#1a2334;margin:8px 0 4px;overflow:hidden}.marker-band .zone-opt{position:absolute;top:0;bottom:0;background:#6fcf9759}.marker-band .dot{position:absolute;top:50%;width:10px;height:10px;border-radius:99px;background:var(--ink);transform:translate(-50%,-50%);border:2px solid var(--bg-raise)}.marker-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.58rem;color:var(--ink-faint)}.seg{display:flex;gap:6px;margin-bottom:14px}.seg button{flex:1;padding:8px 4px;background:var(--bg-raise);border:1px solid var(--line);border-radius:9px;color:var(--ink-faint);font-size:.78rem}.seg button.on{border-color:var(--ice-deep);color:var(--ice);background:#2f9db81f}.legal{font-size:.72rem;color:var(--ink-faint);line-height:1.5;padding:16px 2px 8px;border-top:1px solid var(--line);margin-top:18px}