:root{--bg-deep:#050505;--accent-1:#6366f1;--accent-2:#a855f7;--accent-3:#ec4899;--text-primary:#fff;--text-secondary:#fff9;--glass:#ffffff0d;--glass-border:#ffffff1a;--aura-size:min(420px, 85vw);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:system-ui, -apple-system, "Segoe UI", sans-serif;--space-page:clamp(12px, 3vw, 24px);--sidebar-w:260px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);width:100%;max-width:100vw;height:100%;min-height:100dvh;font-size:15px;line-height:1.45;overflow:hidden}#root{width:100%;max-width:100vw;height:100%;min-height:100dvh;overflow:hidden}h1,h2,h3,.heading-font{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.page-title{font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.2}.page-sub{color:var(--text-secondary);font-size:clamp(.8rem,2.5vw,.95rem)}.brand-title{letter-spacing:-.03em;font-size:clamp(1.35rem,3vw,1.65rem)}.brand-tagline{color:#ffffff73;margin-top:4px;font-size:.75rem;line-height:1.35}.player-title{text-align:center;font-size:clamp(1.15rem,4.5vw,1.85rem);line-height:1.15}.player-artist{color:#ffffff73;text-align:center;font-size:clamp(.85rem,2.5vw,1rem)}.player-meta{text-align:center;width:100%;max-width:min(420px,100%);padding:0 8px}.player-source{margin-top:6px}.nav-item{color:#ffffff73;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.88rem;font-weight:600;display:flex}.nav-item.active{color:#fff;background:#ffffff1a}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-footer{margin-top:auto}.sidebar-settings-box{border-radius:16px;padding:16px}.settings-open-btn{color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px;font-family:inherit;font-size:.8rem;font-weight:600;display:inline-flex}.controls-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.controls-toolbar-icons{align-items:center;gap:12px;display:flex}.time-row{color:#666;justify-content:space-between;margin-top:6px;font-size:.72rem;display:flex}.library-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.link-row{gap:10px;width:100%;max-width:100%;margin-bottom:16px;display:flex}.link-input-wrap{flex:1;min-width:0;position:relative}.link-input-wrap .input-pill{padding-left:42px}.link-icon{opacity:.4;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.link-play-btn{flex-shrink:0;width:48px;height:48px}.toolbar-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.aura-container{z-index:-1;filter:blur(80px);background:var(--bg-deep);pointer-events:none;position:fixed;inset:0;overflow:hidden}.aura-blob{width:var(--aura-size);height:var(--aura-size);opacity:.35;border-radius:50%;max-width:100vw;position:absolute}.blob-1{background:var(--accent-1);top:-15%;left:-20%}.blob-2{background:var(--accent-2);bottom:-15%;right:-20%}.blob-3{background:var(--accent-3);width:min(220px,50vw);height:min(220px,50vw);top:35%;left:25%}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px}.glass-pill{background:#ffffff14;border:1px solid #ffffff1a;border-radius:99px}.app-shell{width:100%;max-width:100vw;height:100%;min-height:100dvh;max-height:100dvh;padding:var(--space-page);padding-bottom:calc(var(--space-page) + env(safe-area-inset-bottom,0px));z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden}.main-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden auto}.desktop-sidebar{display:none}.mobile-bottom-nav{bottom:calc(12px + env(safe-area-inset-bottom,0px));left:var(--space-page);right:var(--space-page);z-index:1000;flex-shrink:0;justify-content:space-around;padding:10px;display:flex;position:fixed}.player-view{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:clamp(12px,3vh,24px);width:100%;max-width:100%;min-height:min-content;padding:8px 0 16px;display:flex}.album-art-container{aspect-ratio:1;flex-shrink:0;width:min(240px,62vw);max-width:100%;position:relative}.album-art{object-fit:cover;border-radius:50%;width:100%;height:100%;box-shadow:0 24px 48px #00000073}.album-art-container:before{content:"";filter:blur(48px)brightness(.5);z-index:-1;opacity:.5;background-position:50%;background-size:cover;position:absolute;inset:-15%}.controls-panel{flex-shrink:0;width:100%;max-width:min(420px,100%);padding:clamp(14px,3vw,22px)}.progress-container{cursor:pointer;background:#ffffff1a;border-radius:3px;width:100%;height:5px}.progress-bar{background:#fff;border-radius:3px;height:100%}.buttons-row{justify-content:center;align-items:center;gap:clamp(20px,8vw,36px);margin-top:16px;display:flex}.play-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(52px,14vw,64px);height:clamp(52px,14vw,64px);display:flex}.control-icon{color:#ffffff8c;cursor:pointer;flex-shrink:0}.control-icon:hover,.control-icon.on{color:#fff}.cloud-hint{word-break:break-all;margin-bottom:14px;line-height:1.5}.cloud-hint code{color:#ffffffb3;font-size:.85em}.error-text{color:#f87171;margin-bottom:12px;font-size:.85rem}.empty-text{color:#666;text-align:center;padding:32px 16px;font-size:.9rem}.track-row-main{cursor:pointer;flex:1;min-width:0}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.settings-title{margin-bottom:16px;font-size:1.1rem}.settings-done{width:100%}.lyric-prompt{color:#888;margin:12px 0 18px;font-size:.9rem;line-height:1.45}.lyric-actions{flex-wrap:wrap;gap:10px;display:flex}.mini-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px}.mini-meta{flex:1;min-width:0}.mini-meta h4{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.mini-meta p{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.mini-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.mob-nav-btn{color:#666;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-family:inherit;font-size:.65rem;font-weight:600;display:flex}.mob-nav-btn.active{color:#fff}.visualizer-canvas{pointer-events:none;opacity:.25;width:100%;height:min(120px,28vw);position:absolute;bottom:0;left:0}.view-panel{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;padding:0;display:flex}.cloud-panel{border-radius:20px;flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;padding:clamp(14px,3vw,24px);display:flex;overflow:hidden}.track-list-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:hidden auto}.track-row{border-radius:14px;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.track-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:48px;height:48px}.track-row h4{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.track-row p{color:#fff6;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.action-btn{color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:600;display:inline-flex}.action-btn.primary{background:#ffffff1f}.tab-pill{color:#ffffff80;cursor:pointer;border:none;padding:7px 14px;font-family:inherit;font-size:.75rem;font-weight:600}.tab-pill.active{color:#fff;background:#ffffff1f}.icon-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px}.input-pill{background:var(--glass);border:1px solid var(--glass-border);color:#fff;border-radius:99px;outline:none;width:100%;min-width:0;padding:10px 16px;font-family:inherit;font-size:.9rem}.label-mini{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:600;display:block}.mini-player{bottom:calc(72px + env(safe-area-inset-bottom,0px));left:var(--space-page);right:var(--space-page);z-index:1001;cursor:pointer;height:64px;max-width:calc(100vw - 2 * var(--space-page));background:#ffffff14;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed}.mini-play{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-modal{bottom:calc(80px + env(safe-area-inset-bottom,0px));left:var(--space-page);right:var(--space-page);z-index:2000;border-radius:20px;max-width:360px;margin:0 auto;padding:22px;position:fixed}.lyric-modal-backdrop{z-index:3000;padding:var(--space-page);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lyric-modal{border-radius:20px;width:100%;max-width:400px;padding:22px}.lyric-line{text-align:center;margin-top:14px;font-size:clamp(.95rem,3vw,1.1rem);font-weight:600;line-height:1.4}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.player-view{animation:.5s ease-out fadeIn}.mood-lofi{--accent-1:#475569;--accent-2:#6366f1;--accent-3:#818cf8}.mood-symphony{--accent-1:#4c1d95;--accent-2:#7c3aed;--accent-3:#a78bfa}.mood-energy{--accent-1:#ea580c;--accent-2:#ec4899;--accent-3:#f43f5e}@media (width>=1024px){.app-shell{flex-direction:row;gap:0;padding:0}.desktop-sidebar{width:var(--sidebar-w);border-right:1px solid var(--glass-border);border-radius:0;flex-direction:column;flex-shrink:0;gap:24px;height:100%;max-height:100dvh;padding:24px 20px;display:flex;overflow-y:auto}.main-content{padding:clamp(16px,2vw,28px) clamp(16px,2vw,28px) 28px}.mobile-bottom-nav{display:none!important}.album-art-container{width:min(280px,28vh)}.mini-player{left:calc(var(--sidebar-w) + 20px);max-width:none;bottom:20px;right:20px}.settings-modal{bottom:28px;left:auto;right:28px}.player-view{justify-content:center;padding:12px 0}}@media (height<=720px){.album-art-container{width:min(200px,40vh)}.player-view{gap:10px}.controls-panel{padding:12px 16px}}@media (width>=1024px) and (height<=800px){.player-view{justify-content:flex-start;overflow-y:auto}.album-art-container{width:min(200px,32vh)}}