:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;--bg:#f4f6fa;--card:#fff;--text:#172136;--muted:#616d82;--border:#dce2ed;--accent:#2759d8;--soft:#e9efff;--success:#11764c;--error:#a52939;--alert:#fff0f1;--notice:#e6f7ee;color:var(--text);background:var(--bg);font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--bg:#101420;--card:#1a2131;--text:#f0f3fb;--muted:#a5b0c4;--border:#303c52;--accent:#87a8ff;--soft:#253655;--success:#7de0ad;--error:#ffabb6;--alert:#3d202c;--notice:#183a30}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer;border:0;min-height:46px;padding:12px 18px;border-radius:12px;font-weight:650;background:var(--accent);color:var(--card);transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:wait}button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main{max-width:828px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}header{display:flex;align-items:center;gap:12px;margin:4px 0 36px}.mark{width:48px;height:48px;background:var(--accent);color:var(--card);border-radius:15px;display:grid;place-content:center;position:relative;font-size:25px;font-weight:800}.mark span{font-size:12px;position:absolute;right:8px;bottom:7px}.brand{font-size:20px;font-weight:800;letter-spacing:-.6px}.brand span{color:var(--accent)}header p{font-size:12px;margin:4px 0 0}.timezone{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}section{margin-bottom:32px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}h1,h2{font-size:21px;letter-spacing:-.5px;margin:0}h3{font-size:16px;margin:10px 0}.text-button{color:var(--accent);background:none;padding:4px 0;font-size:12px;min-height:44px}.muted,.subtle,.hint{color:var(--muted)}.subtle{font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.date{font-size:12px;color:var(--muted);text-transform:capitalize}.time{font-size:29px;font-weight:750;letter-spacing:-1px;margin-top:12px;font-variant-numeric:tabular-nums}.card .muted{font-size:13px;margin:5px 0 18px}.badge{font-size:11px;padding:6px 9px;border-radius:8px;background:var(--soft);color:var(--accent)}.badge.active{color:var(--success);background:var(--notice)}.badge.cancelled,.badge.expired{color:var(--muted);background:var(--bg)}.is-active{border-color:var(--success)}.booking-list{display:grid;gap:12px}.empty{border:1px dashed var(--border);border-radius:20px;text-align:center;padding:28px 20px;color:var(--muted);font-size:14px;line-height:1.6}.empty>span{font-size:28px;color:var(--accent)}.empty h3{color:var(--text)}.empty p{margin:6px 0}.tabs{display:flex;border-radius:14px;padding:4px;background:var(--soft);margin-bottom:16px;gap:3px}.tabs button{flex:1;min-width:0;padding:10px 4px;font-size:13px;color:var(--muted);background:none;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--card);color:var(--text);box-shadow:0 2px 5px #0000000c}.slot-grid{display:grid;grid-template-columns:1fr;gap:12px}.slot button{width:100%}.slot.unavailable{background:transparent}.unavailable .time{color:var(--muted)}.reason{font-size:13px;color:var(--muted);min-height:46px;display:flex;align-items:center;margin:0}.actions{display:flex;gap:10px}.actions button{flex:1}.secondary{background:var(--soft);color:var(--accent)}.hint{font-size:12px;margin:12px 0 0}.countdown{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--notice);border-radius:12px;margin:12px 0;color:var(--success);font-size:13px}.countdown strong{font-size:28px;font-variant-numeric:tabular-nums}.alert,.notice{border-radius:14px;padding:16px;line-height:1.5;font-size:14px;margin:0 0 20px;overflow-wrap:anywhere}.alert{background:var(--alert);color:var(--error)}.notice{background:var(--notice);color:var(--success)}.warning{color:var(--error);font-size:13px;line-height:1.5}details{margin-top:16px}summary{color:var(--muted);padding:12px 0;font-size:13px;cursor:pointer}footer{border-top:1px solid var(--border);padding-top:24px;font-size:12px;line-height:1.7;color:var(--muted)}footer strong{color:var(--text);font-weight:600}footer p{margin:8px 0 18px}footer>span{font-size:10px;letter-spacing:.4px}@media(min-width:600px){main{padding-top:40px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timezone{font-size:12px}header{margin-bottom:44px}.brand{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}