:root{--text:#3f3a46;--text-h:#08060d;--text-muted:#6b6375;--bg:#f7f6f9;--surface:#fff;--border:#e5e4e7;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-bg:#7c3aed1a;--danger:#dc2626;--seat-taken:#d4d2d8;--radius:8px;--sans:system-ui, "Segoe UI", "Malgun Gothic", Roboto, sans-serif;font:16px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d1d5db;--text-h:#f3f4f6;--text-muted:#9ca3af;--bg:#16171d;--surface:#1f2028;--border:#2e303a;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-bg:#a78bfa26;--danger:#f87171;--seat-taken:#3a3c47}}body{background:var(--bg);margin:0}#root{box-sizing:border-box;max-width:880px;margin:0 auto;padding:0 16px 48px}h1{color:var(--text-h);margin:32px 0 16px;font-size:28px;font-weight:700}p{margin:6px 0}a{color:var(--accent)}h1+a{margin-right:12px}[role=alert]{color:var(--danger)}ul{padding:0;list-style:none}li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:12px 16px}button{font:inherit;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;margin:4px 8px 4px 0;padding:8px 16px}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}form{max-width:400px}form>div{margin-bottom:12px}label{margin-bottom:4px;display:block}input{font:inherit;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text-h);padding:8px 10px}.seat-grid{grid-template-columns:repeat(10,1fr);gap:8px;max-width:560px;margin:16px 0;display:grid}.stage{text-align:center;border-radius:var(--radius);background:var(--seat-taken);max-width:560px;color:var(--text-muted);padding:6px 0;font-size:14px}.seat{aspect-ratio:1;border:1px solid var(--accent);background:var(--surface);color:var(--accent);margin:0;padding:0;font-size:13px}.seat:hover:not(:disabled){background:var(--accent-bg)}.seat.selected,.seat.selected:hover{background:var(--accent);color:#fff}.seat:disabled{opacity:1;border-color:var(--seat-taken);background:var(--seat-taken);color:var(--text-muted)}.seat-legend{color:var(--text-muted);gap:16px;margin-bottom:12px;font-size:14px;display:flex}.seat-legend span:before{content:"";vertical-align:-1px;border:1px solid var(--accent);border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.seat-legend .legend-selected:before{background:var(--accent)}.seat-legend .legend-taken:before{border-color:var(--seat-taken);background:var(--seat-taken)}@media (width<=480px){.seat-grid{grid-template-columns:repeat(5,1fr)}}