:root{--bg: #fafafa;--surface: #ffffff;--text: #171717;--muted: #6b7280;--border: #e5e7eb;--accent: #0f766e;--accent-ink: #ffffff;--danger: #b91c1c;--ok: #15803d;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f0f0f;--surface: #1a1a1a;--text: #e5e5e5;--muted: #a3a3a3;--border: #2a2a2a;--accent: #2dd4bf;--accent-ink: #0a0a0a;--danger: #f87171;--ok: #4ade80}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:560px;margin:0 auto;padding:24px 16px 48px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:20px 0 8px}p{margin:0 0 12px}.muted{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin:12px 0}.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.day{flex:0 0 auto;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer}.day[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:8px}.slot{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 8px;font-size:15px;cursor:pointer}.slot[aria-pressed=true]{border-color:var(--accent);outline:2px solid var(--accent)}label{display:block;font-size:14px;margin:12px 0 4px}input,textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}textarea{min-height:72px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button.primary{font:inherit;font-weight:600;padding:12px 18px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);cursor:pointer}button.primary:disabled{opacity:.45;cursor:not-allowed}button.secondary{font:inherit;padding:12px 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}button.danger{font:inherit;padding:12px 18px;border:1px solid var(--danger);border-radius:10px;background:transparent;color:var(--danger);cursor:pointer}.error{color:var(--danger);font-size:14px}.ok{color:var(--ok)}.when{font-size:18px;font-weight:600}footer{margin-top:32px;font-size:12px;color:var(--muted)}