:root{color-scheme:dark;--bg: #0b0d10;--bg-soft: #11151b;--panel: rgba(22, 27, 34, .78);--panel-solid: #151a21;--panel-strong: #1c232c;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--text: #f7f4ec;--text-soft: #c4c8cf;--muted: #7f8895;--accent: #8df5d2;--accent-2: #ffbc6d;--danger: #ff7a94;--shadow: 0 24px 80px rgba(0, 0, 0, .42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 20% 8%,rgba(141,245,210,.12),transparent 28rem),radial-gradient(circle at 72% 12%,rgba(255,188,109,.1),transparent 26rem),linear-gradient(130deg,#0b0d10,#10141a 46%,#090b0e)}button,input,select{font:inherit}button{color:inherit}select{color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible{outline:2px solid rgba(141,245,210,.8);outline-offset:2px}.app-shell{position:relative;display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh;min-height:100dvh;padding:1rem 1rem 6.5rem;gap:1rem;overflow:hidden}.app-shell.drag-active{outline:1px solid rgba(141,245,210,.28);outline-offset:-.35rem}.compact-mode .hero-panel{min-height:18rem}.compact-mode .track-main{min-height:3.1rem}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition-duration:.01ms!important}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 74%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 74%)}.sidebar,.hero-panel,.library-panel,.insight-panel,.player-bar{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar{position:sticky;top:1rem;height:calc(100vh - 7.5rem);display:flex;flex-direction:column;padding:1.05rem;border-radius:.5rem}.brand-lockup{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.5rem;color:#0b0d10;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.brand-lockup strong,.track-meta strong,.player-track strong,.queue-item strong{display:block;line-height:1.15}.brand-lockup span,.track-meta small,.player-track small,.queue-item small{display:block;margin-top:.18rem;color:var(--muted);font-size:.78rem}.primary-nav{display:grid;gap:.35rem;margin:1.1rem 0 1.5rem}.nav-item,.playlist-button,.install-button,.filter-button,.queue-item,.profile-button,.primary-button,.secondary-button,.icon-button,.play-button{border:0;cursor:pointer}.nav-item,.playlist-button{display:flex;align-items:center;gap:.72rem;width:100%;padding:.72rem;border-radius:.45rem;color:var(--text-soft);background:transparent;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-item:hover,.playlist-button:hover,.nav-item.active{color:var(--text);background:#ffffff14}.playlist-stack{display:grid;gap:.35rem}.section-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.playlist-icon{display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:.45rem;background:#ffffff14}.playlist-button small{color:var(--muted)}.install-button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;margin-top:auto;border-radius:.45rem;color:#0b0d10;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-weight:800}.main-stage{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.search-field{display:flex;align-items:center;gap:.65rem;width:min(42rem,100%);min-height:3rem;padding:0 1rem;border:1px solid var(--line);border-radius:.5rem;background:#ffffff0f;color:var(--muted)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.search-field input::placeholder{color:var(--muted)}.topbar-actions,.hero-actions,.transport-buttons,.player-tools,.volume-control{display:flex;align-items:center;gap:.55rem}.icon-button,.play-button{display:grid;place-items:center;flex:0 0 auto;width:2.55rem;height:2.55rem;border-radius:.45rem;color:var(--text-soft);background:#ffffff12;transition:color .16s ease,background .16s ease,transform .16s ease}.icon-button:hover,.play-button:hover,.icon-button.selected,.profile-button.selected,.filter-button.selected{color:var(--text);background:#8df5d226}.play-button{width:3rem;height:3rem;color:#0b0d10;background:var(--accent)}.play-button:hover{color:#0b0d10;background:#abffe4}.profile-button{display:flex;align-items:center;gap:.5rem;min-height:2.55rem;padding:0 .75rem;border-radius:.45rem;background:#ffffff12}.import-top-button{color:#0b0d10;background:var(--accent);font-weight:850}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:22rem;padding:clamp(1.2rem,3vw,2.4rem);border-radius:.5rem;overflow:hidden}.hero-copy{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;padding:0 .75rem;border:1px solid rgba(141,245,210,.22);border-radius:999px;color:var(--accent);background:#8df5d214;font-weight:750}.hero-panel h1{margin:1rem 0 0;max-width:11ch;font-size:clamp(3rem,8vw,6.5rem);line-height:.9}.hero-panel p{max-width:38rem;margin:1rem 0 0;color:var(--text-soft);font-size:1.04rem;line-height:1.7}.primary-button,.secondary-button,.filter-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.8rem;padding:0 1rem;border-radius:.45rem;font-weight:850}.primary-button{color:#0b0d10;background:var(--accent)}.secondary-button,.filter-button{color:var(--text);background:#ffffff14}.secondary-button.selected{color:var(--danger)}.hero-actions{margin-top:1.3rem}.track-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;max-width:28rem;margin:1.35rem 0 0}.track-metrics div{min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:.45rem;background:#ffffff0e}.track-metrics dt{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.track-metrics dd{margin:.25rem 0 0;font-size:1.2rem;font-weight:850}.now-visual{display:grid;justify-items:center;gap:1.4rem;min-width:0}.cover-art{position:relative;isolation:isolate;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:.45rem;background:radial-gradient(circle at 72% 24%,var(--cover-c),transparent 24%),radial-gradient(circle at 18% 82%,var(--cover-b),transparent 32%),linear-gradient(135deg,var(--cover-a),#080a0d);box-shadow:0 18px 50px #00000052}.cover-sm{width:3rem;height:3rem}.cover-md{width:5.5rem;height:5.5rem}.cover-lg{width:min(26vw,19.5rem);min-width:14.5rem;aspect-ratio:1}.cover-art span,.cover-art i,.cover-art b{position:absolute;display:block;pointer-events:none}.cover-art span{top:15%;right:18%;bottom:15%;left:18%;border:1px solid rgba(255,255,255,.34);transform:rotate(-18deg)}.cover-art i{width:70%;height:70%;right:-18%;bottom:-12%;border-radius:50%;border:1.4rem solid rgba(255,255,255,.12)}.cover-art b{left:15%;bottom:13%;width:48%;height:.35rem;border-radius:999px;background:#ffffffb3}.cover-active{animation:coverPulse 2s ease-in-out infinite}.spectrum{display:grid;grid-template-columns:repeat(28,1fr);align-items:end;gap:.24rem;width:min(100%,25rem);height:5rem;padding:.75rem;border:1px solid var(--line);border-radius:.45rem;background:#ffffff0e}.spectrum span{display:block;min-width:.18rem;height:calc(18% + ((var(--bar-index) % 9) * 8%));border-radius:999px;background:linear-gradient(to top,var(--accent),var(--accent-2));animation:equalize 1.1s ease-in-out infinite;animation-delay:calc(var(--bar-index) * -58ms);transform-origin:bottom;opacity:.9}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:1rem;margin-top:1rem}.collection-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.collection-card{display:flex;align-items:center;gap:.75rem;min-width:0;min-height:4.25rem;padding:.85rem;border:1px solid var(--line);border-radius:.5rem;color:var(--text);background:#ffffff0e;text-align:left;cursor:pointer}.collection-card:hover,.collection-card.active{border-color:#8df5d252;background:#8df5d217}.collection-card span,.playlist-manage-card button:first-child span{min-width:0}.collection-card strong,.collection-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card small{margin-top:.2rem;color:var(--muted);font-size:.78rem}.create-card{color:#0b0d10;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.playlist-manage-card{display:grid;grid-template-columns:minmax(0,1fr) 2.2rem}.playlist-manage-card button:first-child{display:flex;align-items:center;gap:.75rem;min-width:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.mini-danger{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:0;border-radius:.4rem;color:#ffc3cd;background:#ff7a941a;cursor:pointer}.library-panel,.insight-panel{min-width:0;padding:1rem;border-radius:.5rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-heading h2{margin:.2rem 0 0;font-size:1.4rem}.panel-heading.compact h2{font-size:1.1rem}.library-actions,.import-actions,.import-copy{display:flex;align-items:center;gap:.55rem}.library-actions{justify-content:flex-end;flex-wrap:wrap}.danger-button{color:#ffc3cd;background:#ff7a941a}.import-zone{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.9rem;margin-top:1rem;padding:.75rem;border:1px dashed rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff0b;transition:border-color .16s ease,background .16s ease}.import-zone.dragging{border-color:#8df5d2c7;background:#8df5d214}.import-copy{min-width:0}.import-copy strong{display:block;line-height:1.15}.import-copy small{display:block;margin-top:.2rem;color:var(--muted);font-size:.8rem}.filter-panel{display:grid;grid-template-columns:repeat(2,minmax(10rem,1fr)) auto;align-items:end;gap:.75rem;margin-top:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:.5rem;background:#ffffff0b}.filter-panel label,.text-field{display:grid;gap:.4rem}.filter-panel label span,.text-field span{color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.filter-panel select,.text-field input{width:100%;min-height:2.65rem;border:1px solid var(--line);border-radius:.45rem;color:var(--text);background:#ffffff14;padding:0 .75rem}.mood-tabs{display:flex;gap:.45rem;margin:1rem 0;overflow-x:auto;scrollbar-width:none}.mood-tab{flex:0 0 auto;min-height:2.35rem;padding:0 .82rem;border:1px solid var(--line);border-radius:999px;color:var(--text-soft);background:#ffffff0b;cursor:pointer}.mood-tab.active{color:#0b0d10;background:var(--accent);border-color:transparent;font-weight:850}.track-list{display:grid;gap:.45rem}.empty-state{display:grid;place-items:center;min-height:9rem;border:1px solid var(--line);border-radius:.5rem;color:var(--muted);background:#ffffff09}.track-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;width:100%;padding:.35rem;border:1px solid transparent;border-radius:.45rem;color:var(--text);background:transparent}.track-main{display:grid;grid-template-columns:2rem 3rem minmax(10rem,1.3fr) minmax(8rem,1fr) minmax(6rem,.8fr) 4.2rem;align-items:center;gap:.8rem;min-width:0;min-height:3.7rem;padding:.15rem .3rem;border:0;border-radius:.35rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.track-row:hover,.track-row.active{border-color:var(--line);background:#fff1}.track-index{display:grid;place-items:center;color:var(--muted);font-size:.86rem}.track-album,.track-genre,.track-duration{color:var(--muted);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heart-hit{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:0;border-radius:.4rem;color:var(--muted);background:transparent;cursor:pointer}.track-actions{display:flex;align-items:center;gap:.2rem}.heart-hit:hover,.heart-hit.selected{color:var(--danger);background:#ff7a941f}.insight-panel{display:grid;align-content:start;gap:1rem}.queue-stack{display:grid;gap:.5rem}.queue-item{display:grid;grid-template-columns:3rem minmax(0,1fr) 1rem;align-items:center;gap:.7rem;min-height:3.75rem;padding:.45rem;border-radius:.45rem;color:var(--text);background:#ffffff0e;text-align:left}.queue-item:hover{background:#ffffff17}.mix-card,.device-card{border:1px solid var(--line);border-radius:.5rem;background:#ffffff0e}.mix-card{padding:1rem}.mix-topline,.device-card div{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-size:.83rem;font-weight:850}.mix-card strong{display:block;margin-top:.8rem;line-height:1.45}.mix-meter{height:.55rem;margin-top:1rem;overflow:hidden;border-radius:999px;background:#ffffff1a}.mix-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.device-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem}.device-card small{color:var(--muted);white-space:nowrap}.player-bar{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:10;display:grid;grid-template-columns:minmax(12rem,18rem) minmax(18rem,1fr) minmax(12rem,18rem);align-items:center;gap:1.2rem;min-height:5rem;padding:.75rem;border-radius:.5rem}.player-track{display:flex;align-items:center;gap:.75rem;min-width:0}.player-track div,.queue-item span,.track-meta{min-width:0}.player-track strong,.queue-item strong,.track-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport{display:grid;justify-items:center;gap:.45rem;min-width:0}.timeline{display:grid;grid-template-columns:3rem minmax(7rem,1fr) 3rem;align-items:center;gap:.65rem;width:min(100%,42rem);color:var(--muted);font-size:.75rem}input[type=range]{width:100%;height:.35rem;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--accent) var(--range-progress),rgba(255,255,255,.16) 0);cursor:pointer}input[type=range]::-webkit-slider-thumb{width:.9rem;height:.9rem;border:0;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--text);box-shadow:0 0 0 .28rem #8df5d226}input[type=range]::-moz-range-thumb{width:.9rem;height:.9rem;border:0;border-radius:50%;background:var(--text)}.player-tools{justify-content:flex-end;min-width:0}.volume-control{min-width:8rem}.ios-volume-hint{display:flex;align-items:center;justify-content:center;gap:.55rem;max-width:20rem;margin:.5rem auto 0;padding:.6rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff0b;font-size:.78rem}.ios-volume-hint.compact{margin:0;white-space:nowrap}.drop-overlay{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:20;display:none;place-items:center;align-content:center;gap:.65rem;border:1px solid rgba(141,245,210,.45);border-radius:.6rem;color:var(--accent);background:#0b0d10ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.drop-overlay.visible{display:grid}.drop-overlay strong{font-size:1.1rem}.utility-panel{position:fixed;right:1rem;top:4.8rem;z-index:30;width:min(24rem,calc(100vw - 2rem));max-height:calc(100vh - 11rem);overflow:auto;padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:#12161cf0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.utility-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.notification-list,.settings-stack,.segmented-stack{display:grid;gap:.55rem}.notification-item{display:grid;gap:.2rem;padding:.75rem;border:1px solid var(--line);border-radius:.45rem;background:#ffffff0d}.notification-item span,.notification-item small{color:var(--muted);font-size:.82rem;line-height:1.45}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stats-grid div{min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:.45rem;background:#ffffff0d}.stats-grid span{display:block;color:var(--muted);font-size:.75rem}.stats-grid strong{display:block;margin-top:.25rem;font-size:1.35rem}.segment-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.9rem;padding:0 .85rem;border:1px solid var(--line);border-radius:.45rem;color:var(--text);background:#ffffff0b;cursor:pointer}.segment-row.active{border-color:#8df5d257;background:#8df5d21a}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:.45rem;background:#ffffff0b}.toggle-row span{min-width:0}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{margin-top:.18rem;color:var(--muted);font-size:.76rem;line-height:1.35}.toggle-row input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#00000085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{width:min(30rem,100%);padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:#151a21;box-shadow:var(--shadow)}.modal-card .text-field,.modal-card .segmented-stack{margin-bottom:.85rem}.full-button{width:100%}@keyframes equalize{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1)}}@keyframes coverPulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.25) brightness(1.07)}}@media(max-width:1180px){.app-shell{grid-template-columns:5rem minmax(0,1fr)}.sidebar{align-items:center;padding:.75rem}.brand-lockup{justify-content:center;width:100%}.brand-lockup div:last-child,.nav-item span,.playlist-stack,.install-button{display:none}.nav-item{justify-content:center;width:3.25rem;height:3.25rem;padding:0}.content-grid{grid-template-columns:1fr}.collection-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-panel{grid-template-columns:1fr 1fr}.insight-panel .panel-heading,.queue-stack{grid-column:1 / -1}}@media(max-width:900px){.app-shell{display:block;padding:.75rem .75rem 9.25rem}.sidebar{position:static;height:auto;flex-direction:row;justify-content:space-between;margin-bottom:.75rem}.primary-nav{display:flex;margin:0}.hero-panel{grid-template-columns:1fr}.cover-lg{width:min(70vw,18rem)}.track-row{grid-template-columns:minmax(0,1fr) auto}.track-main{grid-template-columns:2rem 3rem minmax(0,1fr) 4rem}.track-album,.track-genre{display:none}.player-bar{left:.75rem;right:.75rem;bottom:.75rem;grid-template-columns:1fr;gap:.65rem}.player-track{display:none}.player-tools{justify-content:center}}@media(max-width:640px){.topbar{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:space-between}.import-zone{align-items:stretch;flex-direction:column}.import-actions{flex-wrap:wrap}.filter-panel,.collection-strip{grid-template-columns:1fr}.hero-panel h1{max-width:10ch;font-size:clamp(2.6rem,15vw,4rem)}.track-metrics,.insight-panel{grid-template-columns:1fr}.hero-actions,.player-tools{flex-wrap:wrap}.track-row{grid-template-columns:minmax(0,1fr) 2.4rem;min-height:4.3rem}.track-main{grid-template-columns:3rem minmax(0,1fr)}.track-index,.track-duration{display:none}.timeline{grid-template-columns:2.5rem minmax(6rem,1fr) 2.5rem}.volume-control{min-width:10rem}}.mobile-bottom-nav,.mobile-mini-player,.now-playing-sheet{display:none}@media(max-width:768px),(max-height:500px)and (hover:none)and (pointer:coarse){.sidebar,.player-bar,.hero-panel,.import-zone{display:none!important}.app-shell{display:block!important;padding:calc(.5rem + env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) calc(11.5rem + env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))!important}.topbar{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.6rem!important;min-width:0}.search-field{flex:1!important;min-width:0!important;min-height:2.6rem!important;padding:0 .8rem!important;width:auto!important}.topbar-actions{flex:0 0 auto!important;flex-shrink:0!important;gap:.4rem!important}.profile-button,.icon-button{min-height:2.75rem!important;min-width:2.75rem!important;width:2.75rem!important;height:2.75rem!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:.5rem!important}.profile-button span{display:none!important}.import-top-button{width:2.75rem!important;height:2.75rem!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(3.6rem + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0b0d10d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--line);justify-content:space-around;align-items:center;z-index:998;box-shadow:0 -10px 40px #0006}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:0;color:var(--muted);font-size:.65rem;gap:.25rem;width:25%;min-width:0;padding:0;height:100%;cursor:pointer;transition:color .2s ease,transform .15s ease}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item svg{transition:transform .2s ease}.mobile-nav-item.active svg{transform:translateY(-2px);filter:drop-shadow(0 0 5px rgba(141,245,210,.4))}.mobile-mini-player{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:calc(4.1rem + env(safe-area-inset-bottom));left:calc(.75rem + env(safe-area-inset-left));right:calc(.75rem + env(safe-area-inset-right));height:4.1rem;background:#161b22bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:0 .85rem;z-index:997;cursor:pointer;box-shadow:0 12px 36px #0000008c;overflow:hidden;transition:transform .2s ease,background-color .2s ease}.mobile-mini-player:active{transform:scale(.98);background:#161b22d9}.mini-progress-bar{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff1a}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .1s linear}.mini-player-track{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.mini-player-meta{min-width:0}.mini-player-meta strong{display:block;font-size:.9rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-meta small{display:block;font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.08rem}.mini-player-actions{display:flex;align-items:center;gap:.85rem}.mini-action-button{background:#ffffff0f;border:0;border-radius:50%;width:2.75rem;height:2.75rem;display:grid;place-items:center;color:var(--text);cursor:pointer;transition:background-color .2s ease,transform .15s ease}.mini-action-button:active{transform:scale(.9);background:#ffffff1f}.now-playing-sheet{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;min-height:100dvh;background:#0b0d10;z-index:1000;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;padding:calc(.5rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left));overscroll-behavior:contain}.now-playing-sheet.open{transform:translateY(0)}.sheet-ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.28;background:radial-gradient(circle at 30% 20%,var(--cover-a),transparent 50%),radial-gradient(circle at 70% 60%,var(--cover-b),transparent 60%),radial-gradient(circle at 40% 90%,var(--cover-c),transparent 50%),#0b0d10;filter:blur(80px);transform:scale(1.1);pointer-events:none}.sheet-header{display:flex;align-items:center;justify-content:space-between;height:3.5rem;margin-bottom:1.5rem}.sheet-header-title{text-align:center}.sheet-header-title .section-label{font-size:.75rem;letter-spacing:.12em;font-weight:700}.minimize-button{color:var(--text-soft)}.sheet-content{display:flex;flex-direction:column;flex:1;justify-content:space-around;gap:1.5rem;max-width:28rem;margin:0 auto;width:100%}.sheet-cover-container{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;margin:.5rem 0}.sheet-cover-container .cover-lg{width:82%!important;height:auto!important;aspect-ratio:1!important;border-radius:1.25rem!important;box-shadow:0 30px 60px #000000a6!important;border:1px solid rgba(255,255,255,.16)!important}.sheet-metadata{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 .5rem}.metadata-left{min-width:0;flex:1;text-align:left}.metadata-left h2{font-size:1.55rem;font-weight:850;margin:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.metadata-left p{font-size:1.05rem;color:var(--muted);margin:.35rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heart-hit-large{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:.5rem;transition:color .2s ease,transform .15s ease}.heart-hit-large:active{transform:scale(.85)}.heart-hit-large.selected{color:var(--danger)}.sheet-controls-container{display:flex;flex-direction:column;gap:1.6rem;width:100%;padding:0 .5rem}.sheet-timeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;width:100%}.sheet-timeline .time-label{font-size:.78rem;color:var(--muted);font-family:monospace;width:2.2rem}.sheet-timeline .time-label:last-child{text-align:right}.sheet-timeline input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:99px;background:#ffffff1a;outline:none;position:relative;cursor:pointer}.sheet-timeline input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress),rgba(255,255,255,.12) var(--range-progress),rgba(255,255,255,.12) 100%);height:5px;border-radius:99px}.sheet-timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text);box-shadow:0 2px 6px #0006;margin-top:-4.5px;transition:transform .15s ease}.sheet-timeline input[type=range]:active::-webkit-slider-thumb{transform:scale(1.35)}.sheet-transport{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:22rem;margin:0 auto}.sheet-icon-button{background:transparent;border:0;color:var(--text-soft);padding:.65rem;cursor:pointer;border-radius:50%;display:grid;place-items:center;transition:color .2s ease,background-color .2s ease,transform .15s ease}.sheet-icon-button:active{transform:scale(.88);background:#ffffff0d}.sheet-icon-button.selected{color:var(--accent);filter:drop-shadow(0 0 5px rgba(141,245,210,.3))}.sheet-play-button{background:var(--accent);border:0;border-radius:50%;width:4.8rem;height:4.8rem;display:grid;place-items:center;color:#0b0d10;cursor:pointer;box-shadow:0 10px 30px #8df5d259;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.sheet-play-button:active{transform:scale(.92);box-shadow:0 5px 15px #8df5d233;background:#abffe4}.sheet-volume-container{display:flex;align-items:center;gap:.85rem;width:100%;max-width:18rem;margin:.5rem auto 0;color:var(--muted)}.sheet-volume-container input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;background:#ffffff1a;outline:none;cursor:pointer}.sheet-volume-container input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--text-soft) 0%,var(--text-soft) var(--range-progress),rgba(255,255,255,.1) var(--range-progress),rgba(255,255,255,.1) 100%);height:4px;border-radius:99px}.sheet-volume-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-soft);margin-top:-3px}.sheet-footer{display:flex;justify-content:center;width:100%}.mix-info-mini{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--accent);padding:.45rem 1rem;background:#8df5d214;border:1px solid rgba(141,245,210,.16);border-radius:99px}}