*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #04040a;--surface: #0c0c18;--card: #10101f;--card-hover: #141428;--border: #1e1e38;--border-light: #2a2a4a;--white: #ffffff;--off-white: #f1f5f9;--muted: #64748b;--muted-light: #94a3b8;--accent: #7c3aed;--accent-glow: rgba(124, 58, 237, .25);--accent-dim: rgba(124, 58, 237, .12);--green: #22c55e;--green-dim: rgba(34, 197, 94, .15);--yellow: #f59e0b;--yellow-dim: rgba(245, 158, 11, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--font: "Inter", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font);background-color:var(--bg);color:var(--off-white);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 25% 60%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 40% 15%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 55% 80%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 70% 35%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 80% 70%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 15% 90%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 50%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 35% 40%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 75% 85%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 5% 55%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 95% 45%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 48% 25%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 88% 92%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 22% 75%,rgba(200,200,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 65% 12%,rgba(200,200,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 50% 95%,rgba(200,200,255,.3) 0%,transparent 100%)}body:after{background:radial-gradient(ellipse 60% 40% at 20% 50%,rgba(124,58,237,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 30%,rgba(56,189,248,.04) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 60% 80%,rgba(124,58,237,.05) 0%,transparent 70%)}#root{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;padding:2rem 1.5rem}.app{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 0 0 1px #7c3aed14,0 20px 60px #0009,0 0 80px #7c3aed0f;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:200px;height:120px;background:radial-gradient(ellipse,rgba(124,58,237,.2) 0%,transparent 70%);pointer-events:none}.controls{display:flex;gap:.875rem;width:100%;justify-content:center}.onboarding-update{font-size:.8rem;font-weight:500;letter-spacing:.02em;text-align:center;padding:.5rem 1.25rem;border-radius:50px;border:1px solid var(--border);color:var(--muted-light);background:transparent;transition:color .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease)}.onboarding-update.status-empty{color:var(--muted-light);border-color:var(--border);background:transparent}.onboarding-update.status-active{color:var(--green);border-color:#22c55e4d;background:var(--green-dim)}.onboarding-update.status-warn{color:var(--yellow);border-color:#f59e0b4d;background:var(--yellow-dim)}.onboarding-update.status-full{color:var(--red);border-color:#ef44444d;background:var(--red-dim)}@media(max-width:520px){#root{padding:1rem}.app{padding:2rem 1.25rem;gap:1.75rem;border-radius:20px}.controls{flex-direction:column}}.title-block{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.title-icon{width:44px;height:44px;background:var(--accent-dim);border:1px solid rgba(124,58,237,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:var(--accent)}.title-heading{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--off-white);line-height:1.2}.title-subtitle{font-size:.78rem;font-weight:400;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.title-divider{width:40px;height:2px;background:linear-gradient(to right,transparent,var(--accent),transparent);border-radius:2px;margin-top:.75rem;opacity:.6}.counter-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.fraction-display{position:relative;display:flex;align-items:center;justify-content:center;gap:0;-webkit-user-select:none;user-select:none}.fraction-number{font-size:6rem;font-weight:800;letter-spacing:-.04em;line-height:1;transition:color .4s var(--ease),transform .15s var(--ease);will-change:transform,color}.fraction-display.capacity-empty .fraction-current{color:var(--off-white)}.fraction-display.capacity-active .fraction-current{color:var(--green)}.fraction-display.capacity-warn .fraction-current{color:var(--yellow)}.fraction-display.capacity-full .fraction-current{color:var(--red)}.fraction-current{font-size:6rem;position:relative;z-index:1;transition:color .4s var(--ease)}.fraction-current.bump{animation:bump .2s var(--ease)}.fraction-slash{width:3px;height:72px;background:var(--border-light);border-radius:2px;transform:rotate(20deg);margin:0 .75rem;flex-shrink:0;align-self:center}.fraction-max{font-size:3rem;font-weight:700;color:var(--muted);letter-spacing:-.03em;line-height:1;align-self:flex-end;margin-bottom:.25rem}.progress-section{width:100%;display:flex;flex-direction:column;gap:.5rem}.progress-labels{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.progress-pct{font-size:.72rem;font-weight:600;color:var(--muted-light);font-variant-numeric:tabular-nums;transition:color .4s var(--ease)}.progress-section.capacity-active .progress-pct{color:var(--green)}.progress-section.capacity-warn .progress-pct{color:var(--yellow)}.progress-section.capacity-full .progress-pct{color:var(--red)}.progress-track{width:100%;height:8px;background:var(--border);border-radius:50px;overflow:hidden}.progress-fill{height:100%;border-radius:50px;background:var(--accent);width:var(--progress-width, 0%);transition:width .45s var(--ease),background .4s var(--ease);will-change:width}.progress-section.capacity-empty .progress-fill{background:var(--border-light)}.progress-section.capacity-active .progress-fill{background:var(--green)}.progress-section.capacity-warn .progress-fill{background:linear-gradient(to right,var(--green),var(--yellow))}.progress-section.capacity-full .progress-fill{background:linear-gradient(to right,var(--green),var(--yellow),var(--red))}.seat-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;width:100%}.seat{aspect-ratio:1;border-radius:4px;border:1px solid var(--border);background:transparent;transition:background .3s var(--ease),border-color .3s var(--ease),transform .2s var(--ease)}.seat.occupied{border-color:transparent;transform:scale(1.05)}.seat-grid.capacity-empty .seat.occupied{background:var(--accent);border-color:var(--accent)}.seat-grid.capacity-active .seat.occupied{background:var(--green);border-color:var(--green)}.seat-grid.capacity-warn .seat.occupied{background:var(--yellow);border-color:var(--yellow)}.seat-grid.capacity-full .seat.occupied{background:var(--red);border-color:var(--red)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.25rem;border-radius:12px;font-family:var(--font);font-size:.9rem;font-weight:600;letter-spacing:.01em;cursor:pointer;border:1px solid transparent;transition:background .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease),opacity .2s var(--ease),box-shadow .2s var(--ease);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-add{background:var(--accent-dim);border-color:#7c3aed4d;color:#a78bfa}.btn-add:hover:not(:disabled){background:#7c3aed33;border-color:#7c3aed80;color:#c4b5fd;box-shadow:0 0 20px #7c3aed33;transform:translateY(-2px)}.btn-remove{background:#ef444414;border-color:#ef444433;color:#f87171}.btn-remove:hover:not(:disabled){background:#ef444426;border-color:#ef444466;color:#fca5a5;box-shadow:0 0 20px #ef444426;transform:translateY(-2px)}