:root{--bg:#f6f7fb;--card:#fff;--text:#0b1220;--muted:#6b7280;--border:#e5e7eb;--accent:#3b82f6;--accent-2:#10b981;--ring-bg:#e5e7eb;--shadow:0 12px 24px rgba(0,0,0,.08)}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#9ca3af;--border:#1f2937;--accent:#60a5fa;--accent-2:#34d399;--ring-bg:#263141;--shadow:0 16px 28px rgba(0,0,0,.35)}}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1000px;margin:0 auto;padding:20px 16px}.header{justify-content:space-between;gap:12px;padding:10px 0 18px}.brand,.header{display:flex;align-items:center}.brand{gap:10px}.logo{width:28px;height:28px;border-radius:6px}.title{margin:0;font-size:18px;font-weight:800}.nav{display:flex;gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:18px}.grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:860px){.grid{grid-template-columns:2fr 1fr}}.section{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--card)}.section h2{margin:0 0 10px;font-size:16px;color:var(--muted);font-weight:700}.kbd{padding:2px 6px;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--ring-bg) 45%,transparent)}.btn{border:0;background:var(--accent-2);color:#07151b;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer;transition:transform .15s ease,filter .2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-secondary{background:color-mix(in srgb,var(--muted) 25%,transparent);color:var(--text)}.notice{margin-top:12px;padding:10px 12px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid var(--border);border-radius:12px;font-size:13px}.footer{margin:20px 0;color:var(--muted);font-size:13px;text-align:center}