:root{--color-background: #F2F3F2;--color-surface: #FFFFFF;--color-surface-2: #E4E8E6;--color-ink: #141A17;--color-muted: #3D4A44;--color-primary: #1A4A3C;--color-primary-hover: #12352B;--color-on-primary: #F2F3F2;--color-secondary: #3D4A44;--color-accent: #B42318;--color-on-accent: #FFFFFF;--color-border: #C5CDC8;--color-danger: #9B1C1C;--color-on-danger: #FFFFFF;--color-success: #1A4A3C;--color-warning: #8A6420;--color-on-warning: #FFFFFF;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Figtree", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--max: 1120px;--nav-h: 68px}[data-theme=dark]{--color-background: #0E1412;--color-surface: #17201C;--color-surface-2: #22302A;--color-ink: #E6EEEA;--color-muted: #A8B6B0;--color-primary: #2A6B56;--color-primary-hover: #1F5242;--color-on-primary: #F2F3F2;--color-accent: #E85A4A;--color-on-accent: #0E1412;--color-border: #33423C;--color-danger: #E85A4A;--color-warning: #D4A017;--color-on-warning: #0E1412}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.02em;margin:0 0 .4em}h1{font-size:clamp(2rem,5vw,3rem);font-weight:600}h2{font-size:1.75rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}p{text-wrap:pretty}a{color:var(--color-primary);text-decoration:none}a:hover:not(.btn){color:var(--color-primary-hover);text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.lede{color:var(--color-muted);max-width:62ch}.muted{color:var(--color-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:background .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible,.btn-primary:active{background:var(--color-primary-hover);color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled),.btn-secondary:focus-visible,.btn-secondary:active{background:var(--color-surface-2);color:var(--color-ink)}.btn-ghost{background:transparent;color:var(--color-ink)}.btn-ghost:hover:not(:disabled),.btn-ghost:focus-visible,.btn-ghost:active{background:var(--color-surface-2);color:var(--color-ink)}.btn-accent{background:var(--color-accent);color:var(--color-on-accent)}.btn-accent:hover:not(:disabled),.btn-accent:focus-visible,.btn-accent:active{background:var(--color-accent);color:var(--color-on-accent);filter:brightness(.92)}.site-header{position:sticky;top:0;z-index:20;background:var(--color-background);border-bottom:1px solid var(--color-border);min-height:var(--nav-h)}.header-inner{display:flex;align-items:center;gap:16px;min-height:var(--nav-h)}.brand{font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--color-ink);display:flex;align-items:center;gap:8px}.brand:hover{text-decoration:none;color:var(--color-ink)}.brand-mark{width:12px;height:12px;border-radius:2px;background:var(--color-accent);display:inline-block}.nav{display:flex;gap:16px;flex:1}.nav a{color:var(--color-ink);font-weight:600;min-height:44px;display:inline-flex;align-items:center}.nav a.active{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);cursor:pointer}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--color-surface-2);color:var(--color-ink)}.nav-toggle{display:none;width:44px;height:44px;background:transparent;border:0}.nav-toggle span{display:block;height:2px;background:var(--color-ink);margin:6px 0}.who{font-size:.875rem;color:var(--color-muted)}.site-main{min-height:calc(100vh - 140px);padding:32px 0 64px}.site-footer{border-top:1px solid var(--color-border);padding:24px 0;color:var(--color-muted)}.grid{display:grid;gap:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;color:inherit;transition:transform .18s cubic-bezier(.25,1,.5,1),border-color .18s,background .18s}a.card:hover{text-decoration:none;color:inherit;transform:translateY(-3px);border-color:var(--color-primary);background:var(--color-surface-2)}.card img,.card .art{width:100%;height:160px;object-fit:cover;background:#1a4a3c}.card-body{padding:16px}.badge{display:inline-block;font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--color-border)}.badge-free{color:var(--color-primary)}.badge-busy{color:#6b7671}.slot-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-secondary);font:inherit;cursor:pointer;text-align:left}.slot-chip.busy{color:#6b7671;cursor:not-allowed}.slot-chip.selected{border-color:var(--color-primary);background:var(--color-surface-2);color:var(--color-ink)}.slot-chip:hover:not(.busy):not(:disabled){background:var(--color-surface-2);color:var(--color-ink)}.slot-time{font-weight:600}.slot-state{font-size:.8rem}.auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-visual{position:relative;min-height:100vh;background:#1a4a3c}.auth-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auth-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#12352b26,#12352bc7);display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#f2f3f2}.auth-form-side{display:flex;flex-direction:column;justify-content:center;padding:32px;background:var(--color-background);max-width:100%}.auth-form-side form{max-width:360px;width:100%}.auth-form-side input{width:100%;min-height:44px;margin-bottom:14px;padding:8px 0;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-ink);font:inherit}.auth-demo{margin-top:24px;max-width:360px;padding:12px;border:1px dashed var(--color-border);color:var(--color-muted);font-size:.9rem}.auth-demo code{font-family:var(--font-mono);color:var(--color-ink);display:inline-block;margin-right:8px}.form-error{color:var(--color-danger)}.floor{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.floor-cell{min-height:88px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px;display:flex;flex-direction:column;justify-content:space-between}.floor-cell.free{border-color:var(--color-primary)}.rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.rail-item{min-width:180px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:var(--color-surface)}.now{color:var(--color-accent);font-weight:600;font-size:.8rem}.summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.summary li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border);list-style:none}.summary ul{margin:0;padding:0}.qr svg{width:180px;height:180px;background:#fff}.picker{display:grid;gap:8px}.picker label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;background:var(--color-surface)}.picker label.disabled{color:#6b7671}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:768px){.auth-split{grid-template-columns:1fr}.auth-visual{display:none}.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:var(--nav-h);background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;padding:12px 16px}.nav.open{display:flex}.floor{grid-template-columns:1fr 1fr}.who{display:none}}