:root{color-scheme:light dark;--bg:#0b0f17;--card:#131a26;--ink:#e6edf3;--muted:#8b97a7;--accent:#4f9cff;--ok:#3fb950}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}main{max-width:880px;margin:0 auto;padding:2.5rem 1.25rem}h1{font-size:1.6rem;margin:0 0 .25rem}.sub{color:var(--muted);margin:0 0 2rem}.card{background:var(--card);border:1px solid #1f2a3a;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}.row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.bar{height:8px;border-radius:4px;background:#1f2a3a;overflow:hidden;flex:1 1;margin:0 .75rem}.bar>span{display:block;height:100%;background:var(--accent)}.big{font-size:2rem;font-weight:700}.muted{color:var(--muted)}.nav{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;background:var(--card);border-bottom:1px solid #1f2a3a}.nav .brand{font-weight:700;color:var(--accent)}.nav .links{display:flex;gap:1rem;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;font-size:.92rem}.nav a:hover{color:var(--ink)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.field span{font-size:.85rem;color:var(--muted)}button,input,select{font:inherit;padding:.55rem .7rem;border-radius:8px;border:1px solid #2a3850;background:#0e1521;color:var(--ink)}.opts{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.check{display:flex;align-items:center;gap:.4rem}.check input{width:auto}button{background:var(--accent);border:none;color:#07101f;font-weight:600;cursor:pointer;margin-top:.5rem}button:disabled{opacity:.6;cursor:default}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem}