:root{--bg:#f7f4ee;--ink:#19221d;--muted:#6d766f;--line:#d8d4ca;--minor:#ebe6dc;--room:#fffdfa;--reserved:#2f6f73;--blocked:#7a5144;--warning:#f2c94c;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button{min-width:44px;min-height:44px;border:1px solid #c8c2b6;border-radius:8px;background:#fffdfa;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700}.app-shell{height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(130px,auto);grid-gap:16px;gap:16px;align-items:center;padding:12px 16px;background:rgba(247,244,238,.96);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:grid;grid-gap:2px;gap:2px}.brand span{font-weight:800;font-size:1.3rem}.brand strong{font-size:1rem;color:var(--muted)}.controls{display:flex;gap:8px}.status-stack{text-align:right;display:grid;grid-gap:2px;gap:2px;font-weight:800}.status-stack small{color:var(--muted);font-weight:650}.stale-banner{padding:10px 16px;background:#fff2bd;border-bottom:1px solid #dfc765;font-weight:800}.calendar-wrap{flex:1 1;min-height:0;overflow-x:auto;overscroll-behavior-x:contain;display:flex;flex-direction:column}.room-header-row{top:0;z-index:12;display:grid;grid-template-columns:86px repeat(6,minmax(176px,1fr));min-width:calc(86px + 6 * 176px);border-bottom:1px solid var(--line)}.room-header-row,.time-corner{position:-webkit-sticky;position:sticky;background:var(--bg)}.time-corner{left:0;z-index:13}.room-heading{min-height:52px;display:flex;align-items:center;justify-content:center;padding:8px;border-left:1px solid var(--line);font-weight:850}.calendar-scroll{display:grid;grid-template-columns:86px 1fr;min-width:calc(86px + 6 * 176px);flex:1 1;min-height:0;overflow-y:auto;position:relative}.time-gutter{position:-webkit-sticky;position:sticky;left:0;z-index:10;background:var(--bg);border-right:1px solid var(--line)}.time-gutter span{position:absolute;right:10px;transform:translateY(-50%);color:var(--muted);font-size:.82rem;font-weight:750}.rooms-grid{display:grid;position:relative}.room-column{position:relative;background:var(--room);border-left:1px solid var(--line)}.grid-line{position:absolute;left:0;right:0;height:1px;pointer-events:none}.minor-line{background:var(--minor)}.hour-line{background:var(--line)}.reservation-block{position:absolute;z-index:4;padding:8px 10px;border-radius:8px;color:white;overflow:hidden;display:grid;align-content:start;grid-gap:2px;gap:2px;box-shadow:0 4px 12px rgba(25,34,29,.14)}.reservation-block strong{font-size:.95rem;line-height:1.15}.reservation-block em,.reservation-block span{font-size:.78rem;line-height:1.15;font-style:normal}.reservation-block.reserved{background:var(--reserved)}.reservation-block.blocked{background:var(--blocked)}.reservation-block.overlap{outline:3px solid var(--warning)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.current-time-line{position:absolute;left:0;right:0;z-index:8;height:2px;background:#d14343;pointer-events:none}.activation,.loading{padding:32px;font-weight:800}@media (max-width:760px){.topbar{grid-template-columns:1fr;gap:8px}.status-stack{text-align:left}}