:root{color-scheme:light;--bg: #f5f5f7;--card: #ffffff;--glass-card: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .7);--glass-pop: rgba(255, 255, 255, .94);--glass-inset: rgba(255, 255, 255, .35);--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .22);--free-num: #15803d;--particle: 0, 113, 227;--label: #1d1d1f;--secondary: #6e6e73;--tertiary: #86868b;--separator: rgba(0, 0, 0, .1);--booked-edge: #000000;--seat-line: #b8b8c0;--seat-taken: #d2d2d8;--seat-taken-edge: #a1a1a8;--glass: rgba(251, 251, 253, .8);--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0, 113, 227, .12);--green: #1d9b3f;--red: #d70015;--toast-bg: rgba(29, 29, 31, .92);--toast-fg: #f5f5f7;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .25);--ease: cubic-bezier(.25, .1, .25, 1);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #000000;--card: #1c1c1e;--glass-card: rgba(44, 44, 48, .5);--glass-border: rgba(255, 255, 255, .14);--glass-pop: rgba(40, 40, 44, .94);--glass-inset: rgba(0, 0, 0, .3);--fill: rgba(255, 255, 255, .09);--fill-2: rgba(255, 255, 255, .16);--free-num: #6ee79a;--particle: 120, 190, 255;--label: #f5f5f7;--secondary: #a1a1a6;--tertiary: #86868b;--separator: rgba(255, 255, 255, .14);--booked-edge: rgba(255, 255, 255, .38);--seat-line: #5a5a5e;--seat-taken: #3a3a3c;--seat-taken-edge: #6e6e73;--glass: rgba(22, 22, 23, .8);--accent: #2997ff;--accent-hover: #4aa8ff;--accent-soft: rgba(41, 151, 255, .2);--green: #30d158;--red: #ff453a;--toast-bg: rgba(58, 58, 60, .92);--shadow: 0 1px 2px rgba(0, 0, 0, .4)}*{margin:0;box-sizing:border-box}html,body{min-height:100%}body{position:relative;font-family:var(--font);background:var(--bg);color:var(--label);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px;box-shadow:0 0 0 1px var(--accent)}.card{position:relative;background:var(--glass-card);border:1px solid var(--glass-border);border-radius:24px;padding:20px;box-shadow:var(--shadow),inset 0 1px #ffffff59;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:980px;font-size:16px;font-weight:500;letter-spacing:-.01em;transition:background .2s var(--ease),transform .15s var(--ease),opacity .2s;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary,.btn-secondary{border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%)}.btn-primary{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 78%,#fff 22%),color-mix(in srgb,var(--accent) 78%,transparent));box-shadow:0 4px color-mix(in srgb,var(--accent) 55%,#000),0 12px 22px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px #ffffff8c}.btn-primary:active:not(:disabled){box-shadow:0 1px color-mix(in srgb,var(--accent) 55%,#000),0 4px 10px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px #fff6}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{color:var(--accent);background:linear-gradient(180deg,#ffffff80,#ffffff2e);box-shadow:0 3px #0000001a,0 8px 14px #0000000f,inset 0 1px #fff9}.btn-secondary:active:not(:disabled){box-shadow:0 0 #0000001a,inset 0 1px #ffffff80}:root[data-theme=dark] .btn-secondary{background:linear-gradient(180deg,#ffffff29,#ffffff0d);border-color:#ffffff29;box-shadow:0 3px #00000080,0 8px 14px #0000004d,inset 0 1px #fff3}.btn-secondary:hover:not(:disabled){filter:brightness(1.12)}.btn-danger{color:var(--red)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--fill) 25%,var(--fill-2) 37%,var(--fill) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:10px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:spin 1.5s linear infinite!important;animation-iteration-count:infinite!important}}