:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;background:#07111e;color:#eff6ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:28px 14px;background:radial-gradient(ellipse at 20% 0%,#25486a 0,transparent 42%),radial-gradient(ellipse at 100% 90%,#193653 0,transparent 38%),#07111e}.shell{width:min(100%,560px);margin:0 auto}.top,.brand,.summary,.metric-head,.section-head,.sync-state{display:flex;align-items:center}.top,.summary,.metric-head,.section-head{justify-content:space-between}.top{margin:0 3px 18px}.brand{gap:12px}.led{width:12px;height:12px;flex:none;border-radius:50%;background:#4de39a;box-shadow:0 0 14px #4de39a99}h1{margin:0;font-size:20px;letter-spacing:.02em}h2{margin:0 0 10px;font-size:15px}.brand p,.panel p{margin:3px 0 0;color:#a5bad2;font-size:12px}.panel{border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(135deg,#17273bdc,#101b2bdd);box-shadow:0 14px 40px #0003;backdrop-filter:blur(18px)}.panel:not(.metric){padding:18px}.icon{width:38px;height:38px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0b;color:#dcecff;font-size:22px;cursor:pointer}.panel form{display:grid;gap:8px;margin-top:18px}.panel label{margin-top:5px;color:#c5d6e9;font-size:12px}.panel input{width:100%;padding:12px 13px;border:1px solid #ffffff25;border-radius:11px;outline:0;background:#07111eaa;color:#fff;font:inherit}.panel input:focus{border-color:#4de39a99}.primary{margin-top:8px;padding:12px;border:0;border-radius:11px;background:#4de39a;color:#092217;font-weight:750;cursor:pointer}.status{min-height:16px;color:#f3bb68!important}.summary{margin-bottom:12px}.summary>div:first-child{display:grid;gap:3px}.eyebrow{color:#9ab0c9;font-size:11px}.summary strong{font-size:18px}.sync-state{gap:8px;color:#b8cadf;font-size:12px}.sync-state .led{width:8px;height:8px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{position:relative;overflow:hidden;padding:16px!important}.metric:before{position:absolute;inset:0 auto 0 0;width:var(--remaining,0%);content:"";background:linear-gradient(90deg,#4de39a2c,#4de39a08);pointer-events:none}.metric>*{position:relative}.metric-head{font-size:13px;color:#bbcee2}.metric-head strong{color:#4de39a;font-size:15px}.track{height:4px;margin-top:12px;border-radius:8px;background:#ffffff16;overflow:hidden}.track i{display:block;width:0;height:100%;border-radius:inherit;background:#4de39a;transition:width .25s}.metric p{min-height:16px;margin-top:10px!important;font-size:12px!important;color:#e3edf8!important}.cards-panel{margin-top:12px}.section-head{margin-bottom:12px}.section-head h2{margin:0}.section-head span{color:#9eb4cd;font-size:12px}.cards{display:grid;gap:8px}.card{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff09}.card strong{display:block;font-size:12px}.card small{display:block;margin-top:4px;color:#93abc4;font-size:10px}.card time{align-self:center;color:#d6e5f6;text-align:right;font-size:11px}.privacy{margin:13px 2px 9px;color:#8198b2;font-size:11px;line-height:1.5}.quiet{border:0;background:transparent;color:#9bb0c8;font:inherit;font-size:12px;cursor:pointer}.quiet:hover{color:#fff}[hidden]{display:none!important}@media(max-width:460px){body{padding:18px 11px}.metrics{grid-template-columns:1fr}.metric{padding:14px!important}}