:root{color-scheme:dark;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;--mood-accent: #67e8f9;--mood-glow: rgba(103, 232, 249, .25);--mood-grad-0: #06b6d4;--mood-grad-1: #0ea5e9;--mood-grad-2: #3b82f6;--mood-particle: #67e8f9;--mood-font: #ecfeff;--bg-primary: #08090e;--bg-secondary: #0e1018;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: rgba(148, 163, 184, .6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}body{overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.mood-bg,.mood-bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transition:background 1.2s ease}.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0;animation:float-up linear infinite;transition:background 1s ease}.particle:nth-child(2n){width:4px;height:4px}.particle-active{animation-duration:5s!important}@keyframes float-up{0%{bottom:-8px;opacity:0;transform:translate(0) scale(.5)}10%{opacity:.2}50%{opacity:.12;transform:translate(20px) scale(1)}90%{opacity:.03}to{bottom:110%;opacity:0;transform:translate(-10px) scale(.3)}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.5rem;background:#08090ed1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;gap:1rem}.header-left{display:flex;align-items:baseline;gap:.6rem;flex-shrink:0}.app-title{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.musik-title{background:linear-gradient(135deg,var(--mood-grad-0),var(--mood-grad-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .8s ease}.title-icon{-webkit-text-fill-color:initial}.app-subtitle{font-size:.72rem;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:.5rem}.mood-badge{display:flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:2rem;border:1px solid;font-size:.75rem;font-weight:600;transition:all .8s ease}.mood-badge-conf{font-size:.6rem;opacity:.6;font-weight:400}.header-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.3rem .7rem;border-radius:.45rem;font-size:.75rem;cursor:pointer;transition:all .2s}.header-btn:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-1px)}.musik-main{display:grid;grid-template-columns:240px 1fr 240px;gap:1rem;padding:1rem 1.25rem;flex:1;position:relative;z-index:1}.col{display:flex;flex-direction:column;gap:.75rem}.col-center{align-items:center;min-width:0}.section-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.65rem;padding:.75rem;transition:border-color .8s ease}.mood-selector{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.65rem;padding:.75rem}.method-tabs{display:flex;gap:.3rem;margin-bottom:.5rem}.method-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;background:none;border:1px solid var(--border-subtle);border-radius:.4rem;color:var(--text-muted);font-size:.65rem;cursor:pointer;transition:all .2s}.method-tab:hover{border-color:var(--border-medium);color:var(--text-secondary)}.method-active{border-color:var(--mood-accent)!important;background:color-mix(in srgb,var(--mood-accent) 10%,transparent)!important;color:var(--mood-accent)!important}.method-emoji{font-size:1rem}.method-label{font-size:.6rem}.detection-status{margin-bottom:.5rem}.detection-confidence{display:flex;align-items:center;gap:.4rem}.confidence-label{font-size:.6rem;color:var(--text-muted)}.confidence-bar-track{flex:1;height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.confidence-bar-fill{height:100%;background:var(--mood-accent);border-radius:2px;transition:width .5s ease,background .8s ease}.confidence-value{font-size:.6rem;color:var(--mood-accent);font-weight:600;min-width:28px;text-align:right}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .2rem;background:none;border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.2,.64,1)}.mood-btn:hover{border-color:var(--border-medium);transform:translateY(-1px)}.mood-active{transform:scale(1.03)}.mood-emoji{font-size:1.3rem}.mood-name{font-size:.6rem;font-weight:600}.mood-fact-card{transition:border-color .8s ease}.mood-fact-text{font-size:.72rem;color:var(--text-muted);line-height:1.55;font-style:italic}.session-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;text-align:center}.session-stat{display:flex;flex-direction:column}.session-stat-value{font-size:1rem;font-weight:700;color:var(--mood-accent);transition:color .8s ease}.session-stat-label{font-size:.55rem;color:var(--text-muted)}.mood-visualizer{position:relative;display:flex;align-items:center;justify-content:center;height:200px;width:100%;max-width:420px}.viz-rings{position:absolute;display:flex;align-items:center;justify-content:center}.viz-ring{position:absolute;border-radius:50%;border:1px solid;transition:border-color .8s ease;opacity:.5}.viz-ring-active{animation:ring-pulse ease-in-out infinite}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.08);opacity:.6}}.viz-orb{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .8s ease;position:relative}.viz-orb-pulse{animation:orb-pulse 2s ease-in-out infinite}@keyframes orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.viz-orb-emoji{font-size:2.2rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.viz-waveform{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:2px;height:50px}.viz-wave-bar{width:4px;border-radius:2px;animation:wave-bounce .6s ease-in-out infinite alternate}@keyframes wave-bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.now-playing{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.85rem;padding:1.25rem;text-align:center;position:relative;overflow:hidden;transition:border-color .8s ease}.now-playing-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background .8s ease;opacity:.4}.np-artwork{width:80px;height:80px;border-radius:50%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;position:relative;transition:background .8s ease}.np-artwork-emoji{font-size:1.8rem}.np-eq{position:absolute;bottom:-6px;display:flex;align-items:flex-end;gap:2px;height:14px}.eq-bar{width:3px;border-radius:1px;animation:eq-bounce .4s ease-in-out infinite alternate}@keyframes eq-bounce{0%{height:3px}to{height:12px}}.np-info{margin-bottom:.75rem}.np-title{font-size:1.05rem;font-weight:700}.np-artist{font-size:.78rem;color:var(--mood-accent);transition:color .8s ease;margin-top:.1rem}.np-album{font-size:.65rem;color:var(--text-muted);margin-top:.1rem}.np-seek-section{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.np-time{font-size:.6rem;color:var(--text-muted);min-width:28px;font-variant-numeric:tabular-nums}.np-seek-bar{flex:1;height:20px;display:flex;align-items:center;cursor:pointer}.np-seek-track{width:100%;height:4px;background:#ffffff14;border-radius:2px;position:relative}.np-seek-fill{height:100%;border-radius:2px;transition:background .8s ease}.np-seek-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;transition:all .15s ease;opacity:0}.np-seek-bar:hover .np-seek-thumb{opacity:1}.np-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.6rem}.np-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.np-btn-small{font-size:1.1rem;opacity:.6;padding:.3rem}.np-btn-small:hover{opacity:1;transform:scale(1.1)}.np-btn-play{width:44px;height:44px;border-radius:50%;font-size:1.2rem;color:#fff;transition:all .8s ease}.np-btn-play:hover{transform:scale(1.08)}.np-volume{display:flex;align-items:center;gap:.4rem}.np-vol-icon{font-size:.85rem}.np-vol-slider{flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;border-radius:2px;outline:none}.np-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--mood-accent);cursor:pointer;box-shadow:0 0 6px var(--mood-glow);transition:background .8s ease,box-shadow .8s ease}.playlist-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.65rem;padding:.75rem;max-height:500px;overflow-y:auto}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.playlist-count{font-size:.6rem;color:var(--text-muted)}.playlist-list{display:flex;flex-direction:column;gap:.2rem}.playlist-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:none;border:1px solid transparent;border-radius:.4rem;cursor:pointer;transition:all .2s;text-align:left;width:100%;color:var(--text-primary)}.playlist-item:hover{background:var(--bg-card-hover);border-color:var(--border-subtle)}.playlist-active{background:var(--bg-card-hover)!important}.playlist-num{font-size:.6rem;color:var(--text-muted);min-width:18px;text-align:center}.playlist-playing-icon{font-size:.75rem;animation:playing-note 1s ease-in-out infinite}@keyframes playing-note{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.playlist-info{flex:1;min-width:0}.playlist-title{font-size:.72rem;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .8s ease}.playlist-artist{font-size:.6rem;color:var(--text-muted)}.playlist-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.playlist-genre{font-size:.5rem;color:var(--text-muted);background:#ffffff0a;padding:.1rem .25rem;border-radius:.15rem}.playlist-duration{font-size:.55rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.activities-panel{width:100%;max-width:520px}.activities-subtitle{font-size:.72rem;color:var(--text-muted);margin-bottom:.6rem;margin-top:-.25rem}.activities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.activity-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.6rem;padding:.65rem;transition:all .3s}.activity-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-1px)}.activity-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.activity-emoji{font-size:1.3rem}.activity-duration{font-size:.55rem;color:var(--text-muted);background:#ffffff0a;padding:.1rem .3rem;border-radius:.2rem}.activity-name{font-size:.78rem;font-weight:600;margin-bottom:.15rem}.activity-desc{font-size:.62rem;color:var(--text-muted);line-height:1.45;margin-bottom:.3rem}.activity-category{font-size:.55rem;color:var(--text-secondary);text-transform:capitalize}.no-track-hint{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.no-track-emoji{font-size:3rem;display:block;margin-bottom:.5rem;opacity:.5}.mood-info-card{transition:border-color .8s ease}.mood-info-desc{font-size:.72rem;color:var(--text-muted);line-height:1.5;margin-bottom:.5rem}.mood-music-prefs{display:flex;flex-direction:column;gap:.25rem}.mood-pref-label{font-size:.6rem;color:var(--text-muted)}.mood-pref-tags{display:flex;gap:.3rem;flex-wrap:wrap}.mood-pref-tag{font-size:.55rem;padding:.1rem .35rem;border-radius:1rem;border:1px solid;transition:all .8s ease}@media(max-width:1000px){.musik-main{grid-template-columns:1fr;padding:.75rem}.col-left,.col-right{order:2}.col-center{order:1}.app-header{flex-direction:column;gap:.4rem;padding:.5rem .75rem}.header-right{justify-content:center}.activities-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.mood-grid{grid-template-columns:repeat(3,1fr)}.activities-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}