:root{color:#eef8f6;font-synthesis:none;background:#07131f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#15384a 0,#07131f 42%,#040b12 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{width:min(720px,100%);min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:auto;display:flex}header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}h1{letter-spacing:-.06em;margin:5px 0 0;font-size:clamp(2.3rem,10vw,4rem);line-height:.9}h1 em{color:#50e3c2;font-style:normal}.eyebrow,.phase{color:#ffcf5a;letter-spacing:.14em;font-size:.72rem;font-weight:800}.status{color:#91a5b4;white-space:nowrap;border:1px solid #385064;border-radius:999px;padding:8px 11px;font-size:.72rem}.status.ok{color:#50e3c2;border-color:#247967}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1e2de0;border:1px solid #7eadbe2e;border-radius:28px;padding:clamp(22px,6vw,42px);box-shadow:0 24px 70px #00000052}.intro{color:#b6c7d1;margin:0 0 28px;line-height:1.55}label{color:#cbd9e0;grid-template-columns:1fr auto;gap:10px;padding:13px 0;display:grid}label strong{color:#fff}input[type=range]{accent-color:#50e3c2;grid-column:1/-1;width:100%}.preview{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.ghost{color:#d9e9eb;background:#11283a;border:1px solid #29485c;border-radius:13px;padding:12px 6px}.start,.stop{text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:17px;width:100%;padding:17px;font-weight:900}.start{color:#062019;background:#50e3c2;box-shadow:0 10px 35px #50e3c233}.stop{color:#fff;background:#e14f58;margin-top:32px}button:disabled{opacity:.45;cursor:wait}.error{color:#ff9ba1;font-size:.84rem}.live{text-align:center}.countdown{font-variant-numeric:tabular-nums;letter-spacing:-.08em;margin:20px 0;font-size:clamp(6rem,28vw,11rem);font-weight:850;line-height:1}.recovery .countdown{color:#ffcf5a}.progress{background:#173044;border-radius:99px;height:8px;overflow:hidden}.progress span{background:#50e3c2;height:100%;transition:width 80ms linear;display:block}.metrics,.result-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px;display:grid}.metrics div,.result-grid div{background:#040d1573;border-radius:14px;padding:14px 5px}small{color:#7891a1;letter-spacing:.12em;margin-bottom:7px;font-size:.63rem;display:block}.metrics strong,.result-grid strong{font-size:1.2rem}i{color:#7891a1;font-size:.65em;font-style:normal;font-weight:500}.results{text-align:center}.results h2{color:#50e3c2;letter-spacing:-.07em;margin:20px 0;font-size:clamp(4.5rem,22vw,8rem);line-height:1}.note{color:#8fa4b0;margin:25px 0;font-size:.8rem;line-height:1.5}footer{color:#5f7483;text-align:center;letter-spacing:.08em;margin-top:auto;font-size:.7rem}@media (width<=480px){.shell{padding-inline:14px}.card{border-radius:22px}.metrics strong,.result-grid strong{font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}