@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f5f5f7;--bg-secondary:#fff6;--bg-card:#ffffff73;--bg-card-strong:#ffffffb3;--bg-terminal:#f5f7fa99;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--border-subtle:#00000014;--blue:#007aff;--blue-dim:#007aff1f;--green:#34c759;--green-dim:#34c75924;--amber:#ff9f0a;--amber-dim:#ff9f0a24;--red:#ff3b30;--red-dim:#ff3b3021;--purple:#af52de;--cyan:#32ade6;--shadow-card:0 18px 55px #00000017;--shadow-soft:0 8px 28px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#06070a;--bg-secondary:#1d1d1f66;--bg-card:#1c1c1e73;--bg-card-strong:#2c2c2ea6;--bg-terminal:#0a0a0c99;--text-primary:#f5f5f7;--text-secondary:#d1d1d6;--text-muted:#8e8e93;--border-subtle:#ffffff1c;--blue:#0a84ff;--blue-dim:#0a84ff2b;--green:#30d158;--green-dim:#30d15829;--amber:#ffd60a;--amber-dim:#ffd60a24;--red:#ff453a;--red-dim:#ff453a29;--shadow-card:0 22px 70px #0000006b;--shadow-soft:0 12px 34px #00000052}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100vh;font-size:16px}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#007aff40,#0000 45%),radial-gradient(circle at 85% 30%,#34c75940,#0000 45%),radial-gradient(circle at 50% 80%,#af52de33,#0000 45%);background-attachment:fixed;font-family:Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;line-height:1.5;transition:background .4s,color .4s;overflow-x:hidden}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-container>*{animation:.6s cubic-bezier(.16,1,.3,1) both slide-up-fade}.app-container>:first-child{animation-delay:.1s}.app-container>:nth-child(2){animation-delay:.2s}.app-container>:nth-child(3){animation-delay:.3s}.app-container>:nth-child(4){animation-delay:.4s}.app-container>:nth-child(5){animation-delay:.5s}#root{min-height:100vh}button,input{font:inherit}button{border:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#8e8e9361;border-radius:999px}.app-container{flex-direction:column;max-width:1440px;min-height:100vh;margin:0 auto;padding:0 32px 48px;display:flex}.header{z-index:50;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;margin-left:-32px;margin-right:-32px;padding:24px 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000000d}.header-left,.header-right{align-items:center;gap:14px;display:flex}.header-right{flex-wrap:wrap;justify-content:flex-end}.header-logo{color:#fff;background:linear-gradient(135deg, var(--blue), var(--green));border-radius:var(--radius-md);width:44px;height:44px;box-shadow:var(--shadow-soft);place-items:center;display:grid}.header-title{letter-spacing:0;font-size:1.5rem;font-weight:800;line-height:1.15}.header-subtitle{color:var(--text-muted);letter-spacing:0;margin-top:3px;font-size:.875rem;font-weight:400}.stats-badge,.live-badge,.theme-toggle{min-height:38px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fff3}.stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums}.live-badge{color:var(--green)}.live-dot{background:var(--green);border-radius:999px;width:8px;height:8px;animation:1.7s ease-in-out infinite pulse-dot}.theme-toggle{width:38px;color:var(--text-primary);cursor:pointer;justify-content:center;padding:0}.theme-toggle:hover,.chat-send-btn:hover,.post-type-btn:hover{transform:translateY(-1px)}@keyframes pulse-dot{0%,to{box-shadow:0 0 #34c7595c}50%{box-shadow:0 0 0 7px #34c75900}}.summary-card,.gate-card,.panel,.terminal-panel{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card), inset 0 1px 1px #fff6, inset 0 0 20px #ffffff0d;-webkit-backdrop-filter:blur(40px)saturate(200%);backdrop-filter:blur(40px)saturate(200%);border:1px solid #ffffff26;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s,backdrop-filter .3s}.summary-card:hover,.gate-card:hover{box-shadow:var(--shadow-card), 0 16px 50px #00000026, inset 0 1px 1px #fff9;-webkit-backdrop-filter:blur(50px)saturate(220%);backdrop-filter:blur(50px)saturate(220%);transform:translateY(-4px)scale(1.01)}.hero-banner{border-radius:var(--radius-xl);box-shadow:var(--shadow-card), 0 0 0 1px #ffffff1a inset;margin:24px 0;overflow:hidden}.hero-image-wrapper{aspect-ratio:21/9;background:var(--bg-card);width:100%;max-height:400px;display:flex;position:relative}.hero-image{object-fit:cover;width:100%;height:100%;display:block}.hero-overlay{background:linear-gradient(#0000 0%,#0003 50%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:absolute;inset:0}.hero-overlay h2{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #00000080;margin-bottom:8px;font-size:2rem;font-weight:800}.hero-overlay p{color:#ffffffe6;text-shadow:0 1px 5px #00000080;max-width:600px;font-size:1.1rem;font-weight:500}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.summary-card{padding:24px}.summary-card.accent{border-color:#34c7593d}.summary-card.alert{border-color:#ff3b303d}.summary-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.25}.summary-note{color:var(--text-secondary);margin-top:8px;font-size:.875rem}.live-score-card{border-color:#007aff38}.score-card-header,.score-title,.score-team-row,.score-form{align-items:center;display:flex}.score-card-header,.score-team-row{justify-content:space-between;gap:10px}.score-refresh-btn{width:30px;height:30px;color:var(--blue);background:var(--blue-dim);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.score-title{gap:7px}.score-title svg{color:var(--blue);flex-shrink:0}.score-teams{flex-direction:column;gap:8px;margin-top:12px;display:flex}.score-team-row{border-radius:var(--radius-sm);color:var(--text-secondary);background:#8e8e931c;padding:8px 10px;font-size:.875rem}.score-team-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.score-team-row strong{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.score-meta,.score-error{margin-top:7px;font-size:.74rem;font-weight:700}.score-meta{color:var(--text-muted)}.score-error{color:var(--red)}.score-form{gap:8px;margin-top:12px}.score-input{min-width:0;color:var(--text-primary);border-radius:var(--radius-sm);background:#8e8e931f;border:1px solid #0000;outline:none;flex:1;padding:8px 10px}.score-input:focus{box-shadow:0 0 0 4px var(--blue-dim);border-color:#007aff73}.score-save-btn{color:#fff;background:var(--blue);border-radius:var(--radius-sm);cursor:pointer;padding:8px 12px;font-size:.8rem;font-weight:800}.gates-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.gate-card{padding:24px;position:relative;overflow:hidden}.gate-card:before{content:"";background:var(--green);height:4px;box-shadow:0 2px 10px var(--green);position:absolute;inset:0 0 auto}.gate-card.status-AMBER:before{background:var(--amber)}.gate-card.status-RED:before{background:var(--red)}.gate-header,.gate-stats,.panel-header,.terminal-header,.chat-meta{align-items:center;display:flex}.gate-header,.gate-stats,.panel-header,.terminal-header{justify-content:space-between}.gate-header{margin-bottom:14px}.gate-name{color:var(--text-primary);font-size:1.125rem;font-weight:700}.gate-status-chip{border-radius:999px;padding:4px 10px;font-size:.66rem;font-weight:800}.gate-status-chip.GREEN{color:var(--green);background:var(--green-dim);box-shadow:0 0 10px #34c7594d}.gate-status-chip.AMBER{color:var(--amber);background:var(--amber-dim);box-shadow:0 0 10px #ff9f0a4d}.gate-status-chip.RED{color:var(--red);background:var(--red-dim);box-shadow:0 0 10px #ff3b304d}.gate-count{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.75rem;font-weight:800}.gate-count.GREEN{color:var(--green);text-shadow:0 0 15px #34c75966}.gate-count.AMBER{color:var(--amber);text-shadow:0 0 15px #ff9f0a66}.gate-count.RED{color:var(--red);text-shadow:0 0 15px #ff3b3066}.gate-capacity,.gate-percent{color:var(--text-muted);font-size:.78rem;font-weight:700}.progress-track{background:#8e8e9326;border-radius:999px;height:8px;margin:16px 0 12px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{border-radius:inherit;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill.GREEN{background:var(--green)}.progress-fill.AMBER{background:var(--amber)}.progress-fill.RED{background:var(--red)}.gate-percent{text-align:right}.bottom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:0;margin-top:auto;display:grid}.panel,.terminal-panel{flex-direction:column;height:420px;min-height:0;display:flex;overflow:hidden}.panel-header,.terminal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:14px 18px}.panel-title{color:var(--text-primary);align-items:center;gap:10px;font-size:1.125rem;font-weight:700;display:flex}.panel-title-icon{width:30px;height:30px;color:var(--blue);background:var(--blue-dim);border-radius:var(--radius-sm);place-items:center;display:grid}.panel-count{color:var(--text-muted);background:#8e8e9321;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800}.feed-container{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.chat-bubble{border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:88%;padding:12px 14px;font-size:.875rem;animation:.28s bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.fan{color:var(--text-secondary);background:#8e8e931c;align-self:flex-start}.chat-bubble.ai{color:var(--blue);background:var(--blue-dim);align-self:flex-end}.chat-bubble.ai.alert{color:var(--red);background:var(--red-dim)}.chat-bubble.organizer{color:var(--amber);background:var(--amber-dim);align-self:flex-end}.chat-meta{flex-wrap:wrap;gap:6px;margin-bottom:5px}.chat-sender,.chat-time,.organizer-badge{font-size:.67rem;font-weight:800}.chat-sender{text-transform:uppercase}.chat-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.organizer-badge{color:var(--amber);background:#ff9f0a1f;border-radius:999px;padding:2px 7px}.chat-text{color:inherit;word-break:break-word}.chat-input-area{border-top:1px solid var(--border-subtle);gap:10px;padding:12px 18px;display:flex}.post-type-selector{border-radius:var(--radius-sm);background:#8e8e9321;gap:4px;padding:3px;display:flex}.post-type-btn{color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:7px 11px;font-size:.76rem;font-weight:800;transition:transform .2s,background .2s}.post-type-btn.active{color:var(--text-primary);background:var(--bg-card-strong);box-shadow:0 1px 4px #00000014}.chat-input{min-width:0;color:var(--text-primary);border-radius:var(--radius-sm);background:#8e8e931f;border:1px solid #0000;outline:none;flex:1;padding:10px 13px}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{box-shadow:0 0 0 4px var(--blue-dim);border-color:#007aff73}.chat-send-btn{color:#fff;background:var(--blue);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;place-items:center;width:40px;height:40px;transition:transform .2s,opacity .2s;display:grid}.chat-send-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.terminal-panel{background:var(--bg-terminal);font-family:JetBrains Mono,monospace}.terminal-dots{gap:6px;display:flex}.terminal-dot{border-radius:999px;width:10px;height:10px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28c840}.terminal-title,.terminal-header svg{color:var(--text-muted)}.terminal-title{font-size:.72rem;font-weight:600}.terminal-body{flex:1;min-height:0;padding:18px;overflow-y:auto}.terminal-section{margin-bottom:22px}.terminal-label{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:.68rem;font-weight:800;display:flex}.terminal-label .dot{background:var(--green);border-radius:999px;width:7px;height:7px}.advisory-text,.agent-log{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#8e8e931a;padding:14px}.advisory-text{color:var(--text-primary);border-left:4px solid var(--green);font-family:Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:700}.advisory-text.alert{color:var(--red);border-left-color:var(--red)}.agent-log{flex-direction:column;gap:8px;margin-top:12px;display:flex}.log-entry{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:.74rem;display:flex}.log-time{font-variant-numeric:tabular-nums;flex-shrink:0}.log-msg{color:var(--green)}.log-msg.warning{color:var(--amber)}.log-msg.error{color:var(--red)}.spin-soft{animation:1.2s linear infinite spin-soft}@keyframes spin-soft{to{transform:rotate(360deg)}}@media (width<=1180px){.hero-panel,.bottom-grid{grid-template-columns:1fr}.gates-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-container{padding:0 14px 26px}.header{flex-direction:column;align-items:flex-start;position:static}.header-right{justify-content:flex-start;width:100%}.hero-copy{padding:22px}.gates-grid,.summary-grid{grid-template-columns:1fr}.chat-input-area{flex-wrap:wrap}.post-type-selector,.chat-input{width:100%}}