:root{--accent:#007AFF;--bg-dark:#060606;--glass:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--text-color:#ffffff;--theme-bar-bg:rgba(255, 255, 255, 0.05);--theme-btn-color:rgba(255, 255, 255, 0.6)}body.light-mode{--bg-dark:#f0f2f5;--glass:rgba(0, 0, 0, 0.05);--glass-border:rgba(0, 0, 0, 0.1);--text-color:#1a1a1a;--theme-bar-bg:rgba(0, 0, 0, 0.05);--theme-btn-color:rgba(0, 0, 0, 0.5);color:#1a1a1a}body.light-mode .text-gray-400{color:#4b5563}body.light-mode .glass-panel{background:#fff;border-color:rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05)}body.light-mode .theme-bar{border-color:rgba(0,0,0,.1)}body.cyber-mode{--accent:#a855f7;--bg-dark:#0f172a;--glass:rgba(168, 85, 247, 0.05);--glass-border:rgba(168, 85, 247, 0.2);--text-color:#f8fafc}body.cyber-mode .bg-blue-600{background-color:#a855f7}body.cyber-mode .text-[#007AFF]{color:#a855f7}body.cyber-mode .accent-[#007AFF]{accent-color:#a855f7}body.cyber-mode #play-btn{background-color:#a855f7;box-shadow:0 0 20px rgba(168,85,247,.4)}body{background-color:var(--bg-dark);color:var(--text-color);font-family:'Inter',sans-serif;overflow-x:hidden;transition:background-color 0.5s ease,color 0.5s ease}.glass-panel{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;transition:all 0.5s ease}.neon-glow{box-shadow:0 0 30px rgba(0,122,255,.3)}#history-panel{transform:translateY(105%);transition:transform 0.6s cubic-bezier(.4,0,.2,1)}#history-panel.open{transform:translateY(0)}.scrolling-wrapper{width:100%;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.scrolling-text{display:inline-block;padding-left:100%;animation:scroll 15s linear infinite}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#autoplay-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(20px);transition:opacity 0.5s ease}.hidden-overlay{opacity:0;pointer-events:none}.logo-container{position:relative;display:flex;align-items:center;justify-content:center}.logo-diamond{background-color:var(--accent);transform:rotate(45deg);position:absolute;z-index:0;transition:all 0.6s cubic-bezier(.175,.885,.32,1.275)}.logo-container:hover .logo-diamond{transform:rotate(90deg)}.logo-play-icon{position:relative;z-index:1;color:#fff;fill:#fff;transform:translateX(2px)}.theme-bar{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--theme-bar-bg);backdrop-filter:blur(15px);border:1px solid var(--glass-border);padding:8px;border-radius:24px;display:flex;gap:8px;z-index:100;transition:all 0.5s ease}.theme-btn{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;color:var(--theme-btn-color)}.theme-btn:hover{background:rgba(0,0,0,.05);color:var(--text-color)}body:not(.light-mode) .theme-btn:hover{background:rgba(255,255,255,.1)}.theme-btn.active{background:var(--accent);color:white!important;box-shadow:0 4px 15px rgba(0,0,0,.1)}