:root{color-scheme:dark;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-elevated: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--glass-blur: 16px;--chrome-bg: rgba(10, 10, 18, .85);--chrome-blur: 40px;--chrome-border: rgba(255, 255, 255, .08);--modal-bg: rgba(12, 12, 18, .82);--modal-blur: 48px;--modal-border: rgba(255, 255, 255, .1);--modal-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 24px 48px -12px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05);--accent: #8B5CF6;--accent-hover: #7C3AED;--accent-soft: rgba(139, 92, 246, .12);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .55);--text-tertiary: rgba(255, 255, 255, .32)}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang TC,Heiti TC,Microsoft JhengHei,sans-serif;letter-spacing:-.01em}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;transition:border-color .2s ease}.glass-card:hover{border-color:var(--glass-border-hover)}.glass-surface{background:var(--glass-bg-elevated);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-modal{background:var(--modal-bg);backdrop-filter:blur(var(--modal-blur));-webkit-backdrop-filter:blur(var(--modal-blur));border:1px solid var(--modal-border);border-radius:20px;box-shadow:var(--modal-shadow)}.glass-sidebar{background:var(--chrome-bg);backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur));border-right:1px solid var(--chrome-border)}.glass-player{background:var(--chrome-bg);backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur));border-top:1px solid var(--chrome-border)}.modal-backdrop{animation:fadeIn .2s ease-out}.modal-content{animation:scaleIn .2s ease-out}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eq-bar{display:inline-block;width:3px;height:12px;background:var(--accent);border-radius:2px;animation:eqBounce .8s infinite ease-in-out}.eq-bar+.eq-bar{margin-left:2px}.eq-bar-1{animation-delay:0s}.eq-bar-2{animation-delay:.15s}.eq-bar-3{animation-delay:.3s}.ai-generating{position:relative;border-color:#8b5cf61f!important;overflow:visible}.ai-generating:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,transparent 0%,transparent var(--wave-left, 0%),rgba(139,92,246,.15) calc(var(--wave-left, 0%) + 2%),rgba(99,102,241,.55) calc(var(--wave-left, 0%) + 8%),rgba(139,92,246,.7) calc(var(--wave-left, 0%) + 15%),rgba(59,130,246,.5) calc(var(--wave-left, 0%) + 22%),rgba(139,92,246,.12) calc(var(--wave-left, 0%) + 30%),transparent calc(var(--wave-left, 0%) + 36%),transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:aiWaveFlow 2.8s ease-in-out infinite;pointer-events:none;z-index:1}.ai-generating:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,transparent var(--wave-left, 0%),rgba(139,92,246,.08) calc(var(--wave-left, 0%) + 5%),rgba(99,102,241,.18) calc(var(--wave-left, 0%) + 15%),rgba(139,92,246,.06) calc(var(--wave-left, 0%) + 28%),transparent calc(var(--wave-left, 0%) + 36%),transparent 100%);filter:blur(10px);animation:aiWaveFlow 2.8s ease-in-out infinite;pointer-events:none;z-index:0}.ai-generating-sm:after{top:-4px;right:-4px;bottom:-4px;left:-4px;filter:blur(6px)}.shimmer-progress{background:linear-gradient(90deg,var(--accent) 0%,#c084fc 50%,var(--accent) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff1f;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0000004d;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.25)}.sidebar-slide{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-active{background:var(--accent-soft);color:#a78bfa;font-weight:500;position:relative}.nav-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.hamburger-line{display:block;width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s}body.modal-open{overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseBorder{0%,to{border-color:#8b5cf626}50%{border-color:#8b5cf673}}@keyframes eqBounce{0%,to{transform:scaleY(.4);opacity:.7}50%{transform:scaleY(1.6);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@property --wave-left{syntax: "<percentage>"; initial-value: -36%; inherits: false;}@keyframes aiWaveFlow{0%{--wave-left: -36%}to{--wave-left: 100%}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12px,-8px) scale(1.02)}66%{transform:translate(-8px,6px) scale(.98)}}.blob-animate{animation:blobFloat 20s ease-in-out infinite}.blob-animate-reverse{animation:blobFloat 25s ease-in-out infinite reverse}