html,body,#root{height:100%;margin:0;padding:0;background-color:var(--bg-dark, #000);color:var(--text-light, red);font-family:sans-serif}:root{--bg-dark: #000000;--text-light: #ffffff;--neon-red: #ff003c;--glow-red: 0 0 10px #ff003c, 0 0 20px #ff003c}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-bar{padding:12px;border-bottom:2px solid var(--neon-red);display:flex;justify-content:space-between;align-items:center}.score-logo{font-size:1.5rem;font-weight:700;color:var(--neon-red);text-shadow:var(--glow-red);animation:neonPulse 2s infinite ease-in-out}.tagline{font-size:.9rem;color:var(--text-light);opacity:.85}.main-layout{display:flex;flex:1;gap:12px}.left-column{display:flex;flex-direction:column;flex:1;gap:12px}.input-row{display:flex;align-items:center;gap:8px}.brand-btn{background:var(--neon-red);color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;margin-top:auto;box-shadow:var(--glow-red)}.right-column{display:flex;flex-direction:column;flex:1;gap:12px}.voice-section{display:flex;gap:8px}.hey-spear-btn{background:var(--neon-red);color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;box-shadow:var(--glow-red)}.chat-window,.cart-section{border:1px solid var(--neon-red);box-shadow:var(--glow-red);border-radius:12px;padding:16px;background-color:#111}.ai-response{color:var(--neon-red);font-weight:700;text-shadow:var(--glow-red)}.voice-btn{background:var(--neon-red);color:#fff;border:none;padding:10px 14px;font-size:16px;border-radius:8px;cursor:pointer;box-shadow:0 0 8px var(--neon-red)}.product-image{width:100%;border-radius:10px;box-shadow:0 0 10px var(--glow-red);margin-bottom:10px}.product-card{border:1px solid var(--neon-red);padding:16px;border-radius:12px;background-color:#111;text-align:center;max-width:300px}.product-card img{width:100%;height:140px;-o-object-fit:contain;object-fit:contain;image-rendering:auto;background-color:transparent}.carousel-buttons{display:flex;justify-content:center;gap:10px;margin-top:10px}.carousel-buttons button{background-color:var(--neon-red);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;box-shadow:0 0 6px var(--glow-red)}.bottom-bar{padding:10px;border-top:2px solid var(--neon-red);text-align:left}.powered-by{color:var(--neon-red);font-weight:700;text-shadow:var(--glow-red);animation:neonPulse 2s infinite ease-in-out}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-dark);color:var(--neon-red);height:100vh;text-align:center;animation:fadeIn .5s ease-in-out,backgroundPulse 4s infinite ease-in-out}.loading-logo{font-size:3rem;font-weight:700;color:var(--neon-red);text-shadow:var(--glow-red);animation:neonPulse 2s infinite ease-in-out}.loading-powered{font-size:1rem;margin-top:10px;color:var(--text-light);opacity:0;animation:fadeInPowered .8s ease-in-out forwards;animation-delay:1s}.loading-tagline{font-size:.9rem;margin-top:4px;opacity:0;color:var(--text-light);animation:fadeSlideInTagline .8s ease-out forwards;animation-delay:2s}@keyframes neonPulse{0%,to{text-shadow:0 0 10px #ff003c,0 0 20px #ff003c,0 0 30px #ff003c}50%{text-shadow:0 0 15px #ff003c,0 0 30px #ff003c,0 0 45px #ff003c}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut .5s ease-in-out forwards,backgroundOff .5s ease-in-out forwards,logoPowerDown .5s ease-in-out forwards,footerPowerDown .5s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes backgroundPulse{0%,to{background-color:#000;box-shadow:inset 0 0 30px #ff003c33}50%{background-color:#0a0004;box-shadow:inset 0 0 60px #ff003c59}}@keyframes backgroundOff{0%{background-color:#0a0004;box-shadow:inset 0 0 60px #ff003c59}to{background-color:#000;box-shadow:inset 0 0 #ff003c00}}@keyframes logoPowerDown{0%{opacity:1;text-shadow:0 0 15px #ff003c,0 0 30px #ff003c,0 0 45px #ff003c;color:var(--neon-red)}to{opacity:.3;text-shadow:none;color:#550018}}@keyframes footerPowerDown{0%{opacity:1;text-shadow:0 0 10px #ff003c,0 0 20px #ff003c;color:var(--neon-red)}to{opacity:.3;text-shadow:none;color:#550018}}@keyframes fadeInPowered{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideInTagline{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:appFadeIn .6s ease-in-out}@keyframes appFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.app-root{padding:8px}.header{padding:12px 16px}.brand{font-size:1.3rem}.badge{font-size:.7rem;padding:.2rem .6rem}}@media(max-width:768px){body{font-size:14px}.header{flex-direction:column;gap:8px;padding:12px;align-items:flex-start}.nav{width:100%;justify-content:space-between}.main-container{padding:12px!important;display:flex!important;flex-direction:column!important;gap:12px!important;grid-template-columns:unset!important;grid-template-rows:unset!important}.main-container>*{width:100%!important;grid-column:auto!important;grid-row:auto!important}.panel.chat{height:auto!important;max-height:none!important;min-height:250px;display:flex!important;flex-direction:column}.chat-scroll{flex:1;max-height:50vh!important;overflow-y:auto}.inputbar{display:flex!important;gap:8px;padding:12px!important;background:#000c;border-top:1px solid rgba(220,20,60,.3)}.inputbar input{flex:1}.inputbar button{flex-shrink:0}.left-column,.right-column{width:100%!important;min-width:100%!important;max-width:100%!important}.panel.sidebar{position:static!important;width:100%!important;height:auto!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.product-card{padding:10px!important}.product-card img{height:100px!important;-o-object-fit:contain!important;object-fit:contain!important}.product-card h3{font-size:.9rem!important}.product-card p{font-size:.8rem!important}.msg .product-card,[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.voice-section{flex-direction:row!important;flex-wrap:wrap;width:100%;gap:8px!important}.voice-section button{flex:1;min-width:calc(50% - 4px)}.search-box,.search-box input{width:100%!important;font-size:16px!important;padding:12px!important}.panel:has(input[placeholder*=Search]),.panel:has(input[placeholder*=ask]){padding:12px!important}.chat-window{max-height:300px!important}.watermark{font-size:.6rem;bottom:.5rem;right:.5rem}.panel.sidebar:last-child{display:none}.panel.sidebar:has(button:contains("Learn More")){padding:12px!important}}@media(max-width:480px){.header{padding:10px}.brand{font-size:1.2rem}.badge{font-size:.65rem;padding:.15rem .5rem}.main-container{padding:8px!important;gap:8px!important;min-height:calc(100vh - 60px)!important;background:#000!important}.panel{display:flex!important;flex-direction:column;background:#101114f2!important;color:#fff!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.product-card{padding:8px!important}.product-card h3{font-size:.8rem!important;line-height:1.2}.product-card p{font-size:.75rem!important}.product-card img{height:90px!important;-o-object-fit:contain!important;object-fit:contain!important}button{min-height:44px;padding:10px 16px!important;font-size:14px!important}.voice-btn,button.voice-btn,button[class*=voice]{min-width:56px!important;min-height:56px!important;width:56px!important;height:56px!important;font-size:1.8rem!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important}.voice-toggle{padding:6px 10px!important;gap:6px!important}.voice-toggle button{min-width:36px!important;min-height:36px!important;width:auto!important;height:auto!important;font-size:16px!important;padding:4px 8px!important}.cart-item{flex-direction:column;align-items:flex-start!important;gap:8px}.cart-item img{width:100%;max-width:100px}input,textarea,select{font-size:16px!important;padding:12px!important}.msg{font-size:.9rem!important;padding:10px!important}.panel{display:block!important}}@media(hover:none)and (pointer:coarse){button,a,input,select{min-height:44px;min-width:44px}.voice-toggle button{min-width:36px;min-height:36px}button:hover,.product-card:hover{transform:none}button:active{transform:scale(.95);opacity:.8}}@media(max-height:500px)and (orientation:landscape){.header{padding:8px 12px}.chat-window{max-height:200px!important}.cart-sidebar{width:50%}}@media(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (-webkit-touch-callout: none){.main-container{min-height:-webkit-fill-available!important}body{min-height:-webkit-fill-available}input,textarea,select{font-size:16px!important}html{-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.chat-scroll,.panel{-webkit-overflow-scrolling:touch}button,input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px}.header{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.main-container{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}body{overscroll-behavior:none}input:focus,textarea:focus{font-size:16px!important}}@media{.main-container{min-height:calc(100vh - 56px)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23dc143c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}}@media(pointer:coarse)and (hover:none){button:active,.btn:active{transform:scale(.97);transition:transform .1s}.main-container{height:auto!important}@media(max-height:500px){.chat-scroll{max-height:30vh!important}}}@supports (-webkit-appearance: none){input[type=text],input[type=email],input[type=tel]{-webkit-appearance:none;-moz-appearance:none;appearance:none}}body{overscroll-behavior-y:contain}@media(max-height:500px){.inputbar{position:sticky!important;bottom:0;z-index:100}}@media(display-mode:standalone){.header{padding-top:max(12px,env(safe-area-inset-top,20px))}.replit-badge{display:none!important}.main-container{min-height:100vh}}@media(display-mode:standalone)and (-webkit-touch-callout:none){body{padding-top:env(safe-area-inset-top)}}.thinking-dots:after{content:"";animation:thinkDots 1.4s steps(4,end) infinite}@keyframes thinkDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.stream-phase{color:var(--brand-gold);font-size:.88rem;font-weight:500;letter-spacing:.2px;animation:phasePulse 1.8s ease-in-out infinite}@keyframes phasePulse{0%,to{opacity:.7}50%{opacity:1}}.typing-cursor{display:inline-block;animation:cursorBlink .6s step-end infinite;color:var(--brand-gold);margin-left:1px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}:root{--brand-gold: #ffd166;--brand-green: #2ee6ff;--brand-gold-rgb: 255, 209, 102;--brand-green-rgb: 46, 230, 255;--score-crimson: #ff174d;--score-crimson-rgb: 255, 23, 77;--score-ember: #ff6a1a;--score-text-strong: #fff7ed;--score-panel: rgba(5, 8, 16, .94);--score-panel-2: rgba(12, 18, 30, .86);--bg-dark: #02040a;--panel-dark: rgba(5, 8, 16, .92);--muted-white: rgba(255, 247, 237, .62)}.theme-score-original{--brand-gold: #ffd166;--brand-green: #2ee6ff;--brand-gold-rgb: 255, 209, 102;--brand-green-rgb: 46, 230, 255;--score-crimson: #ff174d;--score-crimson-rgb: 255, 23, 77}.theme-packers{--brand-gold: #ffb612;--brand-green: #203731;--brand-gold-rgb: 255, 182, 18;--brand-green-rgb: 32, 55, 49}.theme-lakers{--brand-gold: #fdb927;--brand-green: #552583;--brand-gold-rgb: 253, 185, 39;--brand-green-rgb: 85, 37, 131}.theme-brewers{--brand-gold: #ffc52f;--brand-green: #12284b;--brand-gold-rgb: 255, 197, 47;--brand-green-rgb: 18, 40, 75}.theme-oilers{--brand-gold: #ff4c00;--brand-green: #041e42;--brand-gold-rgb: 255, 76, 0;--brand-green-rgb: 4, 30, 66}.theme-futuristic{--brand-gold: #00f0ff;--brand-green: #9d00ff;--brand-gold-rgb: 0, 240, 255;--brand-green-rgb: 157, 0, 255}.theme-seahawks{--brand-gold: #69be28;--brand-green: #002244;--brand-gold-rgb: 105, 190, 40;--brand-green-rgb: 0, 34, 68;--brand-silver: #a5acaf;--brand-silver-rgb: 165, 172, 175}.theme-seahawks .panel,.theme-seahawks .main,.theme-seahawks .ad-space{position:relative;border:2px solid var(--brand-gold);animation:neonBorderPulse 4s linear infinite}@keyframes neonBorderPulse{0%{border-color:var(--brand-gold);box-shadow:0 0 5px rgba(var(--brand-gold-rgb),.4),0 0 10px rgba(var(--brand-green-rgb),.2),inset 0 0 5px rgba(var(--brand-gold-rgb),.1)}25%{border-color:var(--brand-green);box-shadow:0 0 5px rgba(var(--brand-green-rgb),.4),0 0 10px rgba(var(--brand-gold-rgb),.2),inset 0 0 5px rgba(var(--brand-green-rgb),.1)}50%{border-color:var(--brand-gold);box-shadow:0 0 5px rgba(var(--brand-gold-rgb),.4),0 0 10px rgba(var(--brand-green-rgb),.2),inset 0 0 5px rgba(var(--brand-gold-rgb),.1)}75%{border-color:var(--brand-green);box-shadow:0 0 5px rgba(var(--brand-green-rgb),.4),0 0 10px rgba(var(--brand-gold-rgb),.2),inset 0 0 5px rgba(var(--brand-green-rgb),.1)}to{border-color:var(--brand-gold);box-shadow:0 0 5px rgba(var(--brand-gold-rgb),.4),0 0 10px rgba(var(--brand-green-rgb),.2),inset 0 0 5px rgba(var(--brand-gold-rgb),.1)}}.theme-seahawks body:before{content:"";position:fixed;top:130px;left:50%;transform:translate(-50%);width:200px;height:200px;background:url(/attached_assets/seahawks/Superbowllogo.jpg) center center no-repeat;background-size:contain;opacity:.6;z-index:9999;pointer-events:none;filter:drop-shadow(0 0 10px rgba(105,190,40,.3)) drop-shadow(0 0 15px rgba(0,34,68,.2));animation:floatLogo 6s ease-in-out infinite}.theme-seahawks body:after{content:"";position:fixed;bottom:500px;left:50%;transform:translate(-250px);width:140px;height:140px;background:url(/attached_assets/seahawks/seahawks12.jpg) center center no-repeat;background-size:cover;opacity:.7;z-index:1;pointer-events:none;border-radius:12px;border:2px solid rgba(105,190,40,.3);box-shadow:0 0 15px #69be2833,0 0 25px #00224426;animation:floatImage 6s ease-in-out infinite .5s}.theme-seahawks .container:after{content:"";position:fixed;top:150px;right:360px;width:150px;height:150px;background:url(/attached_assets/seahawks/seahawks12.jpg) center center no-repeat;background-size:cover;opacity:.5;z-index:1;pointer-events:none;border-radius:12px;border:2px solid rgba(105,190,40,.3);box-shadow:0 0 15px #69be2833,0 0 25px #00224426;animation:floatImage 6s ease-in-out infinite 1s}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.theme-seahawks .header:after{content:"";position:fixed;bottom:180px;right:360px;width:140px;height:140px;background:url(/attached_assets/seahawks/Superbowllogo.jpg) center center no-repeat;background-size:contain;opacity:.5;z-index:1;pointer-events:none;filter:drop-shadow(0 0 10px rgba(105,190,40,.3)) drop-shadow(0 0 15px rgba(0,34,68,.2));animation:floatLogo 6s ease-in-out infinite 1.5s}.theme-seahawks .sidebar:before{content:"";display:none}.theme-seahawks .sidebar:before{content:"12";position:fixed;top:8px;left:120px;width:60px;height:60px;background:linear-gradient(135deg,#69be28,#024);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;box-shadow:0 0 20px #69be28b3,0 0 40px #0246;z-index:9999;animation:twelveBadge 2s ease-in-out infinite;pointer-events:none}.theme-seahawks .sidebar:after{content:"12th MAN - CONGRATULATIONS!";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:15px;font-weight:900;letter-spacing:1px;color:#69be28;text-shadow:0 0 12px rgba(105,190,40,.7),0 0 24px rgba(0,34,68,.4);z-index:10;white-space:nowrap;animation:textGlow 2s ease-in-out infinite;pointer-events:none}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(105,190,40,.6),0 0 20px rgba(0,34,68,.4)}50%{text-shadow:0 0 15px rgba(105,190,40,.8),0 0 30px rgba(0,34,68,.5)}}.theme-seahawks .main{position:relative}.theme-seahawks .main:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:url(/attached_assets/seahawks/Superbowllogo.jpg) center center no-repeat;background-size:contain;opacity:.08;z-index:0;pointer-events:none}.theme-seahawks .main:after{content:"SEAHAWKS 29 - PATRIOTS 13";position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:16px;font-weight:900;letter-spacing:2px;color:#69be2826;text-shadow:0 0 20px rgba(105,190,40,.2);z-index:0;pointer-events:none;white-space:nowrap}.theme-seahawks .chat-content{position:relative;z-index:1}body{margin:0;background:radial-gradient(circle at 18% 12%,rgba(var(--score-crimson-rgb),.2),transparent 28%),radial-gradient(circle at 84% 18%,rgba(var(--brand-green-rgb),.14),transparent 26%),linear-gradient(145deg,#02040a,#070a12 48%,#15070b);color:var(--score-text-strong);font-family:Aptos Display,Bahnschrift,Segoe UI,system-ui,-apple-system,sans-serif;letter-spacing:.3px;font-weight:650;text-rendering:geometricPrecision}.header{padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));background:#000000e6;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border-bottom:1px solid rgba(var(--brand-gold-rgb),.5);box-shadow:0 2px 20px rgba(var(--brand-gold-rgb),.3),0 0 60px rgba(var(--brand-gold-rgb),.15);display:flex;flex-direction:column;gap:8px;align-items:stretch}.header h1{margin:0;font-size:18px;color:var(--brand-gold)}.header-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.header-runner{overflow:hidden;border:1px solid rgba(var(--brand-gold-rgb),.25);border-radius:999px;background:linear-gradient(90deg,rgba(var(--brand-green-rgb),.12),rgba(var(--brand-gold-rgb),.1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:24px;display:flex;align-items:center}.header-runner-track{display:inline-block;white-space:nowrap;padding:3px 12px;font-size:12px;color:#ffffffe0;animation:headerRunnerMarquee 20s linear infinite}@keyframes headerRunnerMarquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.container{display:flex;justify-content:space-between;gap:20px;padding:20px;box-sizing:border-box;height:calc(100vh - 85px);height:calc(100dvh - 85px);min-height:0;overflow:hidden}.main-col{flex:1 1 70%;max-width:70%;display:flex;flex-direction:column;gap:20px;min-width:0;min-height:0}.main{flex:1;background:linear-gradient(155deg,#050810f5,#0d121ceb 54%,#19070ce6),radial-gradient(circle at top right,rgba(var(--brand-green-rgb),.12),transparent 32%);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--brand-gold-rgb),.42);box-shadow:0 8px 32px #0006,0 0 42px rgba(var(--score-crimson-rgb),.2),0 0 86px rgba(var(--brand-green-rgb),.11),inset 0 1px #ffffff0d;border-radius:16px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.main:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--brand-gold-rgb),.6),transparent)}.chat-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-bottom:16px;padding-right:8px;color:var(--score-text-strong);font-weight:700}.chat-message{color:var(--score-text-strong);font-weight:750;letter-spacing:.22px}.chat-message-body{text-shadow:0 1px 0 rgba(0,0,0,.35)}.chat-message strong{color:var(--brand-gold);font-weight:950}.chat-message-time{font-variant-numeric:tabular-nums}.chat-history-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;border:1px solid rgba(var(--brand-gold-rgb),.24);border-radius:14px;background:linear-gradient(135deg,rgba(var(--score-crimson-rgb),.14),rgba(var(--brand-green-rgb),.08)),#0508109e;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff0d}.chat-history-copy{min-width:0}.chat-history-label{color:var(--brand-gold);font-size:13px;font-weight:950;letter-spacing:.7px;text-transform:uppercase}.chat-history-meta{margin-top:2px;color:#fff7edb8;font-size:12.5px;font-weight:750}.chat-history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chat-history-btn,.chat-history-clear,.chat-history-entry{font-family:Aptos Display,Bahnschrift,Segoe UI,system-ui,sans-serif}.chat-history-btn{border:1px solid rgba(var(--brand-gold-rgb),.32);border-radius:999px;background:#ffffff0b;color:var(--score-text-strong);padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.45px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.chat-history-btn:hover{transform:translateY(-1px);border-color:rgba(var(--brand-gold-rgb),.62);background:rgba(var(--brand-gold-rgb),.12)}.chat-history-btn--primary{color:#080a10;background:linear-gradient(135deg,var(--brand-gold),#ff9f1c);border-color:rgba(var(--brand-gold-rgb),.74);box-shadow:0 0 18px rgba(var(--brand-gold-rgb),.22)}.chat-history-drawer{margin:-4px 0 12px;padding:12px;border:1px solid rgba(var(--brand-green-rgb),.24);border-radius:14px;background:#02040a8f;box-shadow:inset 0 1px #ffffff0a}.chat-history-list{display:grid;gap:8px}.chat-history-entry{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(135deg,#ffffff0e,rgba(var(--brand-green-rgb),.055));color:var(--score-text-strong);cursor:pointer}.chat-history-entry:hover{border-color:rgba(var(--brand-green-rgb),.44);background:linear-gradient(135deg,rgba(var(--brand-green-rgb),.1),rgba(var(--score-crimson-rgb),.07))}.chat-history-entry-title{overflow:hidden;color:#fff;font-size:13px;font-weight:900;letter-spacing:.25px;text-overflow:ellipsis;white-space:nowrap}.chat-history-entry-time{flex:0 0 auto;color:#bae6fdd1;font-size:11.5px;font-weight:900;letter-spacing:.35px;text-transform:uppercase}.chat-history-clear{margin-top:10px;border:0;background:transparent;color:#ffd166d6;font-size:12px;font-weight:900;cursor:pointer}.chat-history-empty{color:#fff7edad;font-size:13px;font-weight:750}.chat-content::-webkit-scrollbar{width:6px}.chat-content::-webkit-scrollbar-track{background:#0003;color:var(--brand-gold)}.chat-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--brand-green-rgb),.7),rgba(var(--brand-gold-rgb),.6));border-radius:10px}.chat-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--brand-green-rgb),.9),rgba(var(--brand-gold-rgb),.8))}.input-area{display:flex;align-items:flex-end;gap:8px;padding:12px;color:var(--brand-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(var(--brand-gold-rgb),.4);box-shadow:0 4px 20px #0000004d,0 0 20px rgba(var(--brand-gold-rgb),.2),inset 0 1px #ffffff08;flex-shrink:0}.input-area input,.input-area textarea{flex:1;background:#02040aad;border:1px solid rgba(var(--brand-gold-rgb),.4);box-shadow:inset 0 2px 8px #0000004d,0 0 15px rgba(var(--brand-gold-rgb),.1);border-radius:8px;padding:10px 14px;color:var(--score-text-strong);font-size:15px;font-weight:850;letter-spacing:.25px;line-height:1.45;transition:all .4s cubic-bezier(.4,0,.2,1)}.input-area textarea{min-height:44px;max-height:168px;resize:none;overflow-y:auto}.input-area input::-moz-placeholder,.input-area textarea::-moz-placeholder{color:#fff6;-moz-transition:color .3s ease;transition:color .3s ease}.input-area input::placeholder,.input-area textarea::placeholder{color:#fff6;transition:color .3s ease}.input-area input:focus::-moz-placeholder,.input-area textarea:focus::-moz-placeholder{color:rgba(var(--brand-gold-rgb),.7)}.input-area input:focus::placeholder,.input-area textarea:focus::placeholder{color:rgba(var(--brand-gold-rgb),.7)}.input-area input:focus,.input-area textarea:focus{outline:none;border-color:rgba(var(--brand-gold-rgb),.7);box-shadow:inset 0 2px 8px #0000004d,0 0 30px rgba(var(--brand-gold-rgb),.5),0 0 60px rgba(var(--brand-green-rgb),.3);background:#00000080}.input-area button{background:linear-gradient(135deg,rgba(var(--score-crimson-rgb),.9),rgba(var(--brand-gold-rgb),.86));border:1px solid rgba(var(--brand-gold-rgb),.5);box-shadow:0 4px 15px rgba(var(--score-crimson-rgb),.32),0 0 20px rgba(var(--brand-gold-rgb),.2);border-radius:8px;padding:10px 20px;color:#fff;font-weight:950;font-size:14px;letter-spacing:.65px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.input-area button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--brand-gold-rgb),.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.input-area button:hover{box-shadow:0 8px 40px rgba(var(--brand-gold-rgb),.6),0 0 70px rgba(var(--brand-green-rgb),.5);transform:translateY(-2px);border-color:rgba(var(--brand-gold-rgb),.8);background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.9),rgba(var(--brand-green-rgb),.95))}.input-area button:hover:before{width:300px;height:300px}.input-area button:active{transform:translateY(0)}.mic-button{background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.2),rgba(var(--brand-green-rgb),.3))!important;border:1px solid rgba(var(--brand-gold-rgb),.5)!important;box-shadow:0 4px 15px rgba(var(--brand-gold-rgb),.3),0 0 20px rgba(var(--brand-green-rgb),.2)!important;padding:10px 16px!important;font-size:18px!important;animation:micPulse 2s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 4px 15px rgba(var(--brand-gold-rgb),.3),0 0 20px rgba(var(--brand-green-rgb),.2)}50%{box-shadow:0 4px 25px rgba(var(--brand-gold-rgb),.5),0 0 40px rgba(var(--brand-green-rgb),.4)}}.mic-button:hover{background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.5),rgba(var(--brand-green-rgb),.6))!important;box-shadow:0 8px 35px rgba(var(--brand-gold-rgb),.7),0 0 60px rgba(var(--brand-green-rgb),.5)!important;border-color:rgba(var(--brand-gold-rgb),.9)!important;transform:translateY(-2px) scale(1.05);animation:none}.ad-space{margin-top:16px;padding:20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--brand-gold-rgb),.3);box-shadow:0 4px 20px #0000004d,0 0 30px rgba(var(--brand-gold-rgb),.1);border-radius:12px;text-align:center;color:#ffffff80;font-size:14px;position:relative;max-height:280px;overflow:hidden;flex-shrink:0}.ad-space .ad-label{font-size:11px;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px}.ad-stack{display:flex;flex-direction:column;gap:12px;margin-top:16px;flex-shrink:0}.ad-stack .ad-space{margin-top:0}.user-update-board{background:#000000b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--brand-green-rgb),.25);border-radius:12px;box-shadow:0 6px 24px #00000047,0 0 28px rgba(var(--brand-green-rgb),.08);color:#ffffffb8;overflow:hidden}.user-update-board-header{align-items:center;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffdb;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.04em;padding:10px 12px;text-transform:uppercase}.user-update-board-header svg{color:var(--brand-green)}.user-update-board-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.user-update-board-item{border-bottom:1px solid rgba(255,255,255,.07);min-width:0;padding:11px 12px}.user-update-board-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.user-update-board-item:nth-last-child(-n+2){border-bottom:none}.user-update-board-item-top{align-items:center;display:flex;gap:8px;margin-bottom:5px;min-width:0}.user-update-board-label{background:rgba(var(--brand-gold-rgb),.12);border:1px solid rgba(var(--brand-gold-rgb),.25);border-radius:999px;color:var(--brand-gold);flex-shrink:0;font-size:10px;font-weight:800;line-height:1;padding:4px 7px;text-transform:uppercase}.user-update-board-item strong{color:#ffffffe6;font-size:13px;font-weight:700;min-width:0}.user-update-board-item p{color:#ffffff94;font-size:12px;line-height:1.45;margin:0}.sidebar{width:320px;display:flex;flex-direction:column;gap:16px;position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar button{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar button:hover{box-shadow:0 8px 35px rgba(var(--brand-gold-rgb),.5),0 0 60px rgba(var(--brand-green-rgb),.4)!important;border-color:rgba(var(--brand-gold-rgb),.7)!important;transform:translateY(-2px);background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.3),rgba(var(--brand-green-rgb),.4))!important;color:#fff!important}.panel{background:#000000e6;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(var(--brand-gold-rgb),.4);box-shadow:0 8px 32px #0006,0 0 30px rgba(var(--brand-gold-rgb),.2),0 0 60px rgba(var(--brand-gold-rgb),.1),inset 0 1px #ffffff0d;border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.panel:hover{border-color:rgba(var(--brand-gold-rgb),.6);box-shadow:0 12px 40px #00000080,0 0 50px rgba(var(--brand-gold-rgb),.3),0 0 90px rgba(var(--brand-green-rgb),.3),inset 0 1px #ffffff14;transform:translateY(-2px)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--brand-gold-rgb),.5),transparent)}.spotify{border:1px solid rgba(var(--brand-gold-rgb),.5)!important;box-shadow:0 8px 32px #0006,0 0 50px rgba(var(--brand-gold-rgb),.3),0 0 90px rgba(var(--brand-green-rgb),.25),inset 0 0 35px rgba(var(--brand-gold-rgb),.12)!important}.spotify:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,rgba(var(--brand-gold-rgb),.3) 0%,transparent 20%,transparent 80%,rgba(var(--brand-green-rgb),.3) 100%);border-radius:12px;z-index:-1;filter:blur(10px)}h1{margin:0;font-size:18px;background:linear-gradient(135deg,var(--brand-gold),var(--brand-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(var(--brand-green-rgb),.5)) drop-shadow(0 0 20px rgba(var(--brand-gold-rgb),.3));font-weight:700;letter-spacing:1px;animation:titleGlow 3s ease-in-out infinite}.spear-protocol-text{background:linear-gradient(135deg,var(--brand-gold),var(--brand-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(var(--brand-green-rgb),.5)) drop-shadow(0 0 20px rgba(var(--brand-gold-rgb),.3));font-weight:700;letter-spacing:.5px}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(var(--brand-green-rgb),.5)) drop-shadow(0 0 20px rgba(var(--brand-gold-rgb),.3))}50%{filter:drop-shadow(0 0 15px rgba(var(--brand-green-rgb),.7)) drop-shadow(0 0 30px rgba(var(--brand-gold-rgb),.5))}}h2{margin:0 0 16px;font-size:20px;background:linear-gradient(135deg,var(--brand-gold),var(--brand-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(var(--brand-green-rgb),.5)) drop-shadow(0 0 20px rgba(var(--brand-gold-rgb),.3));font-weight:700;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,rgba(var(--brand-green-rgb),.7),rgba(var(--brand-gold-rgb),.6));border:1px solid rgba(var(--brand-gold-rgb),.5);box-shadow:0 6px 25px rgba(var(--brand-gold-rgb),.3),0 0 40px rgba(var(--brand-green-rgb),.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 10px 45px rgba(var(--brand-gold-rgb),.6),0 0 80px rgba(var(--brand-green-rgb),.5);transform:translateY(-3px);background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.8),rgba(var(--brand-green-rgb),.8));border-color:rgba(var(--brand-gold-rgb),.8)}.btn-secondary{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--brand-gold-rgb),.3);box-shadow:0 4px 15px #0003,0 0 20px rgba(var(--brand-gold-rgb),.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:linear-gradient(145deg,rgba(var(--brand-gold-rgb),.2),rgba(var(--brand-green-rgb),.25));border-color:rgba(var(--brand-gold-rgb),.6);box-shadow:0 6px 30px rgba(var(--brand-gold-rgb),.4),0 0 50px rgba(var(--brand-green-rgb),.3);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.2),rgba(var(--brand-green-rgb),.3));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--brand-gold-rgb),.4);box-shadow:0 4px 15px rgba(var(--brand-gold-rgb),.3);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-accent:hover{background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.5),rgba(var(--brand-green-rgb),.5));border-color:rgba(var(--brand-gold-rgb),.8);box-shadow:0 8px 40px rgba(var(--brand-gold-rgb),.6),0 0 70px rgba(var(--brand-green-rgb),.4);transform:translateY(-3px) scale(1.02);color:#fff}.spotify-btn{background:transparent;border:1px solid rgba(var(--brand-gold-rgb),.4);box-shadow:0 0 15px rgba(var(--brand-gold-rgb),.2);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.spotify-btn:hover{background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.25),rgba(var(--brand-green-rgb),.3));border-color:rgba(var(--brand-gold-rgb),.7);box-shadow:0 0 30px rgba(var(--brand-gold-rgb),.5),0 0 60px rgba(var(--brand-green-rgb),.3);transform:scale(1.1);color:#fff}.spotify-btn-play{background:linear-gradient(135deg,rgba(var(--brand-green-rgb),.7),rgba(var(--brand-gold-rgb),.6));border:1px solid rgba(var(--brand-gold-rgb),.5);box-shadow:0 4px 20px rgba(var(--brand-gold-rgb),.4),0 0 35px rgba(var(--brand-green-rgb),.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.spotify-btn-play:hover{background:linear-gradient(135deg,rgba(var(--brand-gold-rgb),.9),rgba(var(--brand-green-rgb),.9));box-shadow:0 8px 45px rgba(var(--brand-gold-rgb),.7),0 0 80px rgba(var(--brand-green-rgb),.6);transform:scale(1.15);border-color:rgba(var(--brand-gold-rgb),.9)}.chat-message{transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-message:hover{transform:translate(4px);box-shadow:0 6px 30px rgba(var(--brand-gold-rgb),.3),0 0 50px rgba(var(--brand-green-rgb),.25)!important;border-color:rgba(var(--brand-gold-rgb),.6)!important}@keyframes twelveBadge{0%,to{box-shadow:0 0 8px #69be284d,0 0 12px #0243;transform:scale(1)}50%{box-shadow:0 0 12px #69be2866,0 0 20px #0022444d,0 0 30px #69be2833;transform:scale(1.05)}}@media(max-width:768px){.container{flex-direction:column;padding:12px;gap:14px}.main-col{flex:1 1 auto;max-width:100%}.sidebar{width:100%!important;min-width:0!important}.input-area{flex-wrap:wrap}.input-area input,.input-area textarea{flex:1 1 100%;min-width:0;font-size:16px}.input-area .mic-button,.input-area .voice-toggle,.input-area>button{flex:0 0 auto}.input-area .voice-toggle{gap:6px}.chat-history-bar{align-items:stretch;flex-direction:column}.chat-history-actions{justify-content:flex-start}}@media(max-width:480px){.container{padding:8px;gap:10px}.main{padding:14px;border-radius:10px}.input-area{padding:8px;gap:6px;flex-wrap:wrap}.input-area input,.input-area textarea{flex:1 1 100%;min-width:0;font-size:16px;padding:12px!important}.input-area .mic-button{min-width:44px;min-height:44px;padding:8px 12px!important}.input-area .voice-toggle{flex:1 1 auto;justify-content:center;gap:6px;min-height:44px}.input-area .voice-toggle button{min-width:36px;min-height:36px;font-size:18px!important;padding:4px!important}.input-area>button{padding:10px 14px;font-size:13px;min-height:44px}.chat-history-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.chat-history-btn{padding:9px 8px;text-align:center}.chat-history-entry{align-items:flex-start;flex-direction:column;gap:4px}.chat-history-entry-title{max-width:100%}.ad-space{display:block!important;margin-top:8px;padding:12px;max-height:none}.ad-stack{gap:10px;margin-top:8px}.user-update-board-list{grid-template-columns:1fr}.user-update-board-item,.user-update-board-item:nth-child(odd){border-right:none}.user-update-board-item:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.user-update-board-item:last-child{border-bottom:none}}.toast-viewport{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column-reverse;gap:10px;max-width:400px;width:calc(100vw - 48px);pointer-events:none}.toast-root{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0c0c12f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0a;color:#fff;font-size:.88rem;line-height:1.4;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.toast-root[data-state=closed]{animation:toastSlideOut .25s ease-in forwards}.toast-root--success{border-color:#22c55e66;box-shadow:0 8px 32px #00000080,0 0 20px #22c55e14}.toast-root--error{border-color:#ef444466;box-shadow:0 8px 32px #00000080,0 0 20px #ef444414}.toast-root--warning{border-color:#f59e0b66;box-shadow:0 8px 32px #00000080,0 0 20px #f59e0b14}.toast-root--info{border-color:#3b82f666;box-shadow:0 8px 32px #00000080,0 0 20px #3b82f614}.toast-icon{flex-shrink:0;font-size:1.15rem;line-height:1;margin-top:1px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.88rem;color:#fff;margin:0 0 2px}.toast-description{font-size:.82rem;color:#fff9;margin:0}.toast-close{flex-shrink:0;background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:16px;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s;line-height:1}.toast-close:hover{color:#ffffffb3;background:#ffffff0f}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:480px){.toast-viewport{bottom:16px;right:12px;left:12px;width:auto;max-width:none}}
