:root{--bg: #0f0f12;--surface: #1a1a20;--border: #2d2d36;--text: #e8e8ed;--muted: #8b8b9a;--accent: #6366f1;--accent-hover: #818cf8;--success: #22c55e;--danger: #ef4444;--warn: #f59e0b;--radius: 12px;--font: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:1rem}.container{max-width:520px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s,transform .05s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--border);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.9rem}.form-group input{width:100%;padding:.65rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6366f140}.form-group select,select.form-control{width:100%;padding:.65rem 2.25rem .65rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:1rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b8b9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.form-group select:hover,select.form-control:hover{border-color:var(--muted)}.form-group select:focus,select.form-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6366f140}.form-group select option,select.form-control option{background:var(--surface);color:var(--text)}input[type=radio],input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}input[type=radio]:focus,input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #6366f159}.timer{font-variant-numeric:tabular-nums;font-weight:700;color:var(--warn)}.timer.closed{color:var(--danger)}