:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:#f6f8fc;background:#101a2c;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{min-height:100%;background:#101a2c}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 18%,#1d314c 0%,#101a2c 68%);overflow-x:hidden}
button,select{font:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #9cdfd1;outline-offset:3px}
.shell{max-width:560px;margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom))}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:19px}.logo{width:34px;height:35px;display:grid;place-items:center;border:1px solid #8bc5be;border-radius:10px;color:#9cdfd1;font-size:23px}.eyebrow{font-size:9px;color:#a6b6ce;letter-spacing:2px}.brand strong{display:block;font-size:21px;line-height:1.2}.version{margin-left:auto;font-size:11px;letter-spacing:.8px;color:#c5d3e5;padding:5px 8px;border:1px solid #455770;border-radius:8px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:30px}.toolbar a,footer a{color:#b8e8df;text-decoration:none;font-size:12px}.toolbar select{width:144px;max-width:49%;padding:9px 11px;background:#243752;color:#f4f8fa;border:1px solid #51647f;border-radius:10px}
h1{font-size:25px;line-height:1.3;margin:0 0 10px;letter-spacing:-.6px}.lead{font-size:13px;color:#b8c7d8;line-height:1.85;margin:0 0 24px}
.panel{border:1px solid #40536c;background:#1a2940a8;border-radius:20px;padding:19px;margin:14px 0;box-shadow:0 15px 40px #07111e20}.panel h2{font-size:16px;margin:0 0 17px}.panel label{display:block;font-size:12px;color:#d0dceb;margin-bottom:8px}
#device-select{width:100%;min-height:46px;padding:10px 13px;color:#f1f7fa;border:1px solid #536782;background:#253954;border-radius:11px}
.hint{color:#9eb0c9;font-size:11px;line-height:1.7;margin:10px 0}.important{color:#d4c8a9}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.controls button{border:1px solid #556a83;border-radius:11px;padding:12px 14px;color:#e5edf5;background:#293b54;font-weight:580;font-size:12px}.controls .primary{background:#d4f1e9;color:#142a34;border-color:transparent;flex:1 1 135px}.controls button:disabled{opacity:.42}.controls button:not(:disabled):active{transform:scale(.98)}
.status{min-height:40px;padding:10px 13px;background:#20344a;border-radius:11px;color:#d4e6ec;font-size:12px;line-height:1.6}
.meter-wrap{margin-top:18px}.meter-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin-bottom:9px}.meter-head strong{font-variant-numeric:tabular-nums;color:#bce8df}
.meter{height:14px;border:1px solid #536782;background:#0d1a2d;border-radius:20px;overflow:hidden}.meter>div{background:linear-gradient(90deg,#62b0bb,#a1e4c8);height:100%;width:0%;transition:width .12s}
dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;margin:0}dt,dd{padding:12px 0;font-size:12px;line-height:1.45;border-bottom:1px solid #354961;overflow-wrap:anywhere}dt{color:#9eafc7}dd{margin:0;color:#eef7fb;text-align:right;font-variant-numeric:tabular-nums}
ol{padding-left:20px;margin:0;color:#c3d0de;font-size:12px;line-height:1.9}li+li{margin-top:5px}
footer{text-align:center;margin-top:24px}footer p{font-size:11px;line-height:1.8;color:#9eafc7}.disclaimer{font-size:10px;color:#8194af}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:385px){.shell{padding-left:14px;padding-right:14px}.panel{padding:15px}.controls button{font-size:11px;padding:11px 10px}}