:root{color-scheme:dark;--bg:#07140d;--panel:#0c2319;--line:#124326;--muted:#a6c9b8;--accent:#00d27a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eafff2;font-family:Inter,ui-sans-serif,system-ui}.container{max-width:980px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-bottom:1px solid var(--line);background:#0a1d14}.nav{display:flex;gap:16px}.brand{font-weight:800;color:#a7f3d0}a{color:#95f0c1;text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.grid2{grid-template-columns:1fr 1fr;grid-gap:12px}.grid2,.grid3{display:grid;gap:12px}.grid3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}.row{display:flex;gap:8px;align-items:center}.space{justify-content:space-between}button,input,textarea{width:100%;background:#0f2a1e;border:1px solid #1e6a4a;color:#eafff2;border-radius:10px;padding:10px}button{cursor:pointer}.btn{display:inline-block;padding:10px 12px;border:1px solid #1e6a4a;background:#0f2a1e;border-radius:10px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#032014;font-weight:700}.pill{border:1px solid #1e6a4a;border-radius:999px;padding:2px 8px;font-size:12px}.muted{color:var(--muted)}.chip{background:#123d2c;border:1px solid #1e6a4a;padding:2px 6px;border-radius:8px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#173e31;border-radius:999px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#22c55e}.gridList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.tgl{border:1px solid #1e6a4a;background:#0f2a1e;border-radius:999px;padding:8px 12px}.tgl.on{background:#123d2c;border-color:#29a36f}@media (max-width:900px){.grid2,.grid3{grid-template-columns:1fr}}