:root{--bg:#fff7ec;--bg-elev:#fffdf7;--surface:#fff;--ink:#110e0a;--ink-2:#4a433b;--ink-3:#8c857b;--ink-4:#b9b0a2;--line:#110e0a14;--line-2:#110e0a29;--c-red:#e63946;--c-red-ink:#5b1218;--c-red-soft:#ffe2e5;--c-green:#2f8f4a;--c-green-ink:#0f3b1e;--c-green-soft:#dff3e4;--c-amber:#f2a22c;--c-amber-ink:#4a2d05;--c-amber-soft:#ffeacb;--c-blue:#2d6be3;--c-blue-ink:#0e2960;--c-blue-soft:#dae6ff;--c-violet:#6b4fe0;--c-violet-ink:#200f66;--c-violet-soft:#e5deff;--c-coral:#ff6b43;--primary:var(--c-green);--accent:var(--c-amber);--danger:var(--c-red);--good:var(--c-green);--info:var(--c-blue);--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--shadow-xs:0 1px 2px #110e0a0a;--shadow-sm:0 1px 2px #110e0a0d, 0 2px 8px #110e0a0d;--shadow-md:0 2px 6px #110e0a0f, 0 14px 28px #110e0a14;--shadow-lg:0 12px 30px #110e0a1a, 0 30px 60px #110e0a1a;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-content:1;--z-sticky:10;--z-sheet:60;--z-modal:100}[data-theme=dark]{--bg:#0e0b07;--bg-elev:#15110c;--surface:#1a1611;--ink:#fff6e6;--ink-2:#d9cfbe;--ink-3:#94897a;--ink-4:#5d5547;--line:#fff6e614;--line-2:#fff6e629;--c-red-soft:#e639462e;--c-green-soft:#2f8f4a33;--c-amber-soft:#f2a22c2e;--c-blue-soft:#2d6be333;--c-violet-soft:#6b4fe038;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 6px #0006, 0 14px 28px #00000073;--shadow-lg:0 12px 30px #00000080, 0 30px 60px #0009}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{letter-spacing:-.005em;color:var(--ink);overscroll-behavior:none;text-rendering:optimizelegibility;background:#eee6d6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}[data-theme=dark] body{background:#050402}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:0;font-family:inherit}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}input,textarea,select{font-family:inherit}input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.display{letter-spacing:-.04em;font-variation-settings:"opsz" 64;font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:700;line-height:.95}.display-md{letter-spacing:-.03em;font-variation-settings:"opsz" 32;font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:700;line-height:1}.headline{letter-spacing:-.02em;font-variation-settings:"opsz" 24;font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:600;line-height:1.1}.mono{letter-spacing:-.01em;font-feature-settings:"tnum" 1, "ss01" 1;font-family:JetBrains Mono,ui-monospace,SF Mono,monospace}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500}.num{font-feature-settings:"tnum" 1}.stage{background:radial-gradient(1100px 600px at 18% 0,#f2a22c38,#0000 60%),radial-gradient(900px 500px at 88% 100%,#e6394624,#0000 60%),radial-gradient(700px 400px,#2f8f4a1a,#0000 60%),#eee6d6;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}[data-theme=dark] .stage{background:radial-gradient(1100px 600px at 18% 0,#f2a22c1a,#0000 60%),radial-gradient(900px 500px at 88% 100%,#e639461a,#0000 60%),radial-gradient(700px 400px,#6b4fe01a,#0000 60%),#050402}.screen{background:var(--bg);color:var(--ink);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{display:none}.screen-scroll{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.btn{cursor:pointer;letter-spacing:-.01em;height:52px;transition:transform .12s var(--ease-out), box-shadow .16s var(--ease-out);-webkit-user-select:none;user-select:none;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-accent{background:var(--c-amber);color:var(--c-amber-ink)}.btn-good{background:var(--c-green);color:#fff}.btn-danger{background:var(--c-red);color:#fff}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.btn-block{width:100%}.btn-sm{height:40px;padding:0 16px;font-size:13px}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:transform .12s var(--ease-out), background .15s var(--ease-out);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{transform:scale(.94)}.icon-btn:hover{background:var(--bg-elev)}.icon-btn-round{-webkit-backdrop-filter:blur(12px);width:42px;height:42px;color:var(--ink);cursor:pointer;transition:transform .12s var(--ease-out);background:#fffffff2;border:1px solid #110e0a0f;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-btn-round:active{transform:scale(.93)}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line)}.card-soft{background:var(--bg-elev);border-radius:var(--r-lg);border:1px solid var(--line)}.bento{isolation:isolate;cursor:pointer;transition:transform .2s var(--ease-out);border-radius:26px;flex-direction:column;justify-content:space-between;min-height:120px;padding:16px;display:flex;position:relative;overflow:hidden}.bento:active{transform:scale(.98)}.bento .eyebrow{color:#ffffffc7}.bento .bento-title{letter-spacing:-.02em;color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:700;line-height:1}.bento .bento-meta{color:#ffffffd1;font-size:12px}.bento-deco{pointer-events:none;opacity:.18;z-index:-1;position:absolute}.bento-red{background:var(--c-red);color:#fff}.bento-green{background:var(--c-green);color:#fff}.bento-amber{background:var(--c-amber);color:var(--c-amber-ink)}.bento-amber .eyebrow,.bento-amber .bento-meta{color:#4a2d05b3}.bento-amber .bento-title{color:var(--c-amber-ink)}.bento-blue{background:var(--c-blue);color:#fff}.bento-violet{background:var(--c-violet);color:#fff}.bento-ink{background:var(--ink);color:var(--bg)}.bento-ink .eyebrow,.bento-ink .bento-meta{color:#fff7ec99}.bento-ink .bento-title{color:var(--bg)}.bento-soft{background:var(--c-amber-soft);color:var(--c-amber-ink)}.bento-soft .eyebrow{color:#4a2d0599}.chip{height:36px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:all .15s var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:var(--bg-elev)}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip-sm{height:28px;padding:0 10px;font-size:12px}.chip-ghost{border-color:var(--line-2);background:0 0}.pill{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}.pill-red{background:var(--c-red-soft);color:var(--c-red)}.pill-green{background:var(--c-green-soft);color:var(--c-green)}.pill-amber{background:var(--c-amber-soft);color:var(--c-amber-ink)}.pill-blue{background:var(--c-blue-soft);color:var(--c-blue)}.pill-violet{background:var(--c-violet-soft);color:var(--c-violet)}.pill-mute{background:var(--bg-elev);color:var(--ink-3);border:1px solid var(--line)}.live-dot{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.live-dot:before{content:"";background:var(--c-coral);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ff6b4338}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff6b4338}50%{box-shadow:0 0 0 7px #ff6b4300}}.ride-pulse{animation:1.8s ease-in-out infinite ridePulse}@keyframes ridePulse{0%,to{box-shadow:0 0 0 4px #2f8f4a40}50%{box-shadow:0 0 0 10px #2f8f4a00}}.tabbar{left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom));background:var(--ink);height:70px;box-shadow:var(--shadow-lg);z-index:var(--z-sheet);border-radius:28px;align-items:stretch;padding:8px;display:flex;position:absolute}.tabbar-item{cursor:pointer;color:#fff7ec8c;transition:all .22s var(--ease-out);letter-spacing:.02em;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex;position:relative}.tabbar-item.active{background:var(--c-amber);color:var(--c-amber-ink)}.tabbar-item .tab-badge{background:var(--c-red);border:2px solid var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:14px}.sheet-backdrop{z-index:var(--z-sheet);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#110e0a73;animation:.2s both fade;position:absolute;inset:0}.sheet{background:var(--bg-elev);z-index:calc(var(--z-sheet) + 1);padding:8px 20px max(28px, env(safe-area-inset-bottom));animation:sheetIn .32s var(--ease-out) both;border-radius:28px 28px 0 0;max-height:86%;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 60px #110e0a2e}.sheet::-webkit-scrollbar{display:none}.sheet-handle{background:var(--line-2);border-radius:999px;width:40px;height:4px;margin:8px auto 16px}.input{border:1px solid var(--line);background:var(--surface);width:100%;height:52px;color:var(--ink);border-radius:14px;outline:none;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s}.input:hover{background:var(--bg-elev)}.input:focus{border-color:var(--ink);background:var(--surface)}.input-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:block}.input-row{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.seat{background:var(--surface);border:1.5px solid var(--line-2);width:38px;height:40px;color:var(--ink-3);cursor:pointer;transition:all .16s var(--ease-spring);border-radius:10px 10px 14px 14px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:flex;position:relative}.seat:before,.seat:after{content:"";background:inherit;border-radius:2px;width:4px;height:18px;position:absolute;top:7px}.seat:before{border-left:1.5px solid var(--line-2);left:-3px}.seat:after{border-right:1.5px solid var(--line-2);right:-3px}.seat.taken{background:var(--line);color:var(--ink-4);cursor:not-allowed;opacity:.6}.seat.selected{background:var(--c-amber);border-color:var(--c-amber);color:var(--c-amber-ink);transform:translateY(-2px);box-shadow:0 6px 16px #f2a22c66}.seat.female{background:var(--c-red-soft);color:var(--c-red);border-color:#e639464d}.dashed{border:none;border-top:1.5px dashed var(--line-2);margin:0}.ticket-perforation{background:var(--surface);height:16px;position:relative}.ticket-perforation:before,.ticket-perforation:after{content:"";background:var(--bg);border-radius:50%;width:20px;height:20px;position:absolute;top:-2px}.ticket-perforation:before{left:-10px}.ticket-perforation:after{right:-10px}.ticket-perforation .dash{border-top:1.5px dashed var(--line-2);position:absolute;top:8px;left:16px;right:16px}.barcode{align-items:stretch;gap:1.5px;height:56px;display:flex}.barcode>i{background:var(--ink);display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-slide-up{animation:slideUp .32s var(--ease-out) both}.anim-fade{animation:.24s both fade}.anim-scale{animation:scaleIn .28s var(--ease-spring) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.live-dot:before{animation:none}}.imgph{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;display:flex;position:relative;overflow:hidden}.app{background:radial-gradient(1100px 600px at 18% 0,#f2a22c33,#0000 60%),radial-gradient(900px 500px at 88% 100%,#e639461f,#0000 60%),radial-gradient(700px 400px,#2f8f4a1a,#0000 60%),#eee6d6;width:100%;height:100dvh;display:flex;overflow:hidden}[data-theme=dark] .app{background:radial-gradient(1100px 600px at 18% 0,#f2a22c1a,#0000 60%),radial-gradient(900px 500px at 88% 100%,#e639461a,#0000 60%),radial-gradient(700px 400px,#6b4fe01a,#0000 60%),#050402}.sidebar{background:var(--bg-elev);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:256px;padding:26px 16px 20px;display:flex}.sidebar-brand{padding:6px 12px 24px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-spacer{flex:1}.nav-item{text-align:left;width:100%;height:50px;color:var(--ink-3);letter-spacing:-.01em;cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);border-radius:16px;align-items:center;gap:14px;padding:0 16px;font-size:14.5px;font-weight:600;display:flex;position:relative}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{background:var(--ink);color:var(--bg)}.nav-item .nav-badge{background:var(--c-red);border:2px solid var(--bg-elev);border-radius:50%;width:8px;height:8px;position:absolute;top:11px;left:32px}.sidebar-profile{cursor:pointer;text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;transition:background .16s var(--ease-out);border-radius:16px;align-items:center;gap:12px;margin-top:6px;padding:10px 12px;display:flex}.sidebar-profile:hover{background:var(--bg-elev)}.sidebar-avatar{background:linear-gradient(135deg, var(--c-amber), var(--c-red));color:#fff;letter-spacing:-.04em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;display:flex}.app-main{flex:1;justify-content:center;align-items:stretch;min-width:0;padding:22px;display:flex;position:relative}.viewport{background:var(--bg);width:100%;max-width:720px;height:100%;box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden}.viewport-wide{max-width:1060px}.home-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.home-hot{scroll-snap-type:x mandatory;gap:12px;display:flex;overflow-x:auto}.home-nearby{flex-direction:column;gap:10px;display:flex}.tickets-grid{flex-direction:column;gap:12px;display:flex}@media (width>=901px){.tabbar{display:none}.home-grid{grid-template-columns:repeat(4,1fr);gap:14px}.home-hot{grid-template-columns:repeat(3,1fr);display:grid;overflow:visible}.home-hot>*{min-width:0!important}.home-nearby{grid-template-columns:repeat(2,1fr);display:grid}.tickets-grid{grid-template-columns:repeat(2,1fr);align-items:start;display:grid}}@media (width<=900px){.sidebar{display:none}.app-main{padding:0}.viewport,.viewport-wide{max-width:none;box-shadow:none;border:none;border-radius:0}}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.grow{flex:1}.center{justify-content:center;align-items:center;display:flex}.dot{background:var(--ink-3);vertical-align:middle;border-radius:50%;width:3px;height:3px;margin:0 4px;display:inline-block}.dock{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--line);z-index:var(--z-sticky);border-radius:999px;align-items:center;gap:10px;padding:6px;display:flex;position:absolute}