:root{--bg-gradient-start:#0a0d14;--bg-gradient-end:#020305;--card-bg:#0a0e1738;--card-border:#ffffff08;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-color:#fff;--accent-glow:#ffffff59;--neon-blue:#00f2fe;--neon-purple:#4facfe;--neon-rose:#ff0844}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at center, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}#visualizer-canvas{z-index:1;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.app-container{z-index:10;pointer-events:none;grid-template-rows:auto 1fr;width:100%;height:100vh;padding:2.5rem;display:grid;position:relative}.app-header{text-align:center;margin-bottom:1rem;transition:all .5s cubic-bezier(.16,1,.3,1);animation:.8s ease-out fadeInDown}.app-logo{filter:drop-shadow(0 4px 12px #00000073);width:auto;height:52px;margin-bottom:.8rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.app-logo:hover{transform:scale(1.06)}.app-header h1{letter-spacing:.35em;background:linear-gradient(135deg,#fff 30%,#a1a1aa 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #00000080;-webkit-background-clip:text;margin-bottom:.25rem;font-size:2.2rem;font-weight:800}.app-header .subtitle{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;font-weight:300}.dashboard{pointer-events:auto;width:360px;height:fit-content;box-shadow:none;text-shadow:0 2px 10px #000000f2;background:radial-gradient(circle,#0a0e174d 0%,#0a0e1700 100%);border:none;border-radius:0;flex-direction:column;place-self:end;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;transition:all .5s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) fadeInRight;display:flex}.btn-toggle-ui{z-index:100;-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;pointer-events:auto;background:#0a0e1773;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 4px 15px #0006}.btn-toggle-ui:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:rotate(45deg)scale(1.05)}.btn-toggle-ui:active{transform:rotate(45deg)scale(.95)}.icon-gear{stroke-width:2px;transition:color .3s}body.ui-collapsed .app-header{opacity:0;pointer-events:none;transform:translateY(-30px)}body.ui-collapsed .dashboard{opacity:0;pointer-events:none;transform:translate(50px)scale(.95)}body.ui-collapsed .btn-toggle-ui{color:var(--text-muted);background:#0a0e1740;border-color:#ffffff08}body.ui-collapsed .btn-toggle-ui:hover{color:var(--text-primary);box-shadow:0 0 15px var(--accent-glow);background:#0a0e1799;border-color:#ffffff26}.control-group{flex-direction:column;gap:.6rem;display:flex}.group-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.action-group{margin-bottom:.25rem}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.btn-primary{background-color:var(--text-primary);color:#000}.btn-primary:hover{box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-glow{box-shadow:0 4px 15px var(--accent-glow)}.btn-recording{background:linear-gradient(135deg, var(--neon-rose) 0%, #ff5252 100%);color:#fff!important;box-shadow:0 4px 20px #ff525266!important}.btn-icon{align-items:center;font-size:.85rem;display:inline-flex}.source-grid{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.btn-source{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.7rem .4rem .6rem;font-family:inherit;font-size:.73rem;font-weight:500;line-height:1;transition:all .25s;display:flex}.btn-source:hover{color:var(--text-secondary);background:#ffffff0a}.btn-source.active{color:var(--text-primary);background:#ffffff17;box-shadow:0 2px 8px #00000040}.src-icon{stroke-width:2px;flex-shrink:0}.src-label{letter-spacing:.02em;font-size:.68rem}.style-grid{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:.3rem;padding:3px;display:grid}.btn-style{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;padding:.5rem .1rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-style:hover{color:var(--text-secondary);background:#ffffff08}.btn-style.active{color:var(--text-primary);background:#ffffff12;box-shadow:0 2px 8px #0003}.notice{color:var(--text-secondary);border-left:2px solid var(--text-muted);background:#ffffff05;border-radius:0 8px 8px 0;margin-top:.4rem;padding:.5rem .75rem;font-size:.75rem;line-height:1.4;animation:.4s fadeIn}.notice strong{color:var(--text-primary)}.hidden{display:none!important}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-value{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.slider{-webkit-appearance:none;cursor:pointer;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px;margin:.5rem 0}.slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .2s;box-shadow:0 0 10px #00000080}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{background:var(--text-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .2s;box-shadow:0 0 10px #00000080}.slider::-moz-range-thumb:hover{transform:scale(1.2)}.stats-panel{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;gap:.8rem;margin-top:.25rem;padding:1rem;display:flex}.stat-item{grid-template-columns:70px 1fr 45px;align-items:center;gap:.75rem;display:grid}.stat-label{letter-spacing:.1em;color:var(--text-secondary);font-size:.7rem;font-weight:600}.progress-bar-container{background:#ffffff0d;border-radius:2px;height:4px;position:relative;overflow:hidden}.progress-bar{background-color:var(--text-primary);border-radius:2px;width:0%;height:100%;transition:width 80ms}.stat-value{color:var(--text-secondary);text-align:right;font-family:JetBrains Mono,monospace;font-size:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.app-container{grid-template-rows:auto 1fr;justify-items:center;padding:1.5rem}.app-header h1{letter-spacing:.2em;font-size:1.6rem}.dashboard{place-self:center;width:100%;max-width:380px;margin-top:1rem}}body.neon-theme{--bg-gradient-start:#06040a;--bg-gradient-end:#010003;--accent-color:var(--neon-blue);--accent-glow:#00f2fe59;--card-border:#00f2fe14}body.neon-theme .app-header h1{background:linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-purple) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #00f2fe26);-webkit-background-clip:text}body.neon-theme .btn-primary{background:linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-purple) 100%);color:#000;box-shadow:0 4px 20px #00f2fe4d}body.neon-theme .btn-primary:hover{box-shadow:0 8px 30px #00f2fe73}body.neon-theme .btn-style.active{color:var(--neon-blue);background:#00f2fe14;border:1px solid #00f2fe33}body.neon-theme .slider::-webkit-slider-thumb{background:var(--neon-blue);box-shadow:0 0 10px #00f2fe80}body.neon-theme .slider::-moz-range-thumb{background:var(--neon-blue);box-shadow:0 0 10px #00f2fe80}body.neon-theme .progress-bar{background:linear-gradient(90deg, var(--neon-blue), var(--neon-purple))}body.sunset-theme{--bg-gradient-start:#0a0305;--bg-gradient-end:#020001;--accent-color:#ff0844;--accent-glow:#ff084459;--card-border:#ff084414}body.sunset-theme .app-header h1{background:linear-gradient(135deg,#ff0844 0%,#ffb199 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #ff084426);-webkit-background-clip:text}body.sunset-theme .btn-primary{color:#fff;background:linear-gradient(135deg,#ff0844 0%,#ffb199 100%);box-shadow:0 4px 20px #ff08444d}body.sunset-theme .btn-primary:hover{box-shadow:0 8px 30px #ff084473}body.sunset-theme .btn-style.active{color:#ff0844;background:#ff084414;border:1px solid #ff084433}body.sunset-theme .slider::-webkit-slider-thumb{background:#ff0844;box-shadow:0 0 10px #ff084480}body.sunset-theme .slider::-moz-range-thumb{background:#ff0844;box-shadow:0 0 10px #ff084480}body.sunset-theme .progress-bar{background:linear-gradient(90deg,#ff0844,#ffb199)}body.cyber-theme{--bg-gradient-start:#010803;--bg-gradient-end:#000200;--accent-color:#39ff14;--accent-glow:#39ff1459;--card-border:#39ff1414}body.cyber-theme .app-header h1{background:linear-gradient(135deg,#39ff14 0%,#ff007f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #39ff1426);-webkit-background-clip:text}body.cyber-theme .btn-primary{color:#000;background:linear-gradient(135deg,#39ff14 0%,#ff007f 100%);box-shadow:0 4px 20px #39ff144d}body.cyber-theme .btn-primary:hover{box-shadow:0 8px 30px #39ff1473}body.cyber-theme .btn-style.active{color:#39ff14;background:#39ff1414;border:1px solid #39ff1433}body.cyber-theme .slider::-webkit-slider-thumb{background:#39ff14;box-shadow:0 0 10px #39ff1480}body.cyber-theme .slider::-moz-range-thumb{background:#39ff14;box-shadow:0 0 10px #39ff1480}body.cyber-theme .progress-bar{background:linear-gradient(90deg,#39ff14,#ff007f)}body.gold-theme{--bg-gradient-start:#080703;--bg-gradient-end:#020100;--accent-color:gold;--accent-glow:#ffd70059;--card-border:#ffd70014}body.gold-theme .app-header h1{background:linear-gradient(135deg,gold 0%,#b8860b 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #ffd70026);-webkit-background-clip:text}body.gold-theme .btn-primary{color:#000;background:linear-gradient(135deg,gold 0%,#b8860b 100%);box-shadow:0 4px 20px #ffd7004d}body.gold-theme .btn-primary:hover{box-shadow:0 8px 30px #ffd70073}body.gold-theme .btn-style.active{color:gold;background:#ffd70014;border:1px solid #ffd70033}body.gold-theme .slider::-webkit-slider-thumb{background:gold;box-shadow:0 0 10px #ffd70080}body.gold-theme .slider::-moz-range-thumb{background:gold;box-shadow:0 0 10px #ffd70080}body.gold-theme .progress-bar{background:linear-gradient(90deg,gold,#b8860b)}.smart-widget{z-index:90;box-shadow:none;text-shadow:0 2px 10px #000000f2;pointer-events:auto;background:radial-gradient(circle,#0a0e1759 0%,#0a0e1700 100%);border:none;border-radius:0;flex-direction:column;gap:.75rem;width:320px;min-width:320px;padding:1.1rem 1.45rem;transition:all .5s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) fadeInLeft;display:flex;position:fixed;top:1.5rem;left:1.5rem}.widget-greeting{letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;opacity:.8;margin-bottom:-.25rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800}.widget-section{flex-direction:column;display:flex}.time-section{align-items:flex-start}.clock-display{letter-spacing:-.03em;color:var(--text-primary);align-items:baseline;font-family:JetBrains Mono,monospace;font-size:2.6rem;font-weight:500;line-height:1;display:flex}.clock-display .seconds{color:var(--text-secondary);opacity:.75;margin-left:.25rem;font-size:1.05rem;font-weight:300}.date-display{color:var(--text-secondary);letter-spacing:.02em;margin-top:.15rem;font-size:.9rem;font-weight:400}.widget-divider{background:#ffffff14;width:100%;height:1px}.weather-section{gap:.55rem}.weather-current{justify-content:space-between;align-items:center;display:flex}.weather-header{flex-direction:column;gap:.1rem;display:flex}.city-name{letter-spacing:.05em;color:var(--text-primary);font-size:1.3rem;font-weight:700}.weather-desc{color:var(--text-secondary);font-size:1.05rem;font-weight:400}.weather-range{color:var(--text-muted);letter-spacing:.02em;margin-top:.15rem;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600}body.neon-theme .weather-range,body.sunset-theme .weather-range,body.cyber-theme .weather-range,body.gold-theme .weather-range{color:var(--text-secondary)}.weather-temp-container{align-items:center;gap:.5rem;display:flex}.current-icon{font-size:2.2rem}.current-temp{color:var(--text-primary);letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:600}.weather-forecast{background:0 0;border:none;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.3rem 0 0;display:grid}.forecast-item{flex-direction:column;align-items:center;gap:.15rem;display:flex}.f-time{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:600}.f-icon{font-size:1.5rem}.f-temp{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600}body.neon-theme .city-name,body.neon-theme .clock-display{color:var(--neon-blue)}body.neon-theme .f-temp,body.neon-theme .current-temp{color:var(--text-primary)}body.sunset-theme .city-name,body.sunset-theme .clock-display{color:#ff5252}body.cyber-theme .city-name,body.cyber-theme .clock-display,body.gold-theme .city-name,body.gold-theme .clock-display{color:var(--accent-color)}.news-widget{z-index:90;width:780px;min-width:780px;box-shadow:none;text-shadow:0 2px 10px #000000f2;pointer-events:auto;background:radial-gradient(circle,#0a0e1759 0%,#0a0e1700 100%);border:none;border-radius:0;flex-direction:column;gap:.75rem;padding:1.1rem 1.45rem;transition:all .5s cubic-bezier(.16,1,.3,1);animation:1s cubic-bezier(.16,1,.3,1) fadeInLeft;display:flex;position:fixed;bottom:1.5rem;left:1.5rem}.news-columns{gap:1.5rem;width:100%;display:flex}.news-column{flex-direction:column;flex:1;gap:.6rem;display:flex}.news-feed-col{flex:1.3}.agenda-col{flex:1}.news-column-divider{background:#ffffff14;align-self:stretch;width:1px}.news-header{align-items:center;gap:.45rem;margin-bottom:.15rem;display:flex}.news-title-icon{font-size:1.05rem}.news-header-title{letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:800}.news-content{align-items:center;gap:.85rem;height:115px;display:flex;position:relative;overflow:hidden}.news-image{object-fit:cover;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;width:80px;height:80px;transition:opacity .3s,transform .3s}.news-text-container{flex:1;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.news-text{color:var(--text-primary);-webkit-line-clamp:2;opacity:1;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:500;line-height:1.4;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:-webkit-box;overflow:hidden}.news-text.slide-out{opacity:0;transform:translateY(-20px)}.news-text.slide-in-prepare{opacity:0;transform:translateY(20px)}.news-text.slide-in{opacity:1;transform:translateY(0)}.agenda-list{flex-direction:column;justify-content:center;gap:.35rem;height:115px;display:flex;overflow:hidden}.agenda-item{cursor:pointer;border-radius:6px;align-items:center;gap:.6rem;padding:.15rem .4rem;transition:all .2s cubic-bezier(.16,1,.3,1);animation:.4s fadeIn;display:flex}.agenda-item:hover{background:#ffffff0a;transform:translate(4px)}body.neon-theme .agenda-item:hover{background:#00f2fe0f}body.sunset-theme .agenda-item:hover{background:#ff08440f}body.cyber-theme .agenda-item:hover{background:#39ff140f}body.gold-theme .agenda-item:hover{background:#ffd7000f}.agenda-rank{color:var(--accent-color,var(--text-secondary));opacity:.75;width:14px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:800}.agenda-info{flex-direction:column;line-height:1.25;display:flex}.agenda-topic{color:var(--text-primary);font-size:.95rem;font-weight:600}.agenda-tweets{color:var(--text-muted);font-size:.72rem;font-weight:400}.agenda-loading{color:var(--text-muted);text-align:center;font-size:.85rem;font-style:italic}.news-divider{background:#ffffff14;height:1px;margin:.2rem 0}.finance-ticker{align-items:center;width:100%;padding:.15rem 0;display:flex;position:relative;overflow:hidden}.finance-scroll{gap:1.5rem;width:max-content;animation:20s linear infinite scrollFinance;display:flex}.finance-item{flex-shrink:0;align-items:center;gap:.3rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex}.fin-label{color:var(--text-muted);letter-spacing:.05em;font-size:.65rem;font-weight:800}.fin-val{color:var(--text-primary);font-weight:600}.fin-trend{font-size:.65rem}.fin-trend.up{color:#10b981;text-shadow:0 0 4px #10b9814d}.fin-trend.down{color:#ef4444;text-shadow:0 0 4px #ef44444d}@keyframes scrollFinance{0%{transform:translate(0,0)}to{transform:translate(-50%)}}body.neon-theme .news-header-title,body.neon-theme .agenda-rank{color:var(--neon-blue)}body.neon-theme .news-column-divider{background:#00f2fe1f}body.sunset-theme .news-header-title,body.sunset-theme .agenda-rank{color:#ff5252}body.sunset-theme .news-column-divider{background:#ff08441f}body.cyber-theme .news-header-title,body.cyber-theme .agenda-rank{color:var(--accent-color)}body.cyber-theme .news-column-divider{background:#39ff141f}body.gold-theme .news-header-title,body.gold-theme .agenda-rank{color:var(--accent-color)}body.gold-theme .news-column-divider{background:#ffd7001f}@media (width<=768px){.smart-widget{width:100%;max-width:360px;box-shadow:none;background:0 0;margin:0 auto 1.5rem;position:relative;top:auto;left:auto}.news-widget{width:100%;max-width:360px;box-shadow:none;min-width:unset;background:0 0;margin:0 auto 1.5rem;position:relative;bottom:auto;left:auto}.news-columns{flex-direction:column;gap:.8rem}.news-column-divider{width:100%;height:1px}.news-content,.agenda-list{height:auto}}.footer-credit{z-index:100;letter-spacing:.05em;color:var(--text-muted);opacity:.6;pointer-events:auto;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:400;transition:all .5s cubic-bezier(.16,1,.3,1);position:fixed;bottom:1.5rem;right:1.5rem}body.ui-collapsed .footer-credit{opacity:.6;pointer-events:auto;transform:none}.footer-credit a{color:var(--text-secondary);border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:all .3s}.footer-credit:hover{opacity:.95}.footer-credit a:hover{color:var(--accent-color,var(--text-primary));border-bottom-color:var(--accent-color,var(--text-primary))}@media (width<=768px){.footer-credit{text-align:center;opacity:.5;margin:1.5rem auto 0;padding-bottom:1.5rem;position:relative;bottom:auto;right:auto}}