.notes-box{position:relative}.note-actions{align-items:center;gap:.75rem;display:flex}.dropdown-container{position:relative}.ai-dropdown,.export-dropdown{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--glass-shadow);z-index:1000;margin-top:.5rem;padding:.5rem;animation:.2s ease-out slideDown;position:absolute;top:100%;right:0}.ai-dropdown button,.export-dropdown button{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.ai-dropdown button:hover,.export-dropdown button:hover{color:var(--accent-primary);background:#3052291a;transform:translate(5px)}.ai-dropdown button i,.export-dropdown button i{text-align:center;width:20px;color:var(--accent-primary)}.ai-trigger{align-items:center;gap:.5rem;display:flex;border-color:var(--accent-primary)!important;background:linear-gradient(135deg,#3052291a,#db27771a)!important;padding:.6rem 1rem!important}.ai-trigger:hover{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))!important}.ai-trigger span{font-size:.9rem;font-weight:600}.editor-container{background:var(--bg-overlay-medium);border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;min-width:0;overflow:hidden}.toolbar{background:var(--bg-overlay-light);border-bottom:1px solid var(--glass-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;display:flex}.toolbar-group{align-items:center;gap:.25rem;display:flex}.toolbar-divider{background:var(--glass-border);width:1px;height:24px;margin:0 .25rem}.toolbar button{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-width:36px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s;display:flex}.toolbar button:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#3052291a;transform:translateY(-2px)}.toolbar button:active{background:#30522933;transform:translateY(0)}.notes-content{min-height:400px;max-height:600px;color:var(--text-primary);outline:none;padding:2rem;font-size:1rem;line-height:1.8;overflow-y:auto}.notes-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);font-style:italic}.notes-content h1{color:var(--text-primary);margin:1.5rem 0 1rem;font-size:2rem;font-weight:700}.notes-content h2{color:var(--text-primary);margin:1.25rem 0 .75rem;font-size:1.5rem;font-weight:600}.notes-content h3{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600}.notes-content ul,.notes-content ol{margin-bottom:1rem;margin-left:2rem}.notes-content li{margin-bottom:.5rem}.notes-content blockquote{border-left:4px solid var(--accent-primary);color:var(--text-secondary);margin:1rem 0;padding-left:1rem;font-style:italic}.notes-content::-webkit-scrollbar{width:8px}.notes-content::-webkit-scrollbar-track{background:var(--bg-overlay-light);border-radius:4px}.notes-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.notes-content::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.ai-loading{background:var(--bg-overlay-subtle);border-radius:var(--radius-sm);border:1px solid var(--glass-border);justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex}.loading-spinner{border:3px solid #3052294d;border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-loading span{color:var(--accent-primary);font-weight:600}.ai-floating-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:2000;flex-direction:column;width:400px;max-height:600px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 20px 60px #0006,0 0 100px #30522933}.ai-panel-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.ai-panel-header h4{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.close-panel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.25rem;transition:all .2s}.close-panel:hover{color:#f44;background:#ff00001a}.ai-panel-content{color:var(--text-primary);white-space:pre-wrap;flex:1;padding:1.5rem;line-height:1.8;overflow-y:auto}.ai-panel-content::-webkit-scrollbar{width:6px}.ai-panel-content::-webkit-scrollbar-track{background:#0000001a}.ai-panel-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.ai-panel-actions{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.notes-footer{border-top:1px solid var(--glass-border);margin-top:1rem;padding-top:1rem}.document-stats{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.document-stats span{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.document-stats span i{color:var(--accent-primary);font-size:.85rem}.auto-save-indicator,.auto-save-indicator i{color:#10b981!important}@media (max-width:1024px){.ai-floating-panel{width:calc(100% - 4rem);max-height:70vh;left:2rem;right:2rem}.toolbar{gap:.25rem;padding:.75rem}.toolbar button{min-width:32px;padding:.4rem .6rem;font-size:.85rem}}@media (max-width:768px){.notes-content{min-height:300px;padding:1rem}.ai-dropdown,.export-dropdown{left:0;right:auto}.ai-floating-panel{width:calc(100% - 2rem);bottom:1rem;left:1rem;right:1rem}.document-stats{gap:1rem}}[data-theme=light] .editor-container{background:#fff;border-color:#30522933}[data-theme=light] .toolbar{background:#f8fafc;border-color:#30522933}[data-theme=light] .toolbar button{color:var(--text-secondary,#4b5563)}[data-theme=light] .toolbar button:hover{color:var(--primary,#305229);background:#3052291a}[data-theme=light] .notes-content{color:#1a1a1a;background:#fff}[data-theme=light] .notes-content:empty:before{color:var(--text-muted,#6b7280)}[data-theme=light] .ai-loading{background:#f1f5f9;border-color:#30522933}[data-theme=light] .ai-floating-panel{background:#fff;border-color:#30522933;box-shadow:0 10px 40px #0000001a}[data-theme=light] .ai-panel-header{border-color:#30522933}[data-theme=light] .ai-panel-content{color:#1a1a1a}[data-theme=light] .ai-dropdown,[data-theme=light] .export-dropdown{background:#fff;border-color:#30522933;box-shadow:0 4px 20px #0000001a}[data-theme=light] .ai-dropdown button,[data-theme=light] .export-dropdown button{color:var(--text-secondary,#4b5563)}[data-theme=light] .ai-dropdown button:hover,[data-theme=light] .export-dropdown button:hover{color:var(--primary,#305229);background:#3052290d}
.music-box{position:relative;overflow:hidden}.music-box .section-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.music-box .section-header h2{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.music-box .section-header h2 i{color:var(--accent-primary);animation:2s ease-in-out infinite musicNote}@keyframes musicNote{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-5deg)}75%{transform:translateY(-3px)rotate(5deg)}}.music-settings{border-radius:var(--radius-sm);cursor:pointer;background:#30522933;border:1px solid #3052294d;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.music-settings:hover{background:#3052294d;transform:rotate(90deg)scale(1.1)}.music-source-selector{z-index:1;gap:1rem;margin-bottom:.75rem;display:flex;position:relative}.source-btn{border-radius:var(--radius-sm);color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.source-btn:hover{color:#fff;background:#ffffff1a;border-color:#30522980;transform:translateY(-2px)}.source-btn.active{color:#fff;background:linear-gradient(135deg,#3052294d,#10b9814d);border-color:#305229}.source-btn i{font-size:1.2rem}.music-search-container{z-index:10;margin-bottom:.75rem;position:relative}.music-input-group{flex-direction:column;gap:.75rem;display:flex}.music-input-container{gap:.5rem;display:flex;position:relative}.music-input-container input{border-radius:var(--radius-sm);color:#fff;background:#ffffff14;border:1px solid #3052294d;outline:none;flex:1;min-width:0;padding:1rem 1.25rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.music-input-container input::placeholder{color:#9ca3af}.music-input-container input:focus{background:#ffffff1f;border-color:#305229}.music-input-container .btn{border-radius:var(--radius-sm);min-width:60px;padding:1rem 1.75rem}.url-load-row{gap:.5rem;display:flex}.url-load-row input{border-radius:var(--radius-sm);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;outline:none;flex:1;min-width:0;padding:.75rem 1rem;font-size:.875rem;transition:all .3s}.url-load-row input:focus{background:#ffffff14;border-color:#30522980}.music-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);z-index:100;background:#1f2937f2;border:1px solid #3052294d;max-height:400px;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 12px 48px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results-header{color:#fff;background:#30522933;border-bottom:1px solid #3052294d;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-weight:600;display:flex}.close-results{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.5rem;transition:all .2s;display:flex}.close-results:hover{background:#ffffff1a;transform:rotate(90deg)}.results-list{max-height:340px;padding:.5rem;overflow-y:auto}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.results-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#305229,#10b981);border-radius:4px}.result-item{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.result-item:hover{background:#30522933;transform:translate(5px)}.result-item img{object-fit:cover;border:1px solid #3052294d;border-radius:4px;flex-shrink:0;width:80px;height:60px}.result-info{flex-direction:column;flex:1;justify-content:center;gap:.25rem;min-width:0;display:flex}.result-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.result-meta{color:#9ca3af;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.music-visualizer{border-radius:var(--radius-md);background:linear-gradient(135deg,#30522914,#10b98114);border:1px solid #30522933;justify-content:center;align-items:center;width:100%;height:200px;margin:1.5rem 0;display:flex;position:relative;overflow:hidden}.music-visualizer canvas{width:100%;height:100%;display:block}.visualizer-placeholder{color:#6b7280;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:.875rem;display:flex}.enhanced-visualizer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.central-orb{z-index:3;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute}.orb-inner{background:radial-gradient(circle,#4a7c3f,#305229,#10b981);border-radius:50%;width:50px;height:50px;animation:2s ease-in-out infinite orbPulse;position:relative}.orb-inner:after{content:"";background:radial-gradient(circle,#fff6,#0000);border-radius:50%;position:absolute;inset:5px}.orb-ring{border:2px solid #30522980;border-radius:50%;width:70px;height:70px;animation:2s ease-in-out infinite ringPulse;position:absolute}.orb-ring.ring-2{border-color:#4a7c3f4d;width:90px;height:90px;animation-delay:.5s}@keyframes orbPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.4);transform:scale(1.2)}}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(1.3)}}.circular-visualizer{z-index:2;width:160px;height:160px;position:absolute}.radial-bar{transform-origin:50% 100%;width:4px;height:80px;margin-top:-80px;margin-left:-2px;position:absolute;top:50%;left:50%}.bar-fill{filter:blur(.5px);background:linear-gradient(#10b981,#4a7c3fe6,#305229cc);border-radius:4px;width:100%;height:0%;animation:1s ease-in-out infinite alternate barPulse}@keyframes barPulse{0%{opacity:.5;height:30%}to{opacity:1;height:80%}}.particles-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute}.particle{opacity:0;background:radial-gradient(circle,#4a7c3f,#0000);border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite floatParticle;position:absolute}@keyframes floatParticle{0%{opacity:0;transform:translateY(100%)scale(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100%)scale(1.5)}}.waveform-bg{z-index:0;width:100%;height:100%;position:absolute}.wave{background:linear-gradient(90deg,#0000 0%,#3052291a 25%,#4a7c3f26 50%,#3052291a 75%,#0000 100%);width:200%;height:100%;animation:8s linear infinite waveMove;position:absolute}.wave-2{opacity:.6;animation-duration:6s;animation-delay:1s}.wave-3{opacity:.4;animation-duration:10s;animation-delay:2s}@keyframes waveMove{0%{transform:translate(-50%)}to{transform:translate(0%)}}.idle-visualizer{color:#6b7280;flex-direction:column;align-items:center;gap:1rem;display:flex}.idle-icon{color:#305229;background:linear-gradient(135deg,#3052291a,#10b9811a);border:2px solid #3052294d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;animation:3s ease-in-out infinite idleIconFloat;display:flex}@keyframes idleIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.idle-visualizer span{font-size:.95rem;font-weight:500}.progress-container{z-index:1;align-items:center;gap:1rem;margin:1rem 0;display:flex;position:relative}.time-display{color:#9ca3af;text-align:center;min-width:45px;font-size:.875rem;font-weight:500}.progress-bar-wrapper{flex:1;position:relative}.progress-bar{appearance:none;cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px;transition:all .2s}.progress-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 8px #0000004d,0 0 0 2px #305229}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #30522999,0 0 0 3px #305229}.progress-bar::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 8px #0000004d,0 0 0 2px #305229}.progress-bar::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #30522999,0 0 0 3px #305229}.playback-info{text-align:center;z-index:1;margin-bottom:1rem;position:relative}.playback-info span{border-radius:var(--radius-sm);color:#fff;background:#30522933;border:1px solid #3052294d;padding:.5rem 1.5rem;font-size:.95rem;font-weight:500;animation:.5s ease-in fadeIn;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.music-controls{z-index:1;position:relative}.playback-controls{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.playback-controls .btn{background:linear-gradient(135deg,#305229,#10b981);border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.playback-controls .btn:before{content:"";opacity:0;background:#fff3;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.playback-controls .btn:hover:before{opacity:1}.playback-controls .btn:hover{transform:scale(1.1)}.playback-controls .btn:active{transform:scale(.95)}.playback-controls .btn:disabled{opacity:.4;cursor:not-allowed}.playback-controls .btn:disabled:hover{transform:none}.additional-controls{justify-content:center;align-items:center;gap:2rem;display:flex}.volume-control{flex:1;align-items:center;gap:1rem;max-width:300px;display:flex}.volume-control i{color:#305229;font-size:1.2rem}.volume-control input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#3052294d 0%,#3052291a 100%);border-radius:3px;outline:none;flex:1;height:6px}.volume-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#305229,#10b981);border-radius:50%;width:18px;height:18px;transition:all .2s}.volume-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-control input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#305229,#10b981);border:none;border-radius:50%;width:18px;height:18px;transition:all .2s}.volume-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.music-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-in fadeIn;display:flex;position:fixed;inset:0}.music-modal-content{border-radius:var(--radius-md);background:#000;border:1px solid #3052294d;width:90%;max-width:400px;padding:2rem;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;box-shadow:0 20px 60px #00000080}.music-modal-content h3{background:linear-gradient(135deg,#305229,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}@media (max-width:768px){.music-box{padding:1.5rem}.music-box .section-header h2{font-size:1.5rem}.music-visualizer{height:160px}.circular-visualizer{width:120px;height:120px}.radial-bar{height:60px;margin-top:-60px}.central-orb{width:60px;height:60px}.orb-inner{width:40px;height:40px}.orb-ring{width:55px;height:55px}.orb-ring.ring-2{width:70px;height:70px}.playback-controls .btn{width:56px;height:56px;font-size:1.25rem}.additional-controls{flex-direction:column;gap:1rem}.volume-control{width:100%;max-width:none}.result-item img{width:60px;height:45px}}@media (max-width:480px){.music-source-selector{flex-direction:column}.source-btn{width:100%}}[data-theme=light] .music-input-container input,[data-theme=light] .url-load-row input{color:#1a1a1a;background:#fff;border-color:#3052294d}[data-theme=light] .music-input-container input::placeholder,[data-theme=light] .url-load-row input::placeholder{color:var(--text-muted,#6b7280)}[data-theme=light] .source-btn{color:var(--text-secondary,#4b5563);background:#fff;border-color:#30522933}[data-theme=light] .source-btn:hover{color:var(--primary,#305229);background:#3052290d;border-color:#30522966}[data-theme=light] .source-btn.active{background:var(--primary,#305229);color:#fff;border-color:var(--primary,#305229)}[data-theme=light] .music-results{background:#fff;border-color:#30522933}[data-theme=light] .results-header{color:#0f172a;background:#3052291a}[data-theme=light] .close-results:hover{color:#1a1a1a;background:#0000000d}[data-theme=light] .result-meta{color:var(--text-muted,#6b7280)}[data-theme=light] .playback-info span{color:var(--primary,#305229);background:#3052291a;border-color:#30522933;font-weight:600}[data-theme=light] .progress-bar::-webkit-slider-thumb{background:var(--primary,#305229)}[data-theme=light] .progress-bar::-moz-range-thumb{background:var(--primary,#305229)}[data-theme=light] .time-display,[data-theme=light] .visualizer-placeholder,[data-theme=light] .idle-visualizer{color:var(--text-secondary,#4b5563)}[data-theme=light] .idle-icon{border-color:#30522933}.album-art-container{border-radius:var(--radius-md);background:#0a0a0a80;border:1px solid #30522933;width:100%;height:150px;margin:1rem 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.album-art-image{object-fit:cover;width:100%;height:100%;display:block}.album-art-placeholder{color:#30522980;background:linear-gradient(135deg,#141414e6,#1e1e1ee6);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.waveform-overlay{background:linear-gradient(#0000,#000000e6);justify-content:center;align-items:flex-end;gap:4px;height:30%;padding-bottom:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.eq-bar{background:#10b981;border-radius:2px;width:6px;height:10px;transition:height .3s}.waveform-overlay.playing .eq-bar{animation:1.2s ease-in-out infinite alternate eqPulse}.waveform-overlay.playing .eq-bar-1{animation-delay:.1s}.waveform-overlay.playing .eq-bar-2{animation-delay:.3s}.waveform-overlay.playing .eq-bar-3{animation-delay:0s}.waveform-overlay.playing .eq-bar-4{animation-delay:.4s}.waveform-overlay.playing .eq-bar-5{animation-delay:.2s}@keyframes eqPulse{0%{height:10%}to{height:90%}}.spotify-controls-container{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.track-info{text-align:left;flex-direction:column;display:flex}.track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;overflow:hidden}.track-artist{color:#9ca3af;font-size:.85rem}.player-transport{justify-content:center;align-items:center;gap:1.5rem;display:flex}.transport-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.25rem;transition:color .2s}.transport-btn:hover:not(:disabled){color:#fff}.transport-btn:disabled{opacity:.3;cursor:not-allowed}.play-pause-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.play-pause-btn:hover:not(:disabled){transform:scale(1.05)}.play-pause-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#4b5563}.duration-container{color:#9ca3af;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.progress-bar-wrapper{flex:1;align-items:center;display:flex}.progress-bar-spotify{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px;transition:height .1s}.progress-bar-spotify:hover{height:6px;background:#10b9814d!important}.progress-bar-spotify::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:0;height:0;transition:width .1s,height .1s;box-shadow:0 2px 4px #00000080}.progress-bar-spotify:hover::-webkit-slider-thumb{width:12px;height:12px}.volume-control-spotify{color:#9ca3af;justify-content:flex-end;align-items:center;gap:.75rem;font-size:1rem;display:flex}.volume-slider-spotify{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider-spotify::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:0;height:0;transition:width .1s,height .1s}.volume-slider-spotify:hover::-webkit-slider-thumb{width:12px;height:12px}.disabled-control{opacity:.3;pointer-events:none}.disabled-control .progress-bar-spotify::-webkit-slider-thumb{width:0;height:0;display:none}.disabled-control .volume-slider-spotify::-webkit-slider-thumb{width:0;height:0;display:none}[data-theme=light] .music-settings{color:var(--text-primary);background:#3052290d;border-color:#3052291a}[data-theme=light] .source-btn{border-color:var(--glass-border);color:var(--text-secondary);background:#ffffff80}[data-theme=light] .source-btn:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffffe6}[data-theme=light] .source-btn.active{border-color:var(--accent-primary);color:var(--text-primary);background:linear-gradient(135deg,#3052291a,#10b9811a)}[data-theme=light] .music-input-container input,[data-theme=light] .url-load-row input{border-color:var(--glass-border);color:var(--text-primary);background:#ffffffb3}[data-theme=light] .music-input-container input::placeholder{color:var(--text-muted)}[data-theme=light] .music-input-container input:focus,[data-theme=light] .url-load-row input:focus{border-color:var(--accent-primary);background:#fff}[data-theme=light] .album-art-container{background:var(--card-bg);border-color:var(--glass-border);box-shadow:0 4px 15px #0000000d}[data-theme=light] .album-art-placeholder{color:#3052294d;background:linear-gradient(135deg,#fffc,#f0f0f0cc)}[data-theme=light] .waveform-overlay{background:linear-gradient(#0000,#ffffffe6)}[data-theme=light] .track-title{color:var(--text-primary)}[data-theme=light] .track-artist,[data-theme=light] .transport-btn{color:var(--text-secondary)}[data-theme=light] .transport-btn:hover:not(:disabled){color:var(--text-primary)}[data-theme=light] .play-pause-btn{background:var(--accent-primary);color:#fff}[data-theme=light] .play-pause-btn:disabled{color:#9ca3af;background:#e5e7eb}[data-theme=light] .duration-container,[data-theme=light] .volume-control-spotify{color:var(--text-secondary)}[data-theme=light] .progress-bar-spotify{background:#0000001a}[data-theme=light] .progress-bar-spotify::-webkit-slider-thumb{background:var(--accent-primary)}[data-theme=light] .volume-slider-spotify::-webkit-slider-thumb{background:var(--accent-primary)}[data-theme=light] .music-results{border-color:var(--glass-border);background:#fffffff2;box-shadow:0 12px 30px #0000001a}[data-theme=light] .results-header{border-color:var(--glass-border);color:var(--text-primary);background:#3052290d}[data-theme=light] .close-results{color:var(--text-primary)}[data-theme=light] .close-results:hover{background:#0000000d}[data-theme=light] .result-item{background:#00000005}[data-theme=light] .result-item:hover{background:#30522914}[data-theme=light] .result-title{color:var(--text-primary)}.music-suggestions-container{border-radius:var(--radius-md);background:#10b9810d;border:1px dashed #10b98133;margin:1rem 0;padding:1rem;animation:.8s ease-out fadeIn}.music-suggestions-container p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.suggestion-tags{flex-wrap:wrap;gap:.5rem;display:flex}.suggestion-tag{background:var(--bg-overlay-light);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:.4rem .8rem;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.suggestion-tag:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.album-art-placeholder.empty-state{background:linear-gradient(135deg,#0a0a0acc,#141414e6);flex-direction:column;gap:1rem}.placeholder-icon{width:60px;height:60px;color:var(--accent-primary);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;animation:2s ease-in-out infinite alternate pulseGlow;display:flex}.album-art-placeholder.empty-state p{color:var(--text-muted);font-size:.9rem;font-weight:500}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 #10b98100}to{transform:scale(1.05);box-shadow:0 0 20px 5px #10b98133}}
.music-visualizer{border-radius:var(--radius-md)!important;background:#30522908!important;border:1px solid #30522926!important;height:100px!important}.minimal-visualizer{justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;display:flex;position:relative}.breathing-circle{justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.circle-core{background:radial-gradient(circle,#30522966,#3052291a);border:1px solid #3052294d;border-radius:50%;width:100%;height:100%;animation:4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.minimal-waves{justify-content:center;align-items:center;gap:6px;height:60px;display:flex}.wave-bar{background:linear-gradient(#305229b3,#30522966);border-radius:4px;width:3px;height:20%;animation:1.8s ease-in-out infinite gentleWave}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes gentleWave{0%,to{opacity:.5;height:20%}50%{opacity:1;height:70%}}.music-visualizer .idle-visualizer{color:#30522980;flex-direction:column;align-items:center;gap:.5rem;display:flex}.music-visualizer .idle-visualizer i{opacity:.6;font-size:1.5rem}.music-visualizer .idle-visualizer span{opacity:.7;font-size:.875rem;font-weight:500}@media (max-width:768px){.music-visualizer{height:80px!important}.breathing-circle{width:40px;height:40px}.minimal-waves{height:50px}}[data-theme=light] .music-visualizer .idle-visualizer{color:var(--text-secondary,#4b5563)}
.tasks-box{flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}.tasks-box .section-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.tasks-box .section-header h2{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.tasks-box .section-header h2 i{color:var(--accent-primary)}.task-stats{align-items:center;gap:1rem;font-size:.875rem;display:flex}.xp-display{border-radius:var(--radius-sm);background:linear-gradient(135deg,#30522933,#10b98133);border:1px solid #3052294d;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.level-badge{border-radius:var(--radius-sm);background:linear-gradient(135deg,#305229,#10b981);justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.xp-text{color:#fff}.progress-ring-container{z-index:1;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.progress-ring{width:120px;height:120px;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.progress-ring-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-percentage{background:linear-gradient(135deg,#305229,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.progress-label{color:#9ca3af;margin-top:.25rem;font-size:.75rem}.task-filters{z-index:1;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex;position:relative}.filter-btn{border-radius:var(--radius-sm);color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{color:#fff;background:#ffffff1a;border-color:#30522980}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#3052294d,#10b9814d);border-color:#305229}.task-input-group{z-index:1;gap:.5rem;width:100%;min-width:0;margin-bottom:1.5rem;display:flex;position:relative}.task-input{background:var(--bg-overlay-medium);border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);outline:none;flex:1;padding:1rem 1.25rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-input::placeholder{color:#9ca3af}.task-input:focus{background:#ffffff1f;border-color:#305229}.input-options-container{animation:.3s cubic-bezier(.4,0,.2,1) slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.priority-selector{gap:.5rem;margin-bottom:1rem;display:flex}.priority-btn{border-radius:var(--radius-sm);color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.875rem;transition:all .2s;display:flex}.priority-btn:hover{background:#ffffff1a}.priority-btn.active.high{color:#ef4444;background:#ef444433;border-color:#ef4444}.priority-btn.active.medium{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b}.priority-btn.active.low{color:#10b981;background:#10b98133;border-color:#10b981}.category-selector{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.category-btn{border-radius:var(--radius-sm);color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;transition:all .2s;display:flex}.category-btn:hover{background:#ffffff1a}.category-btn.active{color:#fff;border-width:2px}.task-list{z-index:1;flex-direction:column;flex:1;gap:.75rem;margin:0;padding:0 .5rem 0 0;list-style:none;display:flex;position:relative;overflow:hidden auto}.task-list::-webkit-scrollbar{width:8px}.task-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.task-list::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:linear-gradient(135deg,#305229,#10b981)}.task-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}.filter-toggle-btn{border-radius:var(--radius-sm);color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #3052294d;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.filter-toggle-btn:hover{color:#fff;background:#3052291a;border-color:#305229}.filter-toggle-btn i{font-size:1rem}.task-item{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:1rem;width:100%;min-width:0;min-height:80px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:relative;overflow:hidden}.task-item:before{content:"";opacity:0;background:linear-gradient(135deg,#305229,#10b981);width:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.task-item:hover{border-color:#30522980;transform:translate(5px)}.task-item:hover:before{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.task-item.deleting{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideOutLeft}@keyframes slideOutLeft{to{opacity:0;transform:translate(-100%)}}.task-checkbox{cursor:pointer;appearance:none;background:#ffffff0d;border:2px solid #30522980;border-radius:4px;flex-shrink:0;width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.task-checkbox:checked{background:linear-gradient(135deg,#305229,#10b981);border-color:#305229;animation:.4s cubic-bezier(.68,-.55,.265,1.55) checkBounce}.task-checkbox:checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.task-content{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.task-text{color:#fff;word-wrap:break-word;font-size:.95rem;transition:all .3s}.task-text.task-completed{color:#9ca3af;-webkit-text-decoration:line-through #30522980;text-decoration:line-through #30522980;text-decoration-thickness:2px}.task-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.priority-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.priority-badge.high{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.priority-badge.medium{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b4d}.priority-badge.low{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.category-pill{border:1px solid;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:flex}.xp-badge{border-radius:var(--radius-sm);color:#305229;background:linear-gradient(135deg,#30522933,#10b98133);border:1px solid #3052294d;margin-left:auto;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.task-delete{color:#9ca3af;cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;padding:.5rem;transition:all .3s}.task-delete:hover{color:#ef4444;background:#ef44441a;transform:scale(1.1)}.empty-state{text-align:center;color:#9ca3af;padding:3rem 1rem}.empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state p{font-size:1rem}@media (max-width:768px){.tasks-box{padding:1rem}.tasks-box .section-header{flex-wrap:wrap;gap:.5rem;padding-bottom:.5rem}.tasks-box .section-header h2{font-size:1.35rem}.category-selector{grid-template-columns:repeat(2,1fr)}.task-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem 1rem}.task-meta{gap:.25rem}.xp-badge{margin-left:0}.task-delete{position:absolute;top:.5rem;right:.5rem}.progress-ring{transform-origin:50%;width:120px;height:120px;margin:-15px auto;transform:scale(.75)}.progress-percentage{font-size:1.25rem}.progress-label{font-size:.65rem}}@media (max-width:480px){.task-filters{flex-direction:column}.filter-btn{width:100%}}[data-theme=light] .task-item{background:#fff;border-color:#3052291a}[data-theme=light] .task-text{color:#1a1a1a}[data-theme=light] .task-input{color:#1a1a1a;background:#fff}[data-theme=light] .filter-btn{background:#fff}[data-theme=light] .filter-btn:hover{color:var(--primary);background:#3052290d}[data-theme=light] .xp-text{color:#fff}[data-theme=light] .progress-label{color:var(--text-secondary)}
.groups-box{flex-direction:column;height:100%;display:flex}.group-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-top:.5rem;padding:.5rem 0;display:grid;overflow-y:auto}.study-room-card{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.study-room-card:hover{background:#ffffff0f;border-color:#10b9814d;transform:translateY(-8px);box-shadow:0 12px 30px #0006,0 0 15px #10b9811a}.study-room-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:.6;width:100%;height:4px;position:absolute;top:0;left:0}.card-header-flex{justify-content:space-between;align-items:flex-start;display:flex}.room-avatar-container{width:52px;height:52px;position:relative}.room-avatar{color:#fff;text-shadow:0 2px 4px #0003;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 15px #0003}.live-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ef4444;border:2px solid #1a1a1a;border-radius:4px;padding:1px 4px;font-size:.6rem;font-weight:800;animation:1.5s infinite pulseScale;position:absolute;bottom:-4px;right:-4px}.room-details{flex-direction:column;gap:.25rem;display:flex}.room-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.room-subject{color:var(--secondary);letter-spacing:.5px;text-transform:uppercase;font-size:.8rem;font-weight:600}.room-meta{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.member-count{color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:.4rem;padding:4px 10px;font-size:.85rem;display:flex}.member-count i{color:var(--secondary);font-size:.75rem}.card-footer{margin-top:auto}.room-join-btn{border-radius:var(--radius-sm);width:100%;color:var(--secondary);cursor:pointer;background:#10b9811a;border:1px solid #10b98133;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-weight:700;transition:all .3s;display:flex}.room-join-btn:hover:not(:disabled){background:var(--secondary);color:#fff;box-shadow:0 4px 15px #10b9814d}.room-join-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}[data-theme=light] .study-room-card{background:#ffffffb3;border-color:#3052291a}[data-theme=light] .study-room-card:hover{background:#fff;box-shadow:0 10px 30px #3052291a}[data-theme=light] .member-count{background:#3052290d}@keyframes pulseScale{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.study-room-card{animation:.5s backwards fadeInUp}.study-room-card:first-child{animation-delay:.1s}.study-room-card:nth-child(2){animation-delay:.2s}.study-room-card:nth-child(3){animation-delay:.3s}.study-room-card:nth-child(4){animation-delay:.4s}.study-room-card:nth-child(5){animation-delay:.5s}