*{box-sizing:border-box}body{margin:0;background:#07172f;color:#edf7ff;font:16px system-ui,sans-serif}button,input,select{font:inherit}button{min-height:44px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffae68;outline-offset:3px}.app-shell{max-width:620px;margin:auto;padding:20px 16px 40px}header{display:flex;gap:12px;align-items:center}header img{width:48px}h1,h2,p{margin:0}h1{font-size:25px}header small{color:#76e5dc;font-weight:700;letter-spacing:.12em;font-size:10px}header button{margin-left:auto;border:1px solid #407097;background:transparent;border-radius:50%;color:#fff;width:44px}.hero{text-align:center;padding:28px 0 16px}.hero>p{color:#76e5dc;font-weight:bold}.ring{--p:0;width:230px;height:230px;margin:16px auto;background:conic-gradient(#2bd3c5 calc(var(--p)*1%),#17345d 0);border-radius:50%;padding:11px}.ring>div{height:100%;display:grid;place-content:center;background:#0b1d3a;border-radius:50%}.ring strong{font-size:46px;display:block;font-variant-numeric:tabular-nums}.ring small{color:#9cb6cf}.start{display:block;margin:auto;width:120px;border:0;border-radius:28px;background:#2bd3c5;color:#052036;font-weight:800}.text{border:0;background:transparent;color:#bad2e8;margin-top:9px}.card{background:#10264a;border:1px solid #22476e;border-radius:16px;padding:17px;margin:14px 0}h2{font-size:17px;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;font-size:12px;color:#a8c2da}.metrics strong{display:block;color:#fff;font-size:15px;margin-top:5px}.segmented{border:0;padding:0;display:flex;gap:7px;flex-wrap:wrap}.segmented label{border:1px solid #31577d;border-radius:20px;padding:8px 11px;font-size:14px}.segmented input{accent-color:#2bd3c5}.hint{font-size:13px;line-height:1.5;color:#aac2d7;margin:11px 0}label{display:block;margin:13px 0}output{float:right;color:#ffbd83}input[type=range]{display:block;width:100%;accent-color:#2bd3c5;margin-top:7px}select{float:right;background:#0b1d3a;color:white;border:1px solid #31577d;border-radius:7px;padding:4px}.tests{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tests button{border:1px solid #427099;background:#18375f;color:#fff;border-radius:8px;padding:4px 12px;min-height:38px}aside{border-left:4px solid #ffae68;background:#172a48;padding:13px 15px;border-radius:7px;line-height:1.55;color:#d5e6f4}dialog{border:0;border-radius:16px;max-width:440px;background:#10264a;color:#edf7ff;box-shadow:0 10px 50px #000}dialog::backdrop{background:#020914bb}dialog article{line-height:1.6}dialog button{background:#2bd3c5;border:0;border-radius:8px;padding:4px 12px;color:#062238}dialog #closeInfo{float:right}.history-item{border-top:1px solid #29486c;padding:10px 0;color:#b9d1e4;font-size:14px}.history-item b{color:#fff}.sr-only{position:absolute;clip:rect(0,0,0,0)}@media(min-width:600px){.app-shell{padding-top:34px}}