:root{--navy-950: #050b1a;--navy-900: #071026;--navy-850: #0a1636;--navy-800: #0e1e47;--tropical-500: #8ec922;--tropical-400: #9fe624;--tropical-600: #76a81a;--tropical-contrast: #5c920e;--tropical-glow: 0 0 25px rgba(142, 201, 34, .4);--magenta-500: #e60067;--magenta-400: #ff1475;--magenta-glow: 0 0 20px rgba(230, 0, 103, .4);--magenta-soft: rgba(230, 0, 103, .14);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main: var(--navy-900);--bg-grad-1: rgba(142, 201, 34, .1);--bg-grad-2: #050b1a;--bg-card: rgba(10, 22, 54, .85);--bg-card-solid: #0d1b3d;--border-card: rgba(255, 255, 255, .1);--card-shadow: 0 20px 45px -15px rgba(3, 7, 18, .8);--brand-color: var(--tropical-400);--text-main: #f8fafc;--text-muted: #9bb0d6;--text-dim: #6078a6;--wait-box-bg: rgba(10, 22, 54, .9);--wait-box-border: rgba(142, 201, 34, .25);--wait-time-color: #ffffff;--wait-queue-color: var(--tropical-400);--wait-label-color: var(--text-dim);--btn-num-bg: rgba(10, 22, 54, .6);--btn-num-border: rgba(255, 255, 255, .12);--btn-num-color: var(--text-muted);--btn-num-active-bg: rgba(142, 201, 34, .2);--btn-num-active-border: var(--tropical-400);--btn-num-active-color: var(--tropical-400);--ticket-num-color: #ff007f;--ticket-num-shadow: 0 0 35px rgba(255, 0, 127, .45);--btn-ghost-bg: rgba(14, 30, 71, .6);--btn-ghost-hover: rgba(20, 42, 99, .8);--btn-ghost-text: #f8fafc;--pill-bg: rgba(142, 201, 34, .12);--pill-border: rgba(142, 201, 34, .3);--pill-text: var(--tropical-400);--topbar-bg: #050b1a;--topbar-border: rgba(255, 255, 255, .08);--watermark-opacity: .18}:root[data-theme=light]{--bg-main: #f1f4f9;--bg-grad-1: rgba(142, 201, 34, .12);--bg-grad-2: #e2e8f0;--bg-card: #ffffff;--bg-card-solid: #ffffff;--border-card: #cbd5e1;--card-shadow: 0 10px 30px -8px rgba(7, 16, 38, .1), 0 2px 6px rgba(7, 16, 38, .04);--brand-color: #5c920e;--text-main: #071026;--text-muted: #334155;--text-dim: #64748b;--wait-box-bg: #f8fafc;--wait-box-border: #cbd5e1;--wait-time-color: #071026;--wait-queue-color: #5c920e;--wait-label-color: #475569;--btn-num-bg: #ffffff;--btn-num-border: #cbd5e1;--btn-num-color: #0f172a;--btn-num-active-bg: #f4fce3;--btn-num-active-border: #65a30d;--btn-num-active-color: #365314;--ticket-num-color: #d9006c;--ticket-num-shadow: 0 4px 18px rgba(217, 0, 108, .25);--btn-ghost-bg: #e2e8f0;--btn-ghost-hover: #cbd5e1;--btn-ghost-text: #071026;--pill-bg: #f4fce3;--pill-border: #a3e635;--pill-text: #365314;--topbar-bg: #ffffff;--topbar-border: #e2e8f0;--watermark-opacity: .12}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-main);background-image:radial-gradient(circle at 50% 0%,var(--bg-grad-1) 0%,transparent 50%),radial-gradient(circle at 100% 100%,var(--bg-grad-2) 0%,transparent 60%);color:var(--text-main);font-family:var(--font-body);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,.font-display{font-family:var(--font-display)}.boyberry-brand{font-family:var(--font-display);font-size:2.3rem;font-weight:900;letter-spacing:-.04em;color:var(--brand-color);line-height:1;text-transform:lowercase}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:24px;box-shadow:var(--card-shadow);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.glass-pill{background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-text);border-radius:9999px;padding:6px 14px;font-size:.85rem;font-weight:800;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,var(--tropical-400),var(--tropical-500));color:#061026;border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:16px 24px;font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:.01em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--tropical-glow);transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}:root[data-theme=light] .btn-primary{background:linear-gradient(135deg,#84c520,#6fa816);color:#fff;box-shadow:0 4px 14px #6fa81659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #8ec92299}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:1px solid var(--border-card);border-radius:16px;padding:14px 20px;font-family:var(--font-display);font-size:.95rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-ghost:hover{background:var(--btn-ghost-hover)}.btn-delay{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.4);border-radius:16px;padding:14px 20px;font-family:var(--font-display);font-size:.95rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;width:100%}:root:not([data-theme=light]) .btn-delay{color:#fbbf24}.btn-delay:hover{background:#f59e0b38}.btn-cancel{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:14px 20px;font-family:var(--font-display);font-size:.92rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;width:100%}:root:not([data-theme=light]) .btn-cancel{color:#fca5a5;border-color:#ef444459}.btn-cancel:hover{background:#ef444429;border-color:#ef4444}.ticket-number-display{font-family:var(--font-display);font-size:clamp(5.5rem,20vw,7.5rem);font-weight:900;line-height:.95;letter-spacing:-.04em;color:var(--ticket-num-color);text-shadow:var(--ticket-num-shadow)}.ticket-number-called{color:#ff007f;text-shadow:0 0 50px rgba(255,0,127,.85);animation:pulseMagenta 1.8s infinite ease-in-out}@keyframes pulseMagenta{0%,to{transform:scale(1);filter:drop-shadow(0 0 25px rgba(255,0,127,.5))}50%{transform:scale(1.03);filter:drop-shadow(0 0 45px rgba(255,0,127,.9))}}@keyframes pulseNearTurn{0%,to{box-shadow:0 0 15px #e6006726;border-color:#e6006759}50%{box-shadow:0 0 28px #e6006773;border-color:#e60067cc}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--tropical-500);box-shadow:0 0 10px var(--tropical-500);display:inline-block;animation:livePing 1.8s infinite}@keyframes livePing{0%{transform:scale(.9);box-shadow:0 0 4px var(--tropical-500)}50%{transform:scale(1.3);box-shadow:0 0 16px var(--tropical-500)}to{transform:scale(.9);box-shadow:0 0 4px var(--tropical-500)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8ec9224d;border-radius:4px}