:root{color-scheme:dark;--bg:#071013;--panel:#0c171a;--text:#ecf6f3;--muted:#91a2a6;--line:#27443e;--accent:#7bf4cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px Arial,Helvetica,sans-serif}header{height:72px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line)}header a{color:var(--accent);font-size:22px;font-weight:700;text-decoration:none}header span{font-weight:400;margin-left:8px;color:var(--text)}main{max-width:760px;padding:44px 24px;margin:auto}h1{font-size:28px;margin:0 0 30px}section{background:var(--panel);border:1px solid var(--line);padding:26px;margin-bottom:20px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:20px;margin:0}.row span,p{font-variant-numeric:tabular-nums}section p{color:var(--muted);margin:16px 0}.track{height:14px;background:var(--bg);overflow:hidden;border:1px solid var(--line)}.track div{height:100%;width:0;background:var(--accent);transition:width .4s ease}#ram-fill{background:#50c7e8}#update-state{color:var(--muted);font-size:14px;min-height:20px}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f3f8f6;--panel:#fff;--text:#142b25;--muted:#526d65;--line:#c9dcd5;--accent:#16785e}}@media(max-width:480px){header{padding:0 20px;height:64px}main{padding:30px 18px}section{padding:22px 18px}}@media(prefers-reduced-motion:reduce){.track div{transition:none}}