:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-surface:#f1f5f9;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--accent:#38bdf8;--accent-hover:#0ea5e9;--accent-light:#38bdf81f;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0f172a14;--shadow-md:0 8px 24px #0f172a14;--menu-dark-bg:#0b0f15;--menu-dark-surface:#121821;--menu-dark-border:#1f2a37;--menu-dark-text:#e5eefb;--menu-dark-muted:#98a9bf;font-family:DM Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#020617;--bg-surface:#111827;--border-color:#243244;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--accent:#38bdf8;--accent-hover:#0ea5e9;--accent-light:#38bdf833;--shadow:0 1px 3px #02061780;--shadow-md:0 8px 24px #020617a6;--menu-dark-bg:#070b10;--menu-dark-surface:#0f141d;--menu-dark-border:#1e293b;--menu-dark-text:#e5eefb;--menu-dark-muted:#9cb0c9}*{box-sizing:border-box}body{background:var(--bg-secondary);color:var(--text-primary);margin:0}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1rem}.narrow{max-width:540px}.grid{gap:.75rem;display:grid}.form-datetime-field{gap:.35rem;display:grid}.form-datetime-field label{color:var(--text-secondary);font-size:.86rem;font-weight:500}.actions{flex-wrap:wrap;gap:.5rem;display:flex}input,textarea,button{font:inherit}input,textarea,select{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:.7rem .8rem}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}textarea{resize:vertical;min-height:100px}button:not([class]),.button-link{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.6rem .9rem;text-decoration:none;display:inline-flex}button:not([class]):hover,.button-link:hover{background:var(--accent-hover)}pre{border-radius:var(--radius);color:#e2e8f0;background:#0f172a;margin:0;padding:.75rem;overflow:auto}@media (width<=768px){button:not([class]),.button-link{-webkit-tap-highlight-color:transparent;min-height:44px}input,textarea,select{font-size:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}@media (width<=480px){.card{border-radius:var(--radius);padding:.75rem}h1{font-size:1.3rem}h2{font-size:1.15rem}}