:root{--bg:#f6f7fb;--surface:#fff;--text:#16181d;--muted:#6b7080;--border:#e2e4ea;--accent:#4f46e5;--accent-soft:#eef0ff;--danger:#d4380d;--ok:#18794e;--available:#4f46e512;--blocked:#d4380d1a;--student-free:#18794e1f;--gcal-busy:#50546333;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{flex-direction:column;height:100dvh;display:flex}main{flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:16px;overflow:auto}main:has(.calendar-page){flex-direction:column;max-width:none;display:flex}.calendar-page{flex-direction:column;flex:1;min-height:0;display:flex}.calendar-wrap{flex:1;min-height:480px}h1{margin:0 0 8px;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.2rem}h3{margin:16px 0 8px;font-size:1rem}a{color:var(--accent)}.site-footer{text-align:center;padding:8px 16px 12px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav-tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:.95rem;text-decoration:none}.nav-tab:hover{background:var(--bg);color:var(--text)}.nav-tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.brand{color:var(--text);font-weight:700;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:20px}.narrow{max-width:560px;margin:32px auto}.center{text-align:center;padding:48px 0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}label.inline{flex-direction:row;align-items:center;gap:6px}fieldset{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin:0;padding:12px;display:flex}legend{padding:0 4px;font-size:.9rem;font-weight:600}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;max-width:100%;padding:6px 8px}input[type=number]{width:5em}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.55;cursor:default}.btn.small{padding:4px 10px;font-size:.85rem}.btn.wide{width:100%}button.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.danger,button.link.danger{color:var(--danger)}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:0}.notice{color:var(--ok);margin:0}.divider{text-align:center;color:var(--muted);margin:12px 0;font-size:.85rem}.pill{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:500}.banner{background:var(--accent-soft);border-radius:8px;margin-bottom:10px;padding:10px 14px}.banner.ok{color:var(--ok);cursor:pointer;background:#e6f6ee}.banner.err{color:var(--danger);cursor:pointer;background:#fdece6}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.balances{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:120px;padding:6px 12px;display:flex}.chip b{font-size:1.2rem}.calendar-page .fc{background:var(--surface);border:1px solid var(--border);border-radius:10px;height:100%;padding:10px}.fc .fc-bg-event.available{background:var(--available);opacity:1}.fc .fc-bg-event.student-free{background:repeating-linear-gradient(135deg, var(--student-free) 0 6px, transparent 6px 12px);opacity:1}.legend{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.legend .swatch{vertical-align:-3px;border:1px solid var(--border);background:var(--surface);border-radius:3px;width:14px;height:14px;margin-right:4px;display:inline-block}.legend .swatch.available{background:linear-gradient(var(--available), var(--available)), var(--surface)}.legend .swatch.student-free{background:repeating-linear-gradient(135deg, var(--student-free) 0 3px, transparent 3px 6px), var(--surface)}.legend .swatch.both{background:repeating-linear-gradient(135deg, var(--student-free) 0 3px, transparent 3px 6px), linear-gradient(var(--available), var(--available)), var(--surface)}.legend .swatch.blocked{background:linear-gradient(var(--blocked), var(--blocked)), var(--surface)}.legend .swatch.gcal-busy{background:linear-gradient(var(--gcal-busy), var(--gcal-busy)), var(--surface)}.legend .swatch.lesson{background:var(--accent);border-color:var(--accent)}.legend .swatch.done{background:#9aa0ae;border-color:#9aa0ae}.slot-hint{z-index:20;pointer-events:none;background:var(--text);color:var(--surface);white-space:nowrap;border-radius:6px;flex-direction:column;padding:4px 8px;font-size:.8rem;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 8px #0003}.slot-hint[hidden]{display:none}.slot-hint span{opacity:.75}.fc .fc-bg-event.blocked{background:var(--blocked);opacity:1}.fc .fc-bg-event.gcal-busy{background:var(--gcal-busy);opacity:1}.fc .ev-scheduled{background:var(--accent);border-color:var(--accent);cursor:pointer}.fc .ev-done{cursor:pointer;background:#9aa0ae;border-color:#9aa0ae}.modal-backdrop{z-index:100;background:#0a0c1473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:10px;width:100%;max-width:440px;max-height:90vh;padding:20px;overflow:auto}.modal-head{justify-content:space-between;align-items:start;gap:8px;display:flex}.modal-head button{font-size:1.1rem;text-decoration:none}.ledger{border-collapse:collapse;width:100%}.ledger td{border-bottom:1px solid var(--border);padding:6px 4px}.ledger .pos{color:var(--ok);text-align:right;white-space:nowrap}.ledger .neg{text-align:right;white-space:nowrap}@media (prefers-color-scheme:dark){:root{--bg:#12141a;--surface:#1b1e26;--text:#e8e9ee;--muted:#9298a8;--border:#2c303b;--accent:#8b85ff;--accent-soft:#262a45;--danger:#ff7a59;--ok:#4cc38a;--student-free:#4cc38a2e;--gcal-busy:#c8ccdc29}.banner.ok{background:#173226}.banner.err{background:#3a1f17}.fc{--fc-border-color:var(--border);--fc-page-bg-color:var(--surface);--fc-neutral-bg-color:var(--bg);--fc-today-bg-color:#8b85ff14}}