:root{--ground: #f4f2ee;--surface: #ffffff;--ink: #1f2328;--on-ink: #ffffff;--muted: #5f646b;--faint: #6b7077;--line: #dcd8d0;--hairline: #efede8;--accent: #2f5fc4;--ok: #137a6d;--warn: #b85a14;--danger: #b3261e;--card-radius: 28px;--card-shadow: 0 1px 2px rgba(31, 35, 40, .05), 0 8px 24px rgba(31, 35, 40, .04);--rule: #ece9e3;--hour-rule: #efece7;--today-tint: #fbfaf7;--now: #e5484d;--now-text: #c42b30;--live: #1f9d6b;--track: #e8e5df;--raised: 0 1px 3px rgba(31, 35, 40, .14);--quiet: #4a4f57;--reconnecting: #fdf1e2;--reconnecting-ink: #7a4210;--failed: #fbe9e8;--failed-ink: #8e1f18;--notice: #ecebe5;--notice-ink: #3e4349;--member-fill: 17%;--member-ring: 26%;--member-chip: 15%;--member-shade: 72%;--toast-shadow: 0 10px 30px rgba(31, 35, 40, .22);--scrim: rgba(31, 35, 40, .16);--scrim-strong: rgba(31, 35, 40, .38);--drawer-shadow: -18px 0 48px rgba(31, 35, 40, .16);--sheet-shadow: 0 -12px 40px rgba(31, 35, 40, .18);--soft: #f1efea;--danger-line: #e3c3c0;--danger-text: #a3241c;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif}html,body{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--font-body)}.card{background:var(--surface);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--muted)}.field input,.field select{box-sizing:border-box;width:100%;height:48px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:400 16px var(--font-body)}.field input[type=time]{-webkit-appearance:none;appearance:none;min-width:0}.field input[type=time]::-webkit-date-and-time-value{text-align:left}.button{min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);font:700 15px var(--font-body);cursor:pointer}.button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.button.danger{border-color:var(--danger);background:var(--danger);color:#fff}.button.quiet-danger{border-color:transparent;background:transparent;color:var(--danger)}.button:disabled{opacity:.5;cursor:default}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.calendar-pending{opacity:.65}.view-switch{display:flex;padding:3px;border-radius:25px;background:var(--track)}.view-switch button{height:44px;padding:0 18px;border:0;border-radius:22px;background:transparent;color:var(--quiet);font:600 15px var(--font-body);cursor:pointer}.view-switch button[aria-pressed=true]{background:var(--surface);box-shadow:var(--raised);color:var(--ink);font-weight:700}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}