:root{--bg: #0a1120;--bg-2: #0e1830;--surface: #131d33;--surface-2: #1b2842;--border: #26344f;--border-soft: #1e2a43;--text: #eaf1fb;--muted: #93a4c0;--accent: #2dd4bf;--accent-strong: #0d9488;--accent-2: #22d3ee;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow: 0 8px 24px -8px rgba(0,0,0,.5);--shadow-lg: 0 20px 50px -12px rgba(0,0,0,.6);--ring: 0 0 0 3px rgba(45,212,191,.35);--free: #22c55e;--free-bg: #0e2a1d;--held: #f59e0b;--held-bg: #2e2410;--confirmed: #ef4444;--confirmed-bg: #2a1414;--disabled: #475569}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Lato,Roboto,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 15% -10%,rgba(45,212,191,.1),transparent 60%),radial-gradient(1000px 500px at 110% 0%,rgba(34,211,238,.08),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3{font-family:Lato,Roboto,sans-serif;font-weight:800;letter-spacing:-.01em;line-height:1.2}h2{font-size:1.5rem}h3{font-size:1.12rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.btn{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--text);padding:.58rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .06s ease,box-shadow .15s ease,filter .15s ease,background .15s ease}.btn:hover{filter:brightness(1.08);box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent;color:#04201c;font-weight:700}.btn-primary:hover{box-shadow:0 10px 24px -8px #2dd4bf99}.btn-danger{background:linear-gradient(180deg,#ef4444,#b91c1c);border-color:transparent;color:#fff}.btn-ghost{background:transparent;box-shadow:none}.btn-ghost:hover{background:#ffffff0d}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.input{width:100%;padding:.62rem .8rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#64769a}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.label{display:block;font-size:.82rem;color:var(--muted);margin:.6rem 0 .25rem}.error{color:#fca5a5;font-size:.85rem;margin-top:.5rem}.muted{color:var(--muted)}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.grid-rel{position:relative;display:inline-block;width:100%;min-width:1200px}.now-line{position:absolute;top:0;bottom:0;width:2px;z-index:2;pointer-events:none;background:var(--accent);box-shadow:0 0 6px var(--accent)}.now-line:before{content:"";position:absolute;top:-4px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--accent)}.slot.search-hl{outline:3px solid #a78bfa;outline-offset:-3px;background:#a78bfa33;animation:hlpulse 1.2s ease-in-out 3}@keyframes hlpulse{0%,to{box-shadow:0 0 #a78bfa00}50%{box-shadow:0 0 0 4px #a78bfa59}}.grid{border-collapse:separate;border-spacing:4px;min-width:560px}.grid.full{width:100%;table-layout:fixed;min-width:1080px}.grid.full .corner,.grid.full .court-label{width:64px}.grid.full .slot{width:100%}.grid th,.grid td{text-align:center}.grid th.corner{position:sticky;left:0;z-index:3;background:var(--bg)}.grid .court-label{position:sticky;left:0;z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;font-weight:600;white-space:nowrap;min-width:92px}.grid .hour-head{color:var(--muted);font-size:.8rem;font-weight:600;padding-bottom:4px}.slot{width:58px;height:46px;border-radius:10px;border:1px solid transparent;font-size:.72rem;color:#fff;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:filter .12s ease,transform .05s ease,box-shadow .12s ease}.slot.free{background:var(--free-bg);border-color:var(--free);color:var(--free)}.slot.free:not(.bookable){opacity:.35;cursor:default}.slot.held{background:var(--held-bg);border-color:var(--held);color:var(--held)}.slot.confirmed{background:var(--confirmed-bg);border-color:var(--confirmed);color:#fca5a5}.slot.mine_held{background:var(--held);color:#1b1205;border-color:#fde68a;font-weight:700}.slot.mine_confirmed{background:var(--confirmed);color:#fff;border-color:#fecaca;font-weight:700}.slot.disabled{background:var(--disabled);color:#cbd5e1;opacity:.6;cursor:not-allowed}.slot.closed{background:repeating-linear-gradient(45deg,#3a2a2a,#3a2a2a 6px,#2a1c1c 6px 12px);color:#fca5a5;border-color:#7f1d1d;cursor:not-allowed}.slot.off{background:transparent;border:1px solid var(--border);opacity:.45;cursor:default}.slot.pconfirmed{background:#064e3b!important;border-color:#10b981!important;color:#a7f3d0!important}.slot.bookable:hover{filter:brightness(1.5);cursor:pointer}.slot.free:hover{filter:brightness(1.4);cursor:pointer}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;margin:.5rem 0 1rem}.legend span{display:inline-flex;align-items:center;gap:.4rem}.dot{width:14px;height:14px;border-radius:4px;display:inline-block}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.1rem;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:#0a1120d1;backdrop-filter:blur(12px) saturate(1.2);z-index:60}.hamburger{display:none;flex-direction:column;gap:3px;align-items:center;justify-content:center;width:42px;height:38px;padding:0}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}.nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.nav-user{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.nav-backdrop{display:none}@media (max-width: 820px){.hamburger{display:inline-flex}.nav{display:none;position:absolute;top:100%;right:8px;left:8px;margin-top:6px;flex-direction:column;align-items:stretch;gap:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.5rem;box-shadow:0 16px 40px #00000080;z-index:61}.nav.open{display:flex}.nav .btn{text-align:left}.nav-user{margin-left:0;justify-content:space-between;border-top:1px solid var(--border);margin-top:.3rem;padding-top:.5rem}.nav-backdrop{display:block;position:fixed;inset:0;z-index:55}.container.wide{padding:.5rem}}.hour-head.now{color:var(--accent);font-weight:800}.now-tag{font-size:.58rem;line-height:1;color:var(--accent);margin-top:2px}.slot.now-col{box-shadow:0 0 0 2px var(--accent)}.slot.block{width:100%;min-height:46px;font-size:.7rem;font-weight:700;white-space:nowrap}.brand{font-weight:900;letter-spacing:-.02em;font-size:1.15rem}.brand b{color:var(--accent)}.container{max-width:1120px;margin:0 auto;padding:1.25rem}.container.wide{max-width:100%}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{width:100%;max-width:460px}.badge{font-size:.68rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);letter-spacing:.02em}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}@media (max-width: 820px){.container{padding:.9rem}h2{font-size:1.3rem}.topbar{padding:.6rem .8rem}.nav .btn{padding:.7rem .9rem;font-size:.95rem}.card{padding:1rem;border-radius:16px}.slot{height:44px}}