@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[mm\:ss\.xx\]{mm:ss.xx}}:root{--dyn-rgb:139, 115, 85;--dyn:rgb(var(--dyn-rgb));--dyn-20:rgba(var(--dyn-rgb), .2);--dyn-40:rgba(var(--dyn-rgb), .4);--dyn-60:rgba(var(--dyn-rgb), .6);--bg:#0a0a0a;--bg2:#141414;--text:#f0f0ee;--text2:#f0f0ee80;--text3:#f0f0ee47;--border:#ffffff17;--border2:#ffffff0d;--card:#1a1a1a;--card2:#222;--nav-h:60px;--player-h:84px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100%;font-family:-apple-system,Inter,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input{color:var(--text);background:0 0;border:none;outline:none}img{display:block}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.main-content{padding-bottom:calc(var(--player-h) + var(--nav-h) + 12px);flex:1;padding-top:8px}.bottom-nav{height:var(--nav-h);z-index:100;padding:0 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(6px)saturate(1.3);will-change:auto;contain:layout;background:#0a0a0eeb;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -8px 32px #0006}.nav-item{color:#ffffff59;-webkit-tap-highlight-color:transparent;letter-spacing:.04em;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 10px 10px;font-size:9px;font-weight:700;transition:color .2s,transform .15s;display:flex;position:relative}.nav-item.active svg{stroke-width:2.2px;transform:scale(1.12)}.nav-item.active:before{content:"";background:rgba(var(--dyn-rgb),.12);z-index:-1;border-radius:12px;width:36px;height:32px;position:absolute;top:6px}.nav-item:after{content:"";background:var(--dyn);border-radius:50%;width:3px;height:3px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:5px;left:50%;transform:translate(-50%)scale(0)}.nav-item.active:after{transform:translate(-50%)scale(1)}.nav-item:active{transform:scale(.92)}.page-header{padding:16px 20px 4px}.page-title{letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.1}.page-subtitle{color:var(--text2);margin-top:2px;font-size:13px}.genre-chips{gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.track-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 14px;display:grid}.track-card{background:var(--card);border:1px solid var(--border2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;overflow:hidden}.track-card:active{opacity:.75}.track-card.playing{border-color:var(--dyn-40)}.track-card-img-wrap{aspect-ratio:1;background:#0d0d11;position:relative;overflow:hidden}.track-card-img-blur{pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.track-card-img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.track-fav-btn{background:#0009;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:6px;right:6px}.track-fav-btn svg{width:13px;height:13px;stroke:var(--text2);fill:none;stroke-width:2px}.track-fav-btn.faved svg{stroke:#ef4444;fill:#ef4444}.playing-indicator{align-items:flex-end;gap:2px;height:14px;display:flex;position:absolute;bottom:6px;left:8px}.playing-bar{background:var(--dyn);border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate bar-bounce}.playing-bar:first-child{height:55%;animation-delay:0s}.playing-bar:nth-child(2){height:100%;animation-delay:.2s}.playing-bar:nth-child(3){height:70%;animation-delay:.1s}@keyframes bar-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.track-card-info{padding:8px 10px 10px}.track-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.track-card-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.track-card-duration{color:var(--text3);margin-top:3px;font-size:10px}.track-list{flex-direction:column;display:flex}.track-list-item{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:9px 18px;display:flex}.track-list-item:active{background:var(--card)}.track-list-item.playing .track-list-name{color:var(--dyn)}.track-rank{color:var(--text3);text-align:center;flex-shrink:0;width:20px;font-size:13px;font-weight:600}.track-rank.top{color:var(--dyn)}.track-list-img{object-fit:cover;background:var(--card2);border-radius:10px;flex-shrink:0;width:46px;height:46px}.track-list-meta{flex:1;min-width:0}.track-list-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.track-list-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.track-list-duration{color:var(--text3);flex-shrink:0;font-size:12px}.track-list-fav{flex-shrink:0;padding:4px}.track-list-fav svg{width:16px;height:16px;stroke:var(--text3);fill:none;stroke-width:2px}.track-list-fav.faved svg{stroke:#ef4444;fill:#ef4444}.hscroll-row{gap:10px;padding:0 18px;display:flex;overflow-x:auto}.hscroll-img-wrap{aspect-ratio:1;background:#0d0d11;border-radius:12px;width:100%;position:relative;overflow:hidden}.hscroll-img-blur{pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.hscroll-img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.hscroll-name{white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:12px;font-weight:600;overflow:hidden}.hscroll-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.hero-card{cursor:pointer;aspect-ratio:16/9;-webkit-tap-highlight-color:transparent;background:#0a0a0a;border-radius:18px;margin:10px 16px;position:relative;overflow:hidden}.hero-card:active{opacity:.9}.hero-card-bg{filter:blur(10px)brightness(.4)saturate(1.3);pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-10px;transform:scale(1.06)}.hero-card img{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;display:block;position:relative}.hero-overlay{background:linear-gradient(#0000 45%,#000000d1 100%);flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:absolute;inset:0}.hero-label{letter-spacing:.1em;color:var(--dyn);text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700}.hero-name{color:#fff;letter-spacing:-.02em;font-size:17px;font-weight:800;line-height:1.2}.hero-artist{color:#fff9;margin-top:2px;font-size:13px}.genre-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 14px;display:grid}.genre-card{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:flex-end;height:76px;padding:10px;display:flex;position:relative}.genre-card:active{opacity:.8}.genre-card-label{color:#fff;z-index:1;font-size:14px;font-weight:700;position:relative}.genre-card-emoji{font-size:22px;position:absolute;top:8px;right:10px}.mini-player{bottom:var(--nav-h);height:var(--player-h);border:1px solid rgba(var(--dyn-rgb),.25);z-index:90;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px)saturate(130%);will-change:auto;box-shadow:0 -2px 24px #00000080, 0 0 0 1px rgba(var(--dyn-rgb),.08);contain:layout;background:#121216f0;border-bottom:none;border-radius:20px 20px 0 0;align-items:center;gap:12px;padding:0 14px 0 12px;display:flex;position:fixed;left:6px;right:6px;overflow:hidden;transform:translateZ(0)}.mini-progress-bar{background:rgba(var(--dyn-rgb),.15);height:2.5px;position:absolute;top:0;left:0;right:0}.mini-cover-wrap{cursor:pointer;flex-shrink:0;width:56px;height:56px;position:relative}.mini-player-img{object-fit:cover;background:var(--card2);z-index:1;border-radius:13px;flex-shrink:0;width:56px;height:56px;display:block;position:relative;box-shadow:0 4px 14px #00000080}.mini-cover-ring{border:2px solid var(--dyn);opacity:0;pointer-events:none;z-index:2;border-radius:17px;transition:opacity .4s;position:absolute;inset:-4px}.mini-cover-wrap.is-playing .mini-cover-ring{opacity:.9;animation:2.4s ease-in-out infinite mini-ring-breathe}@keyframes mini-ring-breathe{0%{opacity:.6;box-shadow:0 0 0 0 var(--dyn-40);transform:scale(1)}50%{opacity:1;box-shadow:0 0 14px 3px var(--dyn-40);transform:scale(1.12)}to{opacity:.6;box-shadow:0 0 0 0 var(--dyn-40);transform:scale(1)}}.mini-cover-outer-ring{border:1.5px solid rgba(var(--dyn-rgb),.3);opacity:0;pointer-events:none;z-index:0;border-radius:23px;transition:opacity .4s;position:absolute;inset:-10px}.mini-cover-wrap.is-playing .mini-cover-outer-ring{opacity:1;animation:2.8s ease-in-out .4s infinite mini-outer-ring}@keyframes mini-outer-ring{0%{opacity:.2;transform:scale(.95)}50%{opacity:.7;transform:scale(1.08)}to{opacity:.2;transform:scale(.95)}}.mini-player-info{flex:1;min-width:0}.mini-player-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:13.5px;font-weight:700;overflow:hidden}.mini-player-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.mini-ctrl-btn{justify-content:center;align-items:center;padding:8px;display:flex}.mini-ctrl-btn svg{fill:currentColor;width:22px;height:22px}.mini-play-btn svg{width:26px;height:26px}.full-player{z-index:200;background:var(--bg);flex-direction:column;transition:transform .4s;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(100%)}.full-player.open{transform:translateY(0)}.fp-bg{opacity:.18;background-position:50%;background-size:cover;transition:background-image .6s;position:absolute;inset:0}.fp-bg-overlay{background:linear-gradient(to bottom, var(--fp-bg-tint,#0a0a0a99) 0%, #0a0a0af7 65%);position:absolute;inset:0}.full-player-header{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:48px 20px 10px;display:flex;position:relative}.full-player-header button{padding:6px}.full-player-header button svg{fill:none;width:26px;height:26px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.full-player-title{color:var(--text2);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.fp-header-right{align-items:center;gap:4px;display:flex}.fp-artwork-wrap{z-index:2;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:14px;padding:0 8px;display:flex;position:relative}.fp-artwork{aspect-ratio:1;object-fit:cover;border-radius:18px;width:min(96vw,440px);height:min(96vw,440px);transition:transform .5s;box-shadow:0 24px 60px #000000b3}.fp-artwork.playing{transform:scale(1.025)}.fp-meta{z-index:2;flex-shrink:0;align-items:center;gap:12px;margin-bottom:14px;padding:0 28px;display:flex;position:relative}.fp-meta-text{flex:1;min-width:0}.fp-track-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.fp-artist-name{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:15px;overflow:hidden}.fp-fav-btn{flex-shrink:0;padding:4px}.fp-fav-btn svg{fill:none;width:24px;height:24px;stroke:var(--text2);stroke-width:2px}.fp-fav-btn.active svg{fill:#ef4444;stroke:#ef4444}.fp-progress-wrap{z-index:2;flex-shrink:0;margin-bottom:4px;padding:0 28px;position:relative}.fp-progress-track{cursor:pointer;background:#ffffff26;border-radius:2px;height:4px;position:relative}.fp-progress-fill{background:var(--dyn);border-radius:2px;height:100%}.fp-progress-thumb{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.fp-time-row{color:var(--text2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:11px;font-weight:500;display:flex}.fp-controls{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px 4px;display:flex;position:relative}.fp-ctrl{color:var(--text2);padding:10px}.fp-ctrl svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.fp-ctrl.active{color:var(--dyn)}.fp-play-btn{background:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 6px 20px #00000059}.fp-play-btn:active{opacity:.85}.fp-play-btn svg{width:24px;height:24px;fill:var(--bg);stroke:none}.fp-vol-row{z-index:2;flex-shrink:0;align-items:center;gap:10px;padding:14px 28px 4px;display:flex;position:relative}.fp-vol-row svg{width:15px;height:15px;fill:var(--text2);flex-shrink:0}.fp-player-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.fp-player-content::-webkit-scrollbar{display:none}.fp-share-row{border:1px solid var(--border2);color:var(--text2);cursor:pointer;z-index:2;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:12px 28px 0;padding:10px;font-size:13px;font-weight:600;display:flex;position:relative}.fp-share-row:active{background:var(--dyn-20);color:var(--dyn)}.fp-vol-slider{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:2px;outline:none;flex:1;height:3px}.fp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border-radius:50%;width:14px;height:14px}.fp-tabs{z-index:2;border-bottom:1px solid var(--border2);flex-shrink:0;padding:10px 20px 0;display:flex;position:relative}.fp-tab{color:var(--text3);border-bottom:2px solid #0000;flex:1;padding:7px 0 9px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s}.fp-tab.active{color:var(--dyn);border-bottom-color:var(--dyn)}.fp-body{z-index:2;flex:1;min-height:0;position:relative;overflow-y:auto}.lyrics-wrap{flex-direction:column;padding:14px 24px 40px;display:flex}.lyric-line.active{color:var(--text);font-size:23px}.lyric-empty{text-align:center;color:var(--text2);padding:50px 24px;font-size:15px;font-weight:500}.queue-item{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:10px 18px;display:flex}.eq-presets{flex-wrap:wrap;gap:7px;padding:14px 18px 8px;display:flex}.eq-preset-btn{border:1px solid var(--border);color:var(--text2);background:var(--card);border-radius:20px;padding:6px 13px;font-size:12px;font-weight:500;transition:opacity .12s}.eq-preset-btn.active{background:var(--dyn-20);border-color:var(--dyn-40);color:var(--text)}.eq-sliders{justify-content:space-around;align-items:flex-end;gap:6px;padding:16px 18px 12px;display:flex}.eq-band{color:var(--text3);flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:500;display:flex}.search-bar-wrap{padding:10px 18px}.search-input-wrap{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:9px;padding:10px 13px;transition:border-color .2s;display:flex}.search-input-wrap:focus-within{border-color:var(--dyn-40)}.search-input-wrap svg{fill:none;width:16px;height:16px;stroke:var(--text2);stroke-width:2px;flex-shrink:0}.search-input{flex:1;font-size:15px}.search-input::placeholder{color:var(--text3)}.search-clear-btn{color:var(--text3);font-size:17px;line-height:1}.search-history-section{padding:8px 18px}.search-history-title{color:var(--text2);margin-bottom:9px;font-size:13px;font-weight:600}.search-history-chips{flex-wrap:wrap;gap:7px;display:flex}.search-history-chip{background:var(--card);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:20px;padding:5px 13px;font-size:12px}.search-filter-row{gap:7px;padding:4px 18px 6px;display:flex;overflow-x:auto}.search-filter-btn{border:1px solid var(--border);color:var(--text2);background:var(--card);border-radius:20px;flex-shrink:0;padding:5px 13px;font-size:12px;font-weight:500;transition:opacity .12s}.search-filter-btn.active{background:var(--dyn-20);border-color:var(--dyn-40);color:var(--text)}.lib-tabs{border-bottom:1px solid var(--border2);z-index:50;background:var(--bg);padding:6px 18px 0;display:flex;position:sticky;top:0}.lib-tab{color:var(--text3);border-bottom:2px solid #0000;flex:1;padding:7px 0 9px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.playlist-add-btn{background:var(--card);border:1px dashed var(--border);color:var(--dyn);cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin:10px 16px 0;padding:13px 18px;font-size:14px;font-weight:600;display:flex}.playlist-add-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.playlist-item{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:11px 18px;display:flex}.playlist-item:active{background:var(--card)}.playlist-item-cover{background:var(--card2);border:1px solid var(--border2);border-radius:10px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:1px;width:50px;height:50px;display:grid;overflow:hidden}.playlist-item-cover img{object-fit:cover;width:100%;height:100%}.playlist-item-meta{flex:1;min-width:0}.playlist-item-name{font-size:14px;font-weight:700}.playlist-item-count{color:var(--text2);margin-top:2px;font-size:12px}.history-item{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:9px 18px;display:flex}.history-item:active{background:var(--card)}.history-img{object-fit:cover;background:var(--card2);border-radius:9px;flex-shrink:0;width:44px;height:44px}.history-meta{flex:1;min-width:0}.history-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.history-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.history-time{color:var(--text3);flex-shrink:0;font-size:11px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;padding:8px 14px;display:grid}.stats-card{background:var(--card);border:1px solid var(--border2);border-radius:14px;padding:14px}.stats-num{letter-spacing:-.03em;font-size:28px;font-weight:800}.stats-label{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:500}.stats-bar-wrap{background:var(--border);border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.stats-bar-fill{background:var(--dyn);border-radius:2px;height:100%;transition:width .6s}.loading-screen{z-index:1000;background:#070706;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-video{object-fit:cover;opacity:.3;width:100%;height:100%;position:absolute;inset:0}.loading-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.loading-logo{object-fit:cover;border:1px solid #ffffff1a;border-radius:18px;width:68px;height:68px;margin-bottom:18px}.loading-brand-name{letter-spacing:-.04em;font-size:26px;font-weight:800}.loading-tagline{color:var(--text2);margin-top:3px;font-size:13px}.loading-progress-wrap{background:#ffffff1a;border-radius:2px;width:130px;height:3px;margin-top:28px;overflow:hidden}.loading-progress-fill{background:var(--dyn);height:100%;box-shadow:0 0 8px var(--dyn);border-radius:2px;transition:width .3s}.loading-skip{z-index:3;color:var(--text2);border:1px solid var(--border);background:#ffffff12;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;position:absolute;bottom:40px;right:20px}.toast{bottom:calc(var(--nav-h) + var(--player-h) + 10px);border:1px solid var(--border);white-space:nowrap;z-index:300;opacity:0;pointer-events:none;background:#1c1c1cf5;border-radius:20px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.spinner{border-style:solid;border-color:var(--border);border-top-color:var(--dyn);border-width:3px;border-radius:50%;width:30px;height:30px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-tracks{color:var(--text2);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13px;font-weight:500;display:flex}.error-state{text-align:center;color:var(--text2);padding:40px 18px;font-size:14px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 28px;display:flex}.empty-state-icon{font-size:44px}.empty-state-title{font-size:17px;font-weight:700}.empty-state-sub{color:var(--text2);font-size:13px;line-height:1.5}.charts-stat-card{background:var(--card);border:1px solid var(--border2);text-align:center;border-radius:14px;padding:14px 10px}.charts-stat-num{letter-spacing:-.03em;color:var(--dyn);font-size:24px;font-weight:800}.charts-stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:10px;font-weight:500}.charts-section-title{letter-spacing:-.02em;padding:0 20px 12px;font-size:17px;font-weight:700}.charts-bar-chart{align-items:flex-end;gap:6px;height:100px;padding:0 16px;display:flex}.charts-bar-col{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.charts-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.charts-bar-count{color:var(--text2);min-height:12px;font-size:9px;font-weight:700}.charts-play-badge{background:var(--dyn-20);color:var(--dyn);border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.charts-artist-row{align-items:center;gap:12px;padding:9px 18px;display:flex}.charts-artist-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:13px;font-weight:600;overflow:hidden}.pl-back-btn{color:var(--dyn);align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:600;display:flex}.pl-back-btn svg{flex-shrink:0}.pl-detail-hero{align-items:flex-end;gap:16px;padding:16px 20px 20px;display:flex}.pl-detail-info{flex:1;min-width:0}.pl-detail-name{letter-spacing:-.03em;margin-bottom:5px;font-size:22px;font-weight:800;line-height:1.1}.pl-detail-meta{color:var(--text2);margin-bottom:12px;font-size:13px}.pl-play-all-btn{background:var(--dyn);color:#000;border-radius:24px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.pl-remove-btn{color:var(--text3);flex-shrink:0;padding:6px}.pl-remove-btn:active{color:#ef4444}.pl-create-btn{background:var(--card);border:1px dashed var(--border);width:100%;color:var(--dyn);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;display:flex}.pl-create-form{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}.pl-name-input{background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:11px 13px;font-size:15px}.pl-name-input::placeholder{color:var(--text3)}.pl-btn-primary{background:var(--dyn);color:#000;border-radius:10px;flex:1;padding:11px;font-size:14px;font-weight:700}.pl-btn-secondary{background:var(--card2);color:var(--text2);border-radius:10px;flex:1;padding:11px;font-size:14px;font-weight:600}.pl-item{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:10px 18px;display:flex}.pl-item:active{background:var(--card)}.pl-item-meta{flex:1;min-width:0}.pl-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.pl-item-count{color:var(--text2);margin-top:3px;font-size:12px}.pl-item-play{background:var(--dyn-20);width:36px;height:36px;color:var(--dyn);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pl-item-play:active{background:var(--dyn-40)}.pl-item-delete{color:var(--text3);flex-shrink:0;padding:8px}.pl-item-delete:active{color:#ef4444}.pl-sheet-backdrop{z-index:600;-webkit-backdrop-filter:blur(8px);background:#000000b3;align-items:flex-end;display:flex;position:fixed;inset:0}.pl-sheet{width:100%;max-height:75vh;padding:10px 0 calc(var(--nav-h) + var(--player-h) + env(safe-area-inset-bottom,0px) + 16px);background:#1a1a1a;border-radius:22px 22px 0 0;overflow-y:auto}.pl-sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.pl-sheet-header{justify-content:space-between;align-items:center;padding:0 18px 10px;display:flex}.pl-sheet-title{font-size:16px;font-weight:700}.pl-sheet-close{color:var(--text2);padding:4px 8px;font-size:18px}.pl-sheet-track{border-bottom:1px solid var(--border2);align-items:center;gap:12px;margin-bottom:8px;padding:10px 18px 14px;display:flex}.pl-sheet-track-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px}.pl-sheet-track-name{font-size:14px;font-weight:600}.pl-sheet-track-artist{color:var(--text2);margin-top:2px;font-size:12px}.pl-sheet-item{-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;width:100%;padding:11px 18px;display:flex}.pl-sheet-item:active{background:var(--card)}.login-shell{background:#070710;min-height:100dvh;display:flex;position:relative;overflow:hidden}.login-bg{background:radial-gradient(80% 60% at 20% 80%,#8b73552e 0%,#0000 60%),radial-gradient(60% 40% at 80% 20%,#7c6bc91f 0%,#0000 50%);position:absolute;inset:0}.login-left{flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.login-girl{object-fit:contain;-webkit-user-select:none;user-select:none;z-index:1;filter:drop-shadow(0 0 40px #8b735540);width:85%;max-width:340px;position:relative}.login-right{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border-left:1px solid #ffffff0f;flex-direction:column;justify-content:center;width:320px;min-width:280px;padding:40px 32px;display:flex;position:relative}.login-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.login-logo-img{object-fit:cover;border-radius:8px;width:32px;height:32px}.login-logo-name{letter-spacing:-.02em;font-size:18px;font-weight:800}.login-headline{letter-spacing:-.03em;margin-bottom:10px;font-size:28px;font-weight:800;line-height:1.15}.login-sub{color:var(--text2);margin-bottom:28px;font-size:13px;line-height:1.6}.login-error{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.login-google-btn{color:#111;background:#fff;border-radius:100px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.login-google-btn:active{opacity:.85;transform:scale(.98)}.login-google-btn:disabled{opacity:.6}.login-spinner{border:2px solid #00000026;border-top-color:#111;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.login-terms{color:var(--text3);text-align:center;margin-top:16px;font-size:11px;line-height:1.5}@media (max-width:600px){.login-shell{flex-direction:column}.login-left{flex:0 0 220px}.login-girl{width:60%}.login-right{border-top:1px solid #ffffff0f;border-left:none;width:100%;padding:28px 24px 40px}.login-headline{font-size:22px}}.profile-banner-wrap{aspect-ratio:16/7;width:100%;position:relative;overflow:hidden}.profile-banner-img{object-fit:cover;width:100%;height:100%;display:block}.profile-banner-gradient{background:linear-gradient(#0000 40%,#0a0a0ad9 100%);position:absolute;inset:0}.profile-body{z-index:1;background:var(--bg-solid,#0a0a0a);padding:0 18px 20px;position:relative}.profile-top-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:-44px;margin-bottom:12px;display:flex}.profile-avatar-wrap{cursor:pointer;flex-shrink:0;width:88px;height:88px;position:relative}.profile-avatar-pulse{border:2px solid var(--dyn);opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:-4px}.profile-avatar-wrap.playing .profile-avatar-pulse{opacity:1;animation:1.8s ease-in-out infinite avatar-pulse}@keyframes avatar-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.profile-avatar-img{object-fit:cover;border:3px solid var(--bg);border-radius:50%;width:88px;height:88px;display:block}.profile-avatar-placeholder{background:var(--card2);border:3px solid var(--bg);width:88px;height:88px;color:var(--dyn);border-radius:50%;justify-content:center;align-items:center;font-size:34px;font-weight:800;display:flex}.profile-avatar-cam{background:var(--dyn);border:2px solid var(--bg);color:#000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:2px;right:2px}.profile-avatar-vid-setting{color:#fff;cursor:pointer;z-index:5;background:#000000b3;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;bottom:2px;left:2px}.profile-action-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.profile-pill-btn{background:var(--dyn);color:#000;white-space:nowrap;border-radius:100px;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.profile-pill-btn.ghost{background:var(--card);color:var(--text2);border:1px solid var(--border)}.profile-pill-btn.danger{color:#f87171;background:0 0;border:1px solid #f871714d}.profile-pill-btn:active{opacity:.75}.profile-info{margin-bottom:14px}.profile-display-name{letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.1}.profile-username{color:var(--text3);font-size:13px}.profile-bio{color:var(--text2);margin-bottom:8px;font-size:13px;line-height:1.5}.profile-identity-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.profile-vibe-badge{background:var(--dyn-20);color:var(--dyn);border:1px solid var(--dyn-40);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:700}.profile-genre-chip{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:100px;padding:4px 10px;font-size:11px}.profile-stats-row{border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);align-items:center;gap:0;margin-bottom:4px;padding:12px 0;display:flex}.profile-stat{text-align:center;flex:1}.profile-stat-num{letter-spacing:-.03em;font-size:18px;font-weight:800}.profile-stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px}.profile-stat-div{background:var(--border);flex-shrink:0;width:1px;height:28px}.settings-section{margin-bottom:8px;padding:16px 18px 0}.settings-section-title{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:700}.settings-item{border-bottom:1px solid var(--border2);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.settings-link{text-decoration:none}.settings-danger-item .settings-item-label{color:#f87171}.settings-toggle{background:var(--card2);border:1px solid var(--border);width:44px;height:26px;transition:background var(--anim-speed,.2s), border-color var(--anim-speed,.2s);border-radius:100px;flex-shrink:0;position:relative}.sw-update-banner{top:env(safe-area-inset-top,0px);z-index:900;background:var(--dyn);color:#000;text-align:center;cursor:pointer;padding:12px 20px;font-size:14px;font-weight:700;animation:.3s toast-in;position:fixed;left:0;right:0}.ai-fab{bottom:calc(var(--nav-h) + var(--player-h) + 14px);background:var(--card);border:1px solid var(--border);z-index:90;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,background .2s;display:flex;position:fixed;right:16px;overflow:hidden;box-shadow:0 8px 24px #0006}.app-shell.no-player .ai-fab{bottom:calc(var(--nav-h) + 14px)}.app-shell.no-player .ai-panel{bottom:calc(var(--nav-h) + 72px)}.ai-fab:active{transform:scale(.93)}.ai-fab.open{background:var(--card2)}.ai-fab-dot{background:var(--dyn);border:2px solid var(--card);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dot-pulse;position:absolute;top:8px;right:8px}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.ai-panel{bottom:calc(var(--nav-h) + var(--player-h) + 72px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);z-index:89;background:#141418f5;border-radius:20px;flex-direction:column;width:min(360px,100vw - 24px);max-height:55vh;animation:.2s panel-in;display:flex;position:fixed;right:12px;overflow:hidden;box-shadow:0 20px 60px #0009}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.ai-panel-header{border-bottom:1px solid var(--border2);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.ai-panel-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.ai-panel-name{font-size:14px;font-weight:700}.ai-panel-sub{color:var(--text3);font-size:11px}.ai-now-playing{background:var(--card);border:1px solid var(--border2);border-radius:100px;align-items:center;gap:5px;max-width:140px;margin-left:auto;padding:4px 10px;display:flex;overflow:hidden}.ai-now-playing-text{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ai-messages{flex-direction:column;flex:1;gap:12px;padding:12px 14px;display:flex;overflow-y:auto}.ai-msg{align-items:flex-start;gap:8px;display:flex}.ai-msg.user{flex-direction:row-reverse}.ai-msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px;margin-top:2px}.ai-msg-content{flex-direction:column;gap:7px;max-width:85%;display:flex}.ai-msg-text{background:var(--card);word-break:break-word;overflow-wrap:anywhere;border-radius:14px;padding:8px 12px;font-size:13px;line-height:1.5}.ai-msg.user .ai-msg-text{background:var(--dyn-20);color:var(--text);border-radius:14px 14px 4px}.ai-msg.ai .ai-msg-text{border-radius:4px 14px 14px}.ai-tracks{flex-direction:column;gap:5px;display:flex}.ai-track-item{background:var(--card);cursor:pointer;border:1px solid var(--border2);border-radius:12px;align-items:center;gap:9px;padding:8px 10px;transition:background .15s;display:flex}.ai-track-item:active{background:var(--card2)}.ai-track-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:38px;height:38px}.ai-track-meta{flex:1;min-width:0}.ai-track-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ai-track-artist{color:var(--text3);font-size:11px}.ai-follow-actions{flex-wrap:wrap;gap:6px;display:flex}.ai-follow-btn{background:var(--card2);border:1px solid var(--border);color:var(--text2);border-radius:100px;padding:5px 10px;font-size:11px;font-weight:600;transition:background .15s}.ai-follow-btn:active{background:var(--dyn-20);color:var(--dyn)}.ai-typing{background:var(--card);border-radius:4px 14px 14px;align-items:center;gap:4px;padding:12px 14px;display:flex}.ai-typing span{background:var(--text3);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-dot}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-quick-wrap{border-top:1px solid var(--border2);flex-shrink:0;padding:10px 12px 8px}.ai-quick-row{gap:7px;display:flex;overflow-x:auto}.ai-quick-btn{background:var(--card);border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:7px 13px;font-size:12px;font-weight:600;transition:opacity .12s;display:flex}.ai-quick-btn:active{background:var(--dyn-20);color:var(--dyn);border-color:var(--dyn-40);transform:scale(.96)}.ai-input-row{flex-shrink:0;align-items:center;gap:8px;padding:10px 14px 14px;display:flex}.ai-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:100px;flex:1;padding:10px 16px;font-size:13px}.ai-input::placeholder{color:var(--text3)}.ai-send-btn{background:var(--dyn);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .15s;display:flex}.ai-send-btn:disabled{opacity:.4}.user-list-item{border-bottom:1px solid var(--border2);align-items:center;gap:12px;padding:10px 18px;display:flex}.user-list-link{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.user-list-avatar{background:var(--card2);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.user-list-avatar-img{object-fit:cover;width:100%;height:100%}.user-list-avatar-placeholder{width:100%;height:100%;color:var(--dyn);justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.user-list-meta{flex:1;min-width:0}.user-list-name{font-size:14px;font-weight:700}.user-list-username{color:var(--text3);font-size:12px}.user-list-genres{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.user-genre-tag{background:var(--card);border:1px solid var(--border2);color:var(--text3);border-radius:100px;padding:2px 7px;font-size:10px}.follow-btn{background:var(--dyn);color:#000;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:700;transition:opacity .15s}.follow-btn.following{background:var(--card);color:var(--text2);border:1px solid var(--border)}.follow-btn:active{opacity:.75}.edit-sheet-backdrop{z-index:600;-webkit-backdrop-filter:blur(6px);background:#000000bf;align-items:flex-end;display:flex;position:fixed;inset:0}.confirm-backdrop{z-index:600;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-sheet{width:100%;max-height:90dvh;padding:10px 0 calc(var(--nav-h) + var(--player-h) + env(safe-area-inset-bottom,0px) + 8px);background:#181818;border-radius:22px 22px 0 0;animation:.25s sheet-up;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.edit-sheet-title{padding:4px 20px 16px;font-size:17px;font-weight:700}.edit-field{padding:0 20px 16px}.edit-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.edit-at{color:var(--text3);font-size:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.edit-input{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:12px 14px;font-size:15px}.edit-textarea{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text);resize:none;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5}.edit-genres{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.edit-genre-chip{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:100px;padding:6px 13px;font-size:12px;font-weight:600;transition:opacity .12s}.edit-genre-chip.active{background:var(--dyn-20);border-color:var(--dyn-40);color:var(--text)}.main-content{transition:opacity var(--anim-speed,.15s) ease}.main-content.fade-out{opacity:0;pointer-events:none}.main-content.fade-in{opacity:1}.main-content.slide-out{opacity:0;pointer-events:none}.main-content.slide-in{opacity:1}.track-list-item{padding-top:calc(var(--density-gap,12px) * .6);padding-bottom:calc(var(--density-gap,12px) * .6)}.charts-artist-row{padding:calc(var(--density-gap,12px) * .5) 0}.settings-item{padding:calc(var(--density-gap,12px) * .7) 0}.track-card-info{padding:var(--density-gap,12px);gap:calc(var(--density-gap,12px) * .4)}.track-card,.stats-card,.charts-stat-card,.playlist-card,.throwback-card{border-radius:var(--radius-base,14px)}.wrapped-hero{border-radius:calc(var(--radius-base,14px) + 6px)}.ai-panel{border-radius:calc(var(--radius-base,14px) + 8px) calc(var(--radius-base,14px) + 8px) 0 0}.fp-artwork{border-radius:var(--radius-base,14px)}.mini-player{border-radius:calc(var(--radius-base,14px) + 4px) calc(var(--radius-base,14px) + 4px) 0 0}.search-input-wrap,.settings-dna-card,.genre-card{border-radius:var(--radius-base,14px)}.hero-card{border-radius:calc(var(--radius-base,14px) + 4px)}.app-shell:before{content:"";background-image:var(--custom-bg,none);opacity:var(--custom-bg-opacity,.12);filter:blur(var(--custom-bg-blur,0px));pointer-events:none;z-index:0;background-position:50%;background-size:cover;background-attachment:fixed;position:fixed;inset:-30px}.main-content{z-index:1;position:relative}.mood-chip{background:var(--card);border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:100px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .12s}.mood-chip.active{background:var(--dyn-20);border-color:var(--dyn-40);color:var(--text)}.mood-chip:active{transform:scale(.96)}.sleep-timer-badge{z-index:200;background:var(--card);border:1px solid var(--border);color:var(--dyn);border-radius:100px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 4px 20px #0006}.sleep-timer-badge button{color:var(--text3);padding:0 2px;font-size:14px}.sleep-timer-popup{border:1px solid var(--border);z-index:300;background:#1e1e1e;border-radius:16px;min-width:180px;padding:14px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 10px 40px #0009}.sleep-timer-title{color:var(--text2);margin-bottom:10px;font-size:13px;font-weight:700}.sleep-timer-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sleep-preset-btn{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:10px;padding:9px 0;font-size:13px;font-weight:700;transition:opacity .12s}.sleep-preset-btn:active{background:var(--dyn-20);color:var(--dyn)}.sleep-cancel-btn{color:#f87171;background:#f871711f;border:1px solid #f8717140;border-radius:10px;width:100%;margin-top:10px;padding:9px;font-size:12px;font-weight:600}.ai-action-toast{background:var(--card);border:1px solid var(--border);color:var(--text);z-index:400;white-space:nowrap;border-radius:100px;padding:9px 20px;font-size:13px;font-weight:600;animation:.2s toast-in;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ai-proactive-tip{color:var(--text2);opacity:.78;margin-top:5px;font-size:12px;font-style:italic}.ai-panel-playing-dot{background:#4ade80;border:2px solid #1e1e1e;border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite dot-pulse;position:absolute;bottom:1px;right:1px}.ai-panel-avatar-wrap{flex-shrink:0;position:relative}.settings-shell{flex-direction:column;min-height:100%;display:flex;position:relative}.settings-sidebar{display:none}.settings-mobile-tabs{border-bottom:1px solid var(--border2);scrollbar-width:none;flex-shrink:0;gap:0;padding:0 8px;display:flex;overflow-x:auto}.settings-mobile-tabs::-webkit-scrollbar{display:none}.settings-mobile-tab{color:var(--text3);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:56px;padding:8px 12px;font-size:10px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.settings-mobile-tab span:first-child{font-size:16px}.settings-mobile-tab.active{color:var(--dyn);border-bottom-color:var(--dyn)}@media (min-width:768px){.settings-mobile-tabs{display:none}}.settings-content{flex:1;padding:16px 18px 0;overflow-x:hidden}.settings-content-title{letter-spacing:-.03em;margin-bottom:20px;font-size:20px;font-weight:800}.settings-group-title{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;margin-bottom:10px;font-size:11px;font-weight:700}@media (min-width:720px){.settings-shell{flex-direction:row;gap:0}.settings-sidebar{border-right:1px solid var(--border2);flex-direction:column;flex-shrink:0;width:200px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0;overflow-y:auto}.settings-content{padding:20px 28px 0}}.settings-tab-btn{color:var(--text2);text-align:left;border-radius:0;align-items:center;gap:10px;width:100%;padding:10px 18px;font-size:14px;font-weight:500;transition:all .12s;display:flex}.settings-tab-btn:hover{background:var(--card);color:var(--text)}.settings-tab-btn.active{background:var(--dyn-20);color:var(--dyn);border-right:3px solid var(--dyn);font-weight:700}.settings-tab-emoji{text-align:center;flex-shrink:0;width:22px;font-size:16px}.settings-tab-label{font-size:13px}.settings-section{margin-bottom:8px}.settings-section-title{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border2);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.settings-item{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:11px 0;display:flex}.settings-item:last-child{border-bottom:none}.settings-item-label{font-size:14px;font-weight:500}.settings-item-desc{color:var(--text3);margin-top:2px;font-size:11px}.settings-item-value{color:var(--text2);font-size:13px}.settings-theme-chip{background:var(--card);border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .12s}.settings-theme-chip.active{background:var(--dyn-20);border-color:var(--dyn-40);color:var(--text)}.settings-toggle{background:var(--card2);border:1px solid var(--border);width:44px;height:26px;transition:background var(--anim-speed,.2s), border-color var(--anim-speed,.2s);cursor:pointer;border-radius:100px;flex-shrink:0;position:relative}.settings-toggle.on{background:var(--dyn);border-color:var(--dyn)}.settings-toggle-thumb{width:18px;height:18px;transition:transform var(--anim-speed,.2s);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.settings-btn-outline{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:10px;margin-bottom:8px;margin-right:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .12s}.settings-btn-outline:active{background:var(--card2)}.settings-btn-danger{color:#f87171;text-align:left;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;width:100%;margin-bottom:8px;padding:9px 16px;font-size:13px;font-weight:600;display:block}.settings-btn-danger:active{background:#ef444433}.settings-dna-card{background:var(--card);border:1px solid var(--border2);border-radius:14px;overflow:hidden}.settings-dna-row{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.settings-dna-row:last-child{border-bottom:none}.settings-dna-row span:first-child{color:var(--text2)}.settings-dna-row span:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:600;overflow:hidden}.settings-ai-preview{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:12px;padding:12px 14px;font-size:13px;font-style:italic;line-height:1.5}.settings-toast{background:var(--card);border:1px solid var(--border);z-index:500;white-space:nowrap;border-radius:100px;padding:9px 20px;font-size:13px;font-weight:600;animation:.2s toast-in;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.confirm-modal{border:1px solid var(--border);background:#1a1a1a;border-radius:20px;width:100%;max-width:380px;padding:24px 20px;animation:.2s wrapped-scale-in}.confirm-modal-msg{margin-bottom:18px;font-size:15px;font-weight:600;line-height:1.5}.pwa-install-card{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;margin-bottom:8px;padding:16px;display:flex}.pwa-install-title{font-size:14px;font-weight:700}.pwa-install-sub{color:var(--text3);margin-top:2px;font-size:12px}.pwa-top-banner{z-index:500;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:10px;height:56px;padding:0 14px;animation:.3s slide-down-banner;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0006}@keyframes slide-down-banner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.pwa-top-banner-icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:32px;height:32px}.pwa-top-banner-text{flex:1;min-width:0}.pwa-top-banner-title{font-size:13px;font-weight:700}.pwa-top-banner-sub{color:var(--text3);margin-top:1px;font-size:11px}.pwa-top-banner-install{background:var(--dyn);color:#000;border-radius:100px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:800}.pwa-top-banner-dismiss{width:28px;height:28px;color:var(--text3);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.has-pwa-banner .main-content{padding-top:64px}.queue-item{border-bottom:1px solid var(--border2);cursor:pointer;align-items:center;gap:10px;padding:9px 14px;transition:background .1s;display:flex}.queue-item:active{background:var(--card)}.queue-item.dragging{opacity:.4}.queue-item.drag-over{border-top:2px solid var(--dyn)}.queue-drag-handle{color:var(--text3);cursor:grab;flex-shrink:0;padding:4px}.queue-drag-handle:active{cursor:grabbing}.queue-item-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.queue-item-meta{flex:1;min-width:0}.queue-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.queue-item-artist{color:var(--text3);margin-top:2px;font-size:11px}.queue-empty{text-align:center;color:var(--text3);padding:40px 24px;font-size:13px}.throwback-card{background:linear-gradient(135deg, var(--card2), var(--card));border:1px solid var(--border);border-radius:16px;margin:8px 16px 16px;padding:14px}.throwback-label{color:var(--dyn);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:700}.throwback-text{color:var(--text3);margin-bottom:10px;font-size:12px}.throwback-track{cursor:pointer;align-items:center;gap:10px;display:flex}.throwback-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px}.throwback-track-name{font-size:14px;font-weight:700}.throwback-track-artist{color:var(--text3);margin-top:2px;font-size:12px}@keyframes wrapped-float{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:.7}85%{opacity:.4}to{opacity:0;transform:translateY(-110%)rotate(20deg)}}@keyframes wrapped-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wrapped-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes wrapped-bar-grow{0%{width:0}to{width:var(--bar-w)}}@keyframes wrapped-count{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wrapped-hero{border-radius:calc(var(--radius-base,14px) + 6px);text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);margin:8px 16px 20px;padding:32px 24px 28px;position:relative;overflow:hidden}.wrapped-hero:before{content:"";background:radial-gradient(circle at 50% 0%, var(--dyn-40) 0%, transparent 65%);pointer-events:none;position:absolute;inset:0}.wrapped-char-img{object-fit:cover;object-position:center;opacity:.25;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.wrapped-month{color:var(--dyn);text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px;font-size:11px;font-weight:700;animation:.5s both wrapped-fade-up;position:relative}.wrapped-personality-emoji{margin-bottom:8px;font-size:52px;animation:.5s .1s both wrapped-scale-in;display:block;position:relative}.wrapped-personality-label{letter-spacing:-.04em;background:linear-gradient(120deg, #fff 30%, var(--dyn) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;animation:.5s .15s both wrapped-fade-up;position:relative}.wrapped-personality-desc{color:#ffffffa6;margin-top:6px;font-size:13px;line-height:1.55;animation:.5s .22s both wrapped-fade-up;position:relative}.wrapped-stats-row{gap:0;margin-top:24px;animation:.5s .32s both wrapped-fade-up;display:flex;position:relative}.wrapped-stat{text-align:center;border-right:1px solid #ffffff1a;flex:1}.wrapped-stat:last-child{border-right:none}.wrapped-stat-num{letter-spacing:-.04em;color:var(--dyn);font-size:26px;font-weight:900;animation:.5s both wrapped-count}.wrapped-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:10px}.wrapped-section{animation:.5s both wrapped-fade-up}.wrapped-section:first-child{animation-delay:.1s}.wrapped-section:nth-child(2){animation-delay:.2s}.wrapped-section:nth-child(3){animation-delay:.3s}.wrapped-section:nth-child(4){animation-delay:.4s}.wrapped-share-btn{background:var(--dyn);color:#000;border-radius:var(--radius-base,14px);cursor:pointer;letter-spacing:.01em;justify-content:center;align-items:center;gap:10px;width:calc(100% - 32px);margin:0 16px 8px;padding:14px;font-size:14px;font-weight:800;display:flex}.share-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.share-card{text-align:center;background:linear-gradient(145deg,#1a1a2e,#0f3460);border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:340px;padding:28px 24px 24px;animation:.3s wrapped-scale-in;position:relative;overflow:hidden}.share-card:before{content:"";background:radial-gradient(circle at 50% -10%, var(--dyn-40) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.share-card-char{opacity:.28;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.share-card-logo{color:var(--dyn);letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:800;position:relative}.share-card-title{letter-spacing:-.03em;background:linear-gradient(120deg, #fff 30%, var(--dyn) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:22px;font-weight:900;position:relative}.share-card-sub{color:#ffffff8c;margin-bottom:18px;font-size:12px;line-height:1.5;position:relative}.share-card-stats{justify-content:center;gap:8px;margin-bottom:16px;display:flex;position:relative}.share-card-stat{background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;min-width:80px;padding:10px 16px}.share-card-stat-num{color:var(--dyn);font-size:22px;font-weight:900}.share-card-stat-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:10px}.share-card-top{color:#ffffff73;margin-bottom:6px;font-size:12px;position:relative}.share-card-top strong{color:#ffffffe6;font-weight:700}.share-card-url{color:var(--dyn);letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:700;position:relative}.share-card-actions{gap:8px;margin-top:18px;display:flex}.share-card-btn{cursor:pointer;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:700}.share-card-btn-primary{background:var(--dyn);color:#000}.share-card-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.song-share-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;align-items:flex-end;display:flex;position:fixed;inset:0}.song-share-sheet{background:var(--bg2);border-radius:24px 24px 0 0;width:100%;padding:20px 20px 40px;animation:.3s wrapped-fade-up}.song-share-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.song-share-card{background:linear-gradient(135deg, var(--dyn-40) 0%, #0006 100%);border:1px solid var(--dyn-20);border-radius:18px;align-items:center;gap:14px;margin-bottom:20px;padding:20px;display:flex}.song-share-img{object-fit:cover;border-radius:12px;flex-shrink:0;width:60px;height:60px}.song-share-name{letter-spacing:-.02em;font-size:16px;font-weight:800}.song-share-artist{color:var(--text3);margin-top:3px;font-size:13px}.song-share-via{color:var(--dyn);letter-spacing:.05em;margin-top:8px;font-size:11px;font-weight:700}.song-share-actions{gap:10px;display:flex}.song-share-action{background:var(--card);border-radius:var(--radius-base,14px);border:1px solid var(--border);color:var(--text2);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 8px;font-size:11px;font-weight:600;display:flex}.song-share-action svg{color:var(--dyn)}@media (min-width:720px){:root{--sidebar-w:72px;--nav-h:0px}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr auto;height:100dvh;display:grid;position:relative;overflow:hidden}.main-content{scroll-behavior:smooth;grid-area:1/2;height:100%;padding-top:0;padding-bottom:24px;overflow:hidden auto}.bottom-nav{width:var(--sidebar-w);border-right:1px solid var(--border2);z-index:10;background:#0e0e12;border-top:none;flex-direction:column;grid-area:1/1/3;justify-content:flex-start;align-items:center;gap:2px;height:100dvh;padding:16px 0 100px;position:sticky;inset:0 auto auto 0;overflow:hidden auto}.nav-item{letter-spacing:.02em;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:calc(100% - 12px);margin:0 6px;padding:10px 6px;font-size:9.5px;font-weight:600}.nav-item svg{width:22px;height:22px}.nav-item.active{background:rgba(var(--dyn-rgb),.12)}.mini-player{width:100%;height:var(--player-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c12f7;border-top:1px solid #ffffff12;border-left:none;border-radius:0;grid-area:2/2;gap:20px;padding:0 24px;position:relative;bottom:auto;left:auto;right:auto}.mini-progress-bar{height:2px;top:0}.mini-player-img{border-radius:10px;width:52px;height:52px}.mini-cover-wrap{width:52px;height:52px}.mini-player-name{font-size:14px;font-weight:700}.mini-player-artist{font-size:12.5px}.mini-viz-canvas{width:80px;height:36px}.mini-ctrl-btn svg{width:24px;height:24px}.mini-play-btn svg{width:30px;height:30px}.mini-play-btn{padding:10px}.full-player{left:var(--sidebar-w);border-radius:0;max-width:none;margin:0;right:0}.edit-sheet-backdrop,.pl-sheet-backdrop{left:var(--sidebar-w)}.edit-sheet,.pl-sheet{padding-bottom:32px}.contact-backdrop{left:var(--sidebar-w);justify-content:center;align-items:center;padding-bottom:0}.contact-sheet{border-radius:24px;max-width:520px;max-height:90dvh}.ai-fab{bottom:calc(var(--player-h) + 24px);width:52px;height:52px;right:24px}.ai-panel{bottom:calc(var(--player-h) + 72px);width:400px;max-height:68vh;right:24px}.page-header{padding:28px 28px 8px}.page-title{font-size:30px}.section-header{padding:18px 28px 10px}.hero-card{border-radius:22px;margin:12px 24px}.genre-chips{padding:10px 24px}.hscroll-row{padding:0 24px}.hscroll-card{width:180px}.track-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:0 20px}.track-list-item,.history-item,.queue-item{padding:10px 24px}.profile-banner-wrap{aspect-ratio:unset;height:clamp(200px,24vw,300px)}.profile-page{max-width:960px;margin:0 auto}.profile-body{padding:0 28px 32px}.profile-banner-menu-portal{top:clamp(180px,24vw,280px)!important}.stats-heatmap-grid{padding:0 24px}.stats-period-tabs{padding:18px 24px 12px}.stats-hero-card{margin:0 24px 16px}.search-bar-wrap{padding:12px 24px}.search-history-section{padding:10px 24px}.search-filter-row{padding:4px 24px 8px}.lib-tabs{padding:8px 24px 0}.playlist-add-btn{margin:10px 24px 0}.playlist-item{padding:12px 24px}.fp-artwork{width:min(52vw,380px);height:min(52vw,380px)}.toast{bottom:calc(var(--player-h) + 12px)}.sleep-timer-badge{bottom:calc(var(--player-h) + 14px)!important;right:28px!important}.pwa-top-banner{left:var(--sidebar-w)}.has-pwa-banner .main-content{padding-top:56px}.app-shell:not(.no-player) .contact-backdrop{padding-bottom:0}.app-shell:not(.no-player) .contact-sheet{max-height:90dvh}}@media (min-width:1100px){:root{--sidebar-w:230px}.nav-item{letter-spacing:0;border-radius:12px;flex-direction:row;justify-content:flex-start;gap:13px;width:calc(100% - 20px);margin:0 10px;padding:12px 20px;font-size:14px;font-weight:600}.nav-item svg{width:20px;height:20px}.bottom-nav{align-items:flex-start;padding:24px 0 120px}.bottom-nav:before{content:"qrtzmusic";letter-spacing:-.04em;color:var(--text);background:linear-gradient(90deg, var(--dyn), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;padding:0 20px 20px;font-size:16px;font-weight:900;display:block}.mini-player{gap:24px;padding:0 32px}.mini-viz-canvas{width:96px;height:40px}.track-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:0 24px}.hscroll-card{width:200px}.profile-page{max-width:1100px}.fp-artwork{width:min(48vw,420px);height:min(48vw,420px)}.full-player,.edit-sheet-backdrop,.pl-sheet-backdrop,.contact-backdrop{left:var(--sidebar-w)}}@media (min-width:1440px){.track-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.profile-page{max-width:1200px}}@keyframes ws-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes ws-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes ws-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes ws-glow-pulse{0%,to{box-shadow:0 0 0 3px var(--dyn-40)}50%{box-shadow:0 0 0 6px var(--dyn-20)}}@keyframes ws-char-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}@keyframes ws-count-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes ws-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes ws-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ws-shell{z-index:800;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.ws-gradient{pointer-events:none;z-index:2;transition:background .6s;position:absolute;inset:0}.ws-progress-row{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:10;gap:4px;display:flex;position:absolute;left:12px;right:12px}.ws-progress-track{background:#ffffff40;border-radius:2px;flex:1;height:3px;overflow:hidden}.ws-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width 50ms linear}.ws-close{top:calc(env(safe-area-inset-top,0px) + 24px);z-index:20;color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;right:16px}.ws-content{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 72px) clamp(16px, 5vw, 28px) calc(env(safe-area-inset-bottom,0px) + 100px);flex-direction:column;animation:.45s cubic-bezier(.22,1,.36,1) both ws-fade-up;display:flex;position:absolute;inset:0}.ws-slide{flex-direction:column;flex:1;display:flex}.ws-slide-center{text-align:center;justify-content:center;align-items:center;position:relative;overflow:hidden}.ws-slide-top{text-align:center;justify-content:center;align-items:center}.wrapped-particles{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.wrapped-particle{opacity:0;color:var(--dyn);-webkit-user-select:none;user-select:none;animation:linear infinite wrapped-float;position:absolute;bottom:-10px}.ws-stat-row{z-index:2;justify-content:center;align-items:center;gap:clamp(12px,4vw,24px);margin-top:clamp(10px,3vh,16px);animation:.4s .4s both ws-fade-up;display:flex;position:relative}.ws-other-artists{z-index:2;flex-direction:column;align-items:center;gap:8px;margin-top:clamp(12px,3vh,20px);animation:.4s .45s both ws-fade-up;display:flex;position:relative}.ws-char-bg{object-fit:cover;object-position:center top;opacity:.35;pointer-events:none;z-index:1;filter:saturate(.7)brightness(.8);width:100%;height:100%;position:fixed;inset:0}.ws-char-right{object-position:right top}.ws-char-bottom-right{object-position:right bottom}.ws-eyebrow{color:var(--dyn);text-transform:uppercase;letter-spacing:.14em;z-index:2;margin-bottom:clamp(8px,2vh,14px);font-size:clamp(10px,2.5vw,13px);font-weight:700;animation:.4s 50ms both ws-fade-up;position:relative}.ws-big-month{letter-spacing:-.05em;color:#ffffff12;z-index:2;font-size:clamp(9vw,15vw,160px);font-weight:900;line-height:1;animation:.5s .1s both ws-scale-in;position:relative}.ws-wrapped-word{letter-spacing:-.06em;background:linear-gradient(120deg, #fff 20%, var(--dyn) 80%);-webkit-text-fill-color:transparent;z-index:2;-webkit-background-clip:text;background-clip:text;font-size:clamp(12vw,18vw,180px);font-weight:900;line-height:.9;animation:.5s .2s both ws-scale-in;position:relative}.ws-slide-hint{color:#ffffff59;letter-spacing:.08em;z-index:2;margin-top:clamp(16px,4vh,28px);font-size:clamp(9px,2vw,11px);animation:.4s .6s both ws-fade-up;position:relative}.ws-personality-emoji{z-index:2;margin-bottom:8px;font-size:clamp(48px,15vw,72px);animation:.5s .15s both ws-count-pop;display:block;position:relative}.ws-personality-label{letter-spacing:-.04em;color:#fff;z-index:2;font-size:clamp(24px,7vw,34px);font-weight:900;animation:.45s .2s both ws-fade-up;position:relative}.ws-personality-tag{background:var(--dyn-20);border:1px solid var(--dyn-40);color:var(--dyn);letter-spacing:.15em;z-index:2;border-radius:100px;margin:8px 0;padding:3px 12px;font-size:clamp(8px,2vw,10px);font-weight:800;animation:.4s .28s both ws-fade-up;display:inline-block;position:relative}.ws-personality-desc{color:#ffffffa6;z-index:2;max-width:280px;margin-top:10px;font-size:16px;line-height:1.55;animation:.4s .36s both ws-fade-up;position:relative}.ws-stat-block{z-index:2;margin:24px 0 12px;position:relative}.ws-stat-giant{letter-spacing:-.06em;background:linear-gradient(120deg, var(--dyn) 0%, #fff 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22vw;font-weight:900;line-height:1;animation:.6s .1s both ws-count-pop}.ws-stat-desc{color:#ffffffb3;margin-top:4px;font-size:18px;font-weight:700;animation:.4s .3s both ws-fade-up}.ws-stat-mini{flex-direction:column;display:flex}.ws-stat-mini-num{color:#fff;letter-spacing:-.03em;font-size:28px;font-weight:900}.ws-stat-mini-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:11px}.ws-stat-divider{background:#ffffff26;width:1px;height:40px}.ws-fun-fact{color:#ffffffb3;z-index:2;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;margin-top:24px;padding:14px 16px;font-size:14px;line-height:1.5;animation:.4s .55s both ws-fade-up;position:relative}.ws-fun-fact strong{color:#fff}.ws-number-1{color:var(--dyn);text-transform:uppercase;letter-spacing:.2em;z-index:2;margin-bottom:8px;font-size:13px;font-weight:800;animation:.4s .1s both ws-fade-up;position:relative}.ws-top-artist-name{letter-spacing:-.04em;background:linear-gradient(120deg, #fff 30%, var(--dyn) 100%);-webkit-text-fill-color:transparent;z-index:2;-webkit-background-clip:text;background-clip:text;font-size:min(12vw,52px);font-weight:900;line-height:1.1;animation:.5s .15s both ws-scale-in;position:relative}.ws-top-artist-plays{color:#ffffff80;z-index:2;margin-top:8px;font-size:15px;animation:.4s .3s both ws-fade-up;position:relative}.ws-other-artist-pill{color:#fffc;background:#ffffff14;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.ws-other-rank{color:var(--dyn);font-size:12px;font-weight:800}.ws-top-track-img{object-fit:cover;z-index:2;border-radius:18px;width:160px;height:160px;margin-bottom:20px;animation:.5s .1s both ws-count-pop;position:relative;box-shadow:0 20px 60px #0009}.ws-top-track-name{letter-spacing:-.03em;color:#fff;z-index:2;max-width:280px;font-size:24px;font-weight:900;animation:.4s .25s both ws-fade-up;position:relative}.ws-top-track-artist{color:#ffffff8c;z-index:2;margin-top:6px;font-size:15px;animation:.4s .35s both ws-fade-up;position:relative}.ws-finale-logo{color:var(--dyn);letter-spacing:.2em;text-transform:uppercase;z-index:2;margin-bottom:20px;font-size:13px;font-weight:800;animation:.4s 50ms both ws-fade-up;position:relative}.ws-finale-title{letter-spacing:-.04em;background:linear-gradient(120deg, #fff 40%, var(--dyn) 100%);-webkit-text-fill-color:transparent;z-index:2;-webkit-background-clip:text;background-clip:text;font-size:min(10vw,42px);font-weight:900;line-height:1.1;animation:.5s .15s both ws-scale-in;position:relative}.ws-finale-sub{color:#fff9;z-index:2;max-width:280px;margin-top:14px;font-size:16px;line-height:1.6;animation:.4s .3s both ws-fade-up;position:relative}.ws-finale-cta{color:var(--dyn);letter-spacing:.06em;z-index:2;margin-top:28px;font-size:14px;font-weight:700;animation:.4s .5s both ws-fade-up;position:relative}.ws-share-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 28px);z-index:20;background:var(--dyn);color:#000;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:800;animation:.4s .7s both ws-fade-up;display:flex;position:absolute;left:20px;right:20px;box-shadow:0 8px 32px #0006}.ws-story-trigger{background:linear-gradient(120deg, var(--dyn-20) 0%, #ffffff0a 100%);border:1.5px solid var(--dyn-40);cursor:pointer;border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.ws-story-trigger-ring{background:linear-gradient(135deg, var(--dyn) 0%, var(--dyn-40) 100%);width:52px;height:52px;box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--dyn);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.wrapped-badge{background:linear-gradient(120deg, var(--dyn-20) 0%, #ffffff0a 100%);border:1px solid var(--dyn-40);border-radius:14px;flex:1;align-items:center;gap:10px;min-width:140px;padding:10px 14px;animation:.4s both ws-fade-up;display:flex}.wrapped-badge-label{color:var(--text);font-size:12px;font-weight:800}.wrapped-badge-desc{color:var(--text3);margin-top:2px;font-size:10px}.pl-cover-edit-btn{background:var(--dyn);color:#000;border:2px solid var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:-4px;right:-4px}.pl-share-btn{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:#ffffff12;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.pl-share-btn:active{background:var(--dyn-20);color:var(--dyn)}.pl-toast{bottom:calc(var(--nav-h) + var(--player-h) + 10px);border:1px solid var(--border);white-space:nowrap;z-index:600;color:var(--text);background:#181818f5;border-radius:20px;padding:9px 18px;font-size:13px;font-weight:600;animation:.2s both ws-fade-up;position:fixed;left:50%;transform:translate(-50%)}.queue-reorder-btns{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.queue-reorder-btn{width:26px;height:22px;color:var(--text3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.queue-reorder-btn:hover:not(:disabled){background:var(--dyn-20);color:var(--dyn)}.queue-reorder-btn:disabled{opacity:.2;cursor:default}.track-grid-toolbar{align-items:center;gap:10px;padding:6px 16px 10px;display:flex}.track-select-toggle-btn{color:var(--dyn);background:var(--dyn-20);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.track-select-cancel-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:12px;font-weight:600}.track-select-count{color:var(--text1);text-align:center;flex:1;font-size:12px;font-weight:700}.track-select-all-btn{color:var(--dyn);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:12px;font-weight:600}.track-card.track-selected .track-card-img{filter:brightness(.6)}.track-select-check{border-radius:inherit;border:2.5px solid #ffffff80;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:absolute;inset:0}.track-select-check.checked{background:var(--dyn);border-color:var(--dyn)}.track-select-bar{background:var(--dyn);color:#fff;z-index:10;border-radius:16px;justify-content:space-between;align-items:center;margin:8px 16px 0;padding:12px 16px;font-size:13px;font-weight:600;display:flex;position:sticky;bottom:72px;left:0;right:0;box-shadow:0 4px 24px #00000059}.track-select-add-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff3;border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:flex}.search-suggestions{background:var(--card1);border:1px solid var(--border2);z-index:100;border-radius:16px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.search-suggestion-item{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .12s;display:flex}.search-suggestion-item:hover{background:var(--card2)}.search-suggestion-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.search-suggestion-meta{flex:1;min-width:0}.search-suggestion-name{color:var(--text1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.search-suggestion-artist{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.search-field{background:var(--card);border:1.5px solid var(--border);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.search-field-icon{color:var(--text3);flex-shrink:0}.search-field-input{color:var(--text1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.search-field-input::placeholder{color:var(--text3)}.search-field-clear{background:var(--card2);width:22px;height:22px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-field-btn{background:var(--dyn);color:#fff;opacity:1;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:700;transition:opacity .15s}.search-field-btn:disabled{opacity:.4}.search-dropdown{background:var(--bg,#111);border:1.5px solid var(--border);z-index:9999;border-radius:16px;animation:.12s dropIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #000c}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-item{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .1s;display:flex}.search-dropdown-item:active{background:var(--card2,#1e1e1e)}.search-dropdown-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:38px;height:38px}.search-dropdown-meta{flex:1;min-width:0}.search-dropdown-name{color:var(--text1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.search-dropdown-artist{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.search-history-chip{background:var(--card);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:6px 13px;font-size:12.5px;transition:background .12s,border-color .12s;display:inline-flex}.search-history-chip:active{background:var(--card2);border-color:var(--dyn-40)}.queue-item-selected{background:var(--dyn-10,#8b735514)}.mini-stop-btn{opacity:.45;flex-shrink:0;transition:opacity .15s}.nav-item.active{position:relative}.nav-item.active:before{content:"";background:var(--dyn-10,#8b73551f);z-index:0;border-radius:10px;width:32px;height:32px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.nav-item.active svg,.nav-item.active span{z-index:1;position:relative}.ctx-backdrop{z-index:9000;background:#0006;position:fixed;inset:0}.ctx-menu{background:var(--bg,#111);border:1.5px solid var(--border);z-index:9001;border-radius:16px;min-width:210px;animation:.12s dropIn;position:fixed;overflow:hidden;box-shadow:0 16px 48px #000c}.ctx-track-info{border-bottom:1px solid var(--border2);align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.ctx-track-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.ctx-track-name{color:var(--text1);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:700;overflow:hidden}.ctx-track-artist{color:var(--text3);margin-top:2px;font-size:11px}.ctx-item{width:100%;color:var(--text1);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:13px 16px;font-size:13.5px;font-weight:600;transition:background .1s;display:flex}.ctx-item:active{background:var(--card2)}.ctx-item svg{color:var(--text2);flex-shrink:0}.ctx-item-danger{color:var(--text3)}.queue-toast{background:var(--bg,#111);border:1px solid var(--border);color:var(--text1);z-index:8000;white-space:nowrap;border-radius:24px;padding:10px 20px;font-size:13px;font-weight:700;animation:.15s dropIn;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.kobeni-search-hint{background:var(--card);border:1.5px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.kobeni-cta-btn{background:var(--dyn);color:#fff;cursor:pointer;border-radius:24px;margin-top:14px;padding:11px 22px;font-size:14px;font-weight:700;transition:opacity .15s}.kobeni-cta-btn:active{opacity:.8}.lyrics-shimmer{flex-direction:column;align-items:center;gap:16px;padding:24px 20px;display:flex}.lyrics-shimmer-line{background:linear-gradient(90deg, var(--card) 25%, var(--card2) 50%, var(--card) 75%);background-size:200% 100%;border-radius:7px;height:14px;animation:1.4s ease-in-out infinite shimmer}.profile-stats-hero{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:0;margin:12px 0 0;padding:14px 0;display:flex}.profile-stat-hero-item{text-align:center;flex:1}.profile-stat-hero-num{color:var(--text1);letter-spacing:-.02em;font-size:22px;font-weight:800}.profile-stat-hero-label{color:var(--text3);margin-top:2px;font-size:11px;font-weight:500}.profile-stat-hero-divider{background:var(--border2);width:1px;height:32px}.profile-listen-card{background:linear-gradient(135deg, var(--dyn-10,#8b73551a), var(--card));border:1px solid var(--dyn-40,#8b735533);text-align:center;border-radius:16px;margin-bottom:16px;padding:18px}.profile-listen-main{justify-content:center;align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.profile-listen-num{color:var(--dyn);letter-spacing:-.03em;font-size:36px;font-weight:900}.profile-listen-unit{color:var(--text2);font-size:14px;font-weight:600}.profile-listen-sub{color:var(--text3);font-size:12px}.profile-listen-fun{color:var(--text2);background:var(--card2);border-radius:20px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.profile-bar-chart{align-items:flex-end;gap:6px;height:80px;margin-bottom:16px;display:flex}.profile-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.profile-bar-tooltip{background:var(--dyn);color:#fff;white-space:nowrap;z-index:2;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.profile-bar-track{background:var(--card2);border-radius:6px 6px 0 0;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.profile-bar-fill{background:var(--dyn);border-radius:6px 6px 0 0;width:100%;transition:height .6s cubic-bezier(.34,1.56,.64,1)}.profile-bar-label{color:var(--text3);margin-top:4px;font-size:10px}.profile-artist-row{border-bottom:1px solid var(--border2);align-items:center;gap:12px;padding:10px 0;display:flex}.profile-artist-rank-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.profile-artist-info{flex:1;min-width:0}.profile-artist-name{color:var(--text1);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.profile-artist-bar-wrap{background:var(--card2);border-radius:2px;height:4px;overflow:hidden}.profile-artist-bar-fill{background:var(--dyn);border-radius:2px;height:100%;transition:width .7s}.profile-artist-plays{color:var(--text3);flex-shrink:0;font-size:12px;font-weight:600}.profile-recent-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:4px;display:grid}.profile-recent-card{cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-recent-card:active{opacity:.7}.profile-recent-img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;margin-bottom:5px}.profile-recent-name{color:var(--text1);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.profile-recent-artist{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.profile-tab-content{padding-top:12px}.profile-banner-animated{background:linear-gradient(135deg, rgba(var(--dyn-rgb),.45) 0%, rgba(var(--dyn-rgb),.1) 50%, rgba(var(--dyn-rgb),.35) 100%);background-size:400% 400%;animation:6s infinite profile-banner-shift}@keyframes profile-banner-shift{0%,to{background-position:0%}50%{background-position:100%}}.profile-banner-notes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.profile-float-note{color:rgba(var(--dyn-rgb), .5);-webkit-user-select:none;user-select:none;animation:4s ease-in-out infinite profile-note-rise;position:absolute;bottom:-20px}@keyframes profile-note-rise{0%{opacity:0;transform:translateY(0)rotate(-10deg)}20%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(-120px)rotate(15deg)}}@keyframes stat-pop-in{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:none}}.profile-artist-row{animation:.4s both artist-slide-in}.profile-artist-row:first-child{animation-delay:20ms}.profile-artist-row:nth-child(2){animation-delay:60ms}.profile-artist-row:nth-child(3){animation-delay:.1s}.profile-artist-row:nth-child(4){animation-delay:.14s}.profile-artist-row:nth-child(n+5){animation-delay:.18s}@keyframes artist-slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.profile-artist-bar-fill{background:linear-gradient(90deg, var(--dyn), rgba(var(--dyn-rgb),.5));border-radius:2px;height:100%;transition:width .8s cubic-bezier(.34,1.3,.64,1);animation:.9s cubic-bezier(.34,1.2,.64,1) both bar-grow-in}@keyframes bar-grow-in{0%{width:0!important}}.profile-vibe-badge{animation:3s ease-in-out infinite badge-pulse-glow}@keyframes badge-pulse-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 12px 2px rgba(var(--dyn-rgb),.25)}}.profile-recent-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.charts-stat-card--glow{background:linear-gradient(135deg, var(--card), var(--card2));border:1px solid rgba(var(--dyn-rgb),.2);transition:transform .2s,box-shadow .2s}.charts-stat-card--glow:active{transform:scale(.96)}.charts-stat-icon{margin-bottom:4px;font-size:20px}.charts-stat-card--glow .charts-stat-num{background:linear-gradient(135deg, var(--dyn), rgba(var(--dyn-rgb),.7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.charts-bar-fill--anim{background:linear-gradient(to top, var(--dyn), rgba(var(--dyn-rgb),.5));animation:chart-bar-rise .6s cubic-bezier(.34,1.2,.64,1) var(--bar-delay,0s) both;transform-origin:50% 100%}@keyframes chart-bar-rise{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.charts-artist-row{border-radius:10px;transition:background .15s}.charts-artist-row:active{background:var(--card)}.charts-artist-bar-fill{background:linear-gradient(90deg, var(--dyn), rgba(var(--dyn-rgb),.4));animation:.8s cubic-bezier(.34,1.2,.64,1) both chart-bar-w}@keyframes chart-bar-w{0%{width:0!important}}.pl-item{border-radius:12px;transition:background .15s,transform .15s}.pl-item:active{background:var(--card);transform:scale(.98)}.pl-create-btn{border:1px solid rgba(var(--dyn-rgb),.3);background:linear-gradient(135deg, rgba(var(--dyn-rgb),.08), transparent);transition:background .2s,transform .15s}.pl-create-btn:active{transform:scale(.98)}.wrapped-hero-gradient{background:linear-gradient(180deg, rgba(var(--dyn-rgb),.18) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}[data-no-anim] *,[data-no-anim] :before,[data-no-anim] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.profile-banner-empty{background:var(--bg2);width:100%;height:100%}.profile-banner-notes{z-index:3}.profile-float-note{z-index:3;font-size:18px}.profile-recent-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:4px 2px 10px;display:flex;overflow-x:auto}.profile-recent-grid::-webkit-scrollbar{display:none}.profile-recent-card{scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;width:120px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.profile-recent-card:active{box-shadow:0 0 0 2px rgba(var(--dyn-rgb),.35);transform:scale(.93)}.profile-recent-img{aspect-ratio:1;object-fit:cover;background:var(--card2);border-radius:12px;width:100%;margin-bottom:5px}.profile-recent-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.profile-recent-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.charts-bar-fill--anim{transform-origin:50% 100%;animation:chart-bar-rise2 .55s cubic-bezier(.34,1.2,.64,1) var(--bar-delay,0s) both}@keyframes chart-bar-rise2{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.charts-artist-bar-fill{animation:chart-bar-w2 .7s cubic-bezier(.34,1.2,.64,1) calc(var(--artist-delay,0s)) both}@keyframes chart-bar-w2{0%{width:0!important}}.charts-artist-row:first-child{--artist-delay:50ms}.charts-artist-row:nth-child(2){--artist-delay:.1s}.charts-artist-row:nth-child(3){--artist-delay:.15s}.charts-artist-row:nth-child(4){--artist-delay:.2s}.charts-artist-row:nth-child(5){--artist-delay:.25s}.charts-artist-row:nth-child(n+6){--artist-delay:.3s}.charts-stat-card--glow{animation:.4s cubic-bezier(.34,1.4,.64,1) both stat-card-in}.charts-stat-row .charts-stat-card:first-child{animation-delay:0s}.charts-stat-row .charts-stat-card:nth-child(2){animation-delay:70ms}.charts-stat-row .charts-stat-card:nth-child(3){animation-delay:.14s}@keyframes stat-card-in{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:none}}.track-list-item:nth-child(9){animation-delay:.18s}.track-list-item:nth-child(n+10){animation-delay:.2s}@keyframes track-item-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.pl-item{animation:.35s both pl-item-in}.pl-item:first-child{animation-delay:30ms}.pl-item:nth-child(2){animation-delay:70ms}.pl-item:nth-child(3){animation-delay:.11s}.pl-item:nth-child(4){animation-delay:.15s}.pl-item:nth-child(n+5){animation-delay:.19s}@keyframes pl-item-in{0%{opacity:0;transform:translate(-20px)scale(.96)}to{opacity:1;transform:none}}.hscroll-card:nth-child(5){animation-delay:.2s}.hscroll-card:nth-child(n+6){animation-delay:.24s}@keyframes hcard-in{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:none}}.section-title,.charts-section-title,.page-title{animation:.35s both fade-up-in}@keyframes fade-up-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-enter{animation:.3s both page-enter-anim}@keyframes page-enter-anim{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mini-player{animation:.3s cubic-bezier(.34,1.3,.64,1) both mini-player-up}@keyframes mini-player-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.wrapped-achievement-card{animation:.4s cubic-bezier(.34,1.4,.64,1) both ach-card-in}.wrapped-achievement-card:first-child{animation-delay:50ms}.wrapped-achievement-card:nth-child(2){animation-delay:.1s}.wrapped-achievement-card:nth-child(3){animation-delay:.15s}.wrapped-achievement-card:nth-child(4){animation-delay:.2s}.wrapped-achievement-card:nth-child(5){animation-delay:.25s}.wrapped-achievement-card:nth-child(6){animation-delay:.3s}@keyframes ach-card-in{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:none}}.fp-bg-play-btn{border:1px solid var(--border);background:var(--card);width:calc(100% - 40px);color:var(--text2);border-radius:100px;justify-content:center;align-items:center;gap:6px;margin:8px 20px 0;padding:10px 16px;font-size:12px;font-weight:600;transition:color .15s,border-color .2s,transform .15s;display:flex}.fp-bg-play-btn.active{background:rgba(var(--dyn-rgb),.12);color:var(--dyn);border-color:rgba(var(--dyn-rgb),.35)}.fp-bg-play-btn:active{transform:scale(.97)}.track-card{animation:.4s cubic-bezier(.34,1.3,.64,1) both tcard-in}.track-card:first-child{animation-delay:20ms}.track-card:nth-child(2){animation-delay:50ms}.track-card:nth-child(3){animation-delay:80ms}.track-card:nth-child(4){animation-delay:.11s}.track-card:nth-child(5){animation-delay:.14s}.track-card:nth-child(6){animation-delay:.17s}.track-card:nth-child(n+7){animation-delay:.2s}@keyframes tcard-in{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:none}}.ws-content{animation:.35s cubic-bezier(.25,.46,.45,.94) both ws-slide-in-new}@keyframes ws-slide-in-new{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:none}}.profile-recent-card{position:relative}.profile-recent-card.now-playing:after{content:"";border:2px solid var(--dyn);pointer-events:none;box-shadow:0 0 0 0 rgba(var(--dyn-rgb),0);border-radius:12px;position:absolute;inset:0}.profile-recent-card{animation:.4s cubic-bezier(.34,1.3,.64,1) both recent-card-in}.profile-recent-card:first-child{animation-delay:20ms}.profile-recent-card:nth-child(2){animation-delay:60ms}.profile-recent-card:nth-child(3){animation-delay:.1s}.profile-recent-card:nth-child(4){animation-delay:.14s}.profile-recent-card:nth-child(n+5){animation-delay:.18s}@keyframes recent-card-in{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:none}}.profile-recent-playing-label{pointer-events:none;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;bottom:22px;left:0;right:0}.profile-recent-playing-bar{background:var(--dyn);border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate recent-bar-dance}.profile-recent-playing-bar:first-child{height:8px;animation-delay:0s}.profile-recent-playing-bar:nth-child(2){height:13px;animation-delay:.15s}.profile-recent-playing-bar:nth-child(3){height:6px;animation-delay:.3s}.profile-recent-playing-bar:nth-child(4){height:11px;animation-delay:.1s}@keyframes recent-bar-dance{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.pl-item-anim{animation:.38s cubic-bezier(.34,1.3,.64,1) both pl-item-in}.pl-item-anim:first-child{animation-delay:30ms}.pl-item-anim:nth-child(2){animation-delay:80ms}.pl-item-anim:nth-child(3){animation-delay:.13s}.pl-item-anim:nth-child(n+4){animation-delay:.18s}.track-list-item{animation:.35s cubic-bezier(.34,1.2,.64,1) both tlist-in}.track-list-item:first-child{animation-delay:20ms}.track-list-item:nth-child(2){animation-delay:50ms}.track-list-item:nth-child(3){animation-delay:80ms}.track-list-item:nth-child(4){animation-delay:.11s}.track-list-item:nth-child(5){animation-delay:.14s}.track-list-item:nth-child(6){animation-delay:.17s}.track-list-item:nth-child(7){animation-delay:.2s}.track-list-item:nth-child(8){animation-delay:.23s}.track-list-item:nth-child(n+9){animation-delay:.26s}@keyframes tlist-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fp-bg-toggle-icon{border:1px solid var(--border);color:var(--text2);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:7px;transition:color .15s,border-color .2s;display:flex}.fp-bg-toggle-icon.active{background:rgba(var(--dyn-rgb),.18);color:var(--dyn);border-color:rgba(var(--dyn-rgb),.4)}.fp-bg-toggle-icon:active{transform:scale(.9)}.history-item{animation:.35s cubic-bezier(.34,1.2,.64,1) both tlist-in}.history-item:first-child{animation-delay:20ms}.history-item:nth-child(2){animation-delay:50ms}.history-item:nth-child(3){animation-delay:80ms}.history-item:nth-child(n+4){animation-delay:.11s}.wrapped-top-track-row{animation:.4s cubic-bezier(.34,1.2,.64,1) both tlist-in}.wrapped-top-track-row:first-child{animation-delay:50ms}.wrapped-top-track-row:nth-child(2){animation-delay:.1s}.wrapped-top-track-row:nth-child(3){animation-delay:.15s}.wrapped-top-track-row:nth-child(4){animation-delay:.2s}.wrapped-top-track-row:nth-child(n+5){animation-delay:.25s}.hscroll-card{animation:.4s cubic-bezier(.34,1.3,.64,1) both hcard-in}.hscroll-card:first-child{animation-delay:20ms}.hscroll-card:nth-child(2){animation-delay:60ms}.hscroll-card:nth-child(3){animation-delay:.1s}.hscroll-card:nth-child(4){animation-delay:.14s}.hscroll-card:nth-child(n+5){animation-delay:.18s}.profile-stat-hero-item:active{transform:scale(.95)}.profile-stat-hero-item{cursor:default;transition:transform .15s}.charts-stat-card--glow:hover{box-shadow:0 0 20px rgba(var(--dyn-rgb),.2);border-color:rgba(var(--dyn-rgb),.35)}.wrap-badge-glow{animation:2.5s ease-in-out infinite badge-glow-loop}@keyframes badge-glow-loop{0%,to{box-shadow:0 0 0 0 rgba(var(--dyn-rgb),0)}50%{box-shadow:0 0 16px 3px rgba(var(--dyn-rgb),.3)}}.profile-bar-col:active .profile-bar-fill{filter:brightness(1.3)}.pl-list-header{animation:.4s both tlist-in}@keyframes fp-open{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.fp-player-content>*{animation:.35s cubic-bezier(.25,.46,.45,.94) both fp-open}.fp-player-content>:first-child{animation-delay:20ms}.fp-player-content>:nth-child(2){animation-delay:60ms}.fp-player-content>:nth-child(3){animation-delay:.1s}.fp-player-content>:nth-child(4){animation-delay:.14s}.fp-player-content>:nth-child(n+5){animation-delay:.18s}.prof-particle{pointer-events:none;opacity:0;color:var(--dyn);-webkit-user-select:none;user-select:none;will-change:transform, opacity;animation:4s ease-in-out infinite particle-float;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:.6}80%{opacity:.4}to{opacity:0;transform:translateY(-70px)scale(1.1)}}.profile-banner-particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.profile-banner-scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:absolute;inset:0}.profile-banner-menu{z-index:20;background:var(--card);border:1px solid var(--border);border-radius:14px;min-width:160px;animation:.2s both tlist-in;position:absolute;top:44px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0006}.profile-banner-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.profile-banner-menu-item:active{background:var(--card2)}.profile-banner-menu-item.danger{color:#f87171}.profile-banner-menu-backdrop{z-index:19;position:fixed;inset:0}.profile-avatar-ring{pointer-events:none;will-change:auto;border-radius:50%;position:absolute;inset:-6px}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-pulse{0%,to{opacity:.35;box-shadow:0 0 0 0 var(--ring-c,var(--dyn));transform:scale(.93)}50%{opacity:1;box-shadow:0 0 22px 8px var(--ring-c,var(--dyn));transform:scale(1.07)}}@keyframes ring-glow{0%,to{box-shadow:0 0 6px 2px var(--ring-c,var(--dyn)), 0 0 12px 4px var(--ring-c,var(--dyn));opacity:.5}50%{box-shadow:0 0 20px 8px var(--ring-c,var(--dyn)), 0 0 40px 16px var(--ring-c,var(--dyn));opacity:1}}@keyframes ring-neon{0%,44%,56%,72%,78%,to{opacity:1}50%{opacity:.1}75%{opacity:.07}}@keyframes ring-comet{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-spin-rev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.profile-avatar-wrap.glow:after{content:"";background:radial-gradient(circle, var(--dyn-20) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;animation:2.5s ease-in-out infinite ring-pulse;position:absolute;inset:-10px}.profile-ring-colors{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.profile-ring-color-dot{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:transform .15s}.profile-ring-color-dot:active{transform:scale(.9)}.profile-ring-styles{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.profile-ring-style-btn{border:1px solid var(--border);background:var(--card2);color:var(--text2);cursor:pointer;border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600}.profile-ring-style-btn.active{background:var(--dyn-20);color:var(--dyn);border-color:var(--dyn)}.profile-anim-sub-section{border-top:1px solid var(--border2);margin-top:4px;padding:10px 0 4px}.profile-anim-sub-label{color:var(--text3);letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:700}.profile-video-range{width:100%;accent-color:var(--dyn);-webkit-appearance:none;background:linear-gradient(to right, var(--dyn) 0%, var(--card2) 0%);border-radius:4px;outline:none;height:4px;margin:8px 0 0}.profile-avatar-eq{pointer-events:none;justify-content:center;align-items:flex-end;gap:2px;height:16px;display:flex;position:absolute;bottom:2px;left:0;right:0}.profile-avatar-eq-bar{background:var(--dyn);border-radius:2px;width:3px;height:8px;animation:.7s ease-in-out infinite alternate eq-bounce}@keyframes eq-bounce{0%{height:4px}to{height:14px}}.profile-share-btn{border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--text2);border-radius:50%;justify-content:center;align-items:center;transition:color .15s;display:flex}.profile-share-btn:active{background:var(--dyn-20);color:var(--dyn)}.profile-share-btn:disabled{opacity:.5}.profile-share-toast{background:var(--card);border:1px solid var(--border);z-index:99;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:600;animation:.25s both toast-in;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.profile-insight-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.profile-insight-chip{background:var(--card2);border:1px solid var(--border);color:var(--text2);border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.profile-listen-peak{color:var(--text3);margin-top:6px;font-size:12px}.profile-listen-peak span{color:var(--dyn);font-weight:700}.profile-weekly-section{margin-top:14px}.profile-section-label{color:var(--text3);letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:700}.profile-repeat-section{margin-top:14px}.profile-repeat-row{background:var(--card2);border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:9px 12px;animation:.35s both tlist-in;display:flex}.profile-repeat-rank{text-align:center;width:22px;font-size:15px}.profile-repeat-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.profile-repeat-count{color:var(--dyn);font-size:12px;font-weight:700}.profile-recent-rank{color:var(--dyn);background:#000000a6;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:5px;right:5px}.profile-swipe-hint{text-align:center;color:var(--text3);margin-top:12px;font-size:12px;font-weight:600}.home-kobeni-tip{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:10px;margin:0 16px 14px;padding:12px 14px;animation:.4s both tlist-in;display:flex;position:relative}.home-kobeni-tip-avatar{object-fit:cover;border:2px solid var(--dyn);border-radius:50%;flex-shrink:0;width:36px;height:36px}.home-kobeni-tip-text{color:var(--text);flex:1;font-size:13px;line-height:1.45}.home-kobeni-tip-close{color:var(--text3);background:0 0;border:none;flex-shrink:0;padding:4px;font-size:12px}.profile-anim-toggle{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.profile-anim-toggle:last-child{border-bottom:none}.profile-anim-toggle-label{color:var(--text);font-size:13px;font-weight:600}.profile-anim-toggle-sub{color:var(--text3);margin-top:2px;font-size:11px}.profile-banner-wrap{contain:layout;overflow:hidden}.profile-banner-wrap video.profile-banner-img{object-fit:cover;z-index:0;will-change:auto;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.hscroll-card:active{opacity:.85;transform:scale(.94)}.genre-chip{transition:background .15s,color .15s,border-color .15s}.genre-chip:active,.mood-chip:active{transform:scale(.96)}.hero-card:active{transform:scale(.985)}.home-kobeni-tip{animation:.4s both float-up}@keyframes float-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.profile-stat-hero-item{animation:.35s both slide-up-fade}.profile-stat-hero-item:first-child{animation-delay:40ms}.profile-stat-hero-item:nth-child(3){animation-delay:80ms}.profile-stat-hero-item:nth-child(5){animation-delay:.12s}.profile-bar-fill{transition:height .5s}.profile-artist-bar-fill{transition:width .6s}.profile-recent-card:active{transform:scale(.94)}.lib-tab{transition:color .15s,border-color .15s,background .15s}.settings-toggle{transition:background .2s}.settings-toggle-thumb{transition:transform .2s}.settings-toggle.on .settings-toggle-thumb{transform:translate(18px)}.profile-avatar-wrap.glow .profile-avatar-img,.profile-avatar-wrap.glow .profile-avatar-placeholder{box-shadow:0 0 18px 4px rgba(var(--dyn-rgb), .45)}.rec-section-badge{background:rgba(var(--dyn-rgb),.12);color:var(--dyn);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:5px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.ai-powered-badge{color:var(--dyn);background:rgba(var(--dyn-rgb),.1);vertical-align:middle;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.wrapped-particle{animation-duration:4s!important;animation-iteration-count:infinite!important}}.fp-viz-tab{z-index:2;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.fp-viz-modes{gap:8px;padding:14px 18px 10px;display:flex}.fp-viz-mode-btn{border:1px solid var(--border);color:var(--text2);background:var(--card);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:opacity .12s}.fp-viz-mode-btn.active{background:var(--dyn-20);border-color:var(--dyn);color:var(--dyn)}.fp-viz-canvas{flex:1;width:100%;min-height:0;display:block}.fp-viz-track-info{text-align:center;padding:12px 20px 8px}.fp-viz-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.fp-viz-artist{color:var(--text3);margin-top:2px;font-size:12px}.fp-speed-row{z-index:2;justify-content:center;gap:6px;padding:10px 20px 4px;display:flex;position:relative}.fp-speed-btn{border:1px solid var(--border);color:var(--text3);background:0 0;border-radius:14px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .12s}.fp-speed-btn.active{background:var(--dyn-20);border-color:var(--dyn);color:var(--dyn)}.fp-speed-btn:active{transform:scale(.95)}.pl-sheet-backdrop,.edit-sheet-backdrop,.song-share-overlay,.share-overlay{-webkit-backdrop-filter:none!important}.ai-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-tab-content{content-visibility:auto;contain-intrinsic-size:0 400px}.fp-body{contain:layout}.full-player,.full-player:not(.open),.fp-artwork.playing,.fp-artwork:not(.playing){will-change:auto}.fp-download-btn{background:var(--card2);border:1px solid var(--border);width:calc(100% - 40px);color:var(--text2);z-index:2;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin:4px auto 0;padding:11px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.fp-download-btn:active{background:var(--dyn-20);color:var(--dyn)}.home-hero-banner{aspect-ratio:16/9;background:#0a0a0a;width:100%;position:relative;overflow:hidden}.home-hero-banner-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.home-hero-banner-overlay{background:linear-gradient(#0000 0%,#000000d9 100%);padding:24px 18px 18px;position:absolute;bottom:0;left:0;right:0}.home-hero-banner-title{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.1}.home-hero-banner-sub{color:#ffffffb3;margin-top:3px;font-size:13px}.qrtz-footer{border-top:1px solid var(--border);background:linear-gradient(#0000,#0000004d);margin-top:40px;padding-bottom:120px}.qrtz-footer-inner{padding:28px 18px 12px}.qrtz-footer-top{margin-bottom:20px}.qrtz-footer-brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.qrtz-footer-logo-btn{flex-shrink:0}.qrtz-footer-logo{object-fit:cover;border-radius:12px;width:42px;height:42px;transition:transform .2s;box-shadow:0 4px 12px #0006}.qrtz-footer-logo:active{transform:scale(.92)}.qrtz-footer-name{letter-spacing:-.02em;font-size:16px;font-weight:800}.qrtz-footer-tagline{color:var(--dyn);margin-top:2px;font-size:12px;font-weight:600}.qrtz-footer-desc{color:var(--text3);margin:0 0 14px;font-size:13px;line-height:1.6}.qrtz-footer-features{flex-wrap:wrap;gap:8px;display:flex}.qrtz-footer-feat{color:var(--text2);background:var(--card2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.qrtz-footer-divider{background:var(--border);height:1px;margin:18px 0}.qrtz-footer-middle{margin-bottom:4px}.qrtz-footer-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:10px;font-size:10px;font-weight:700}.qrtz-footer-links{flex-wrap:wrap;gap:8px;display:flex}.qrtz-footer-link{background:var(--card2);border:1px solid var(--border);color:var(--text2);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.qrtz-footer-link:active{background:var(--dyn-20);color:var(--dyn);border-color:var(--dyn-40)}.qrtz-footer-contact-btn{cursor:pointer}.qrtz-footer-kobeni-reveal{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;animation:.4s cubic-bezier(.34,1.6,.64,1) kobeni-shy-in;display:flex}@keyframes kobeni-shy-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.qrtz-footer-kobeni-img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:48px;height:48px}.qrtz-footer-kobeni-text{color:var(--text2);font-size:13px;font-weight:600}.qrtz-footer-bottom{justify-content:space-between;align-items:center;display:flex}.qrtz-footer-copy,.qrtz-footer-version{color:var(--text3);font-size:11px}.charts-bar-chart--tall .charts-bar-track{height:210px}.charts-bar-value{color:var(--dyn);text-align:center;margin-bottom:4px;font-size:11px;font-weight:700}.profile-username-row{align-items:center;gap:10px;margin-bottom:2px;display:flex}.profile-badges-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.profile-badge-chip{white-space:nowrap;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:700}.profile-exp-card{background:var(--card2);border:1px solid var(--border);border-radius:12px;margin-top:12px;padding:10px 14px}.profile-exp-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.profile-exp-level{color:var(--dyn);background:rgba(var(--dyn-rgb),.12);border:1px solid rgba(var(--dyn-rgb),.25);border-radius:100px;padding:2px 10px;font-size:13px;font-weight:800}.profile-exp-xp{color:var(--text);font-size:12px;font-weight:700}.profile-exp-tonext{color:var(--text3);margin-left:auto;font-size:11px}.profile-exp-bar-wrap{background:var(--border);border-radius:100px;height:6px;overflow:hidden}.profile-exp-bar-fill{background:var(--dyn);border-radius:100px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pviz{flex-shrink:0;align-items:flex-end;gap:2px;height:20px;display:flex}.pviz-bars{position:relative}.pviz-bars .pviz-bar{background:var(--pviz-c,var(--dyn));transform-origin:bottom;width:3px;height:3px;box-shadow:0 0 5px 1px var(--pviz-c,var(--dyn));--bar-peak:14px;border-radius:2px 2px 1px 1px;flex-shrink:0}.pviz-bars .pviz-bar:first-child{--bar-peak:8px}.pviz-bars .pviz-bar:nth-child(2){--bar-peak:15px}.pviz-bars .pviz-bar:nth-child(3){--bar-peak:20px}.pviz-bars .pviz-bar:nth-child(4){--bar-peak:18px}.pviz-bars .pviz-bar:nth-child(5){--bar-peak:20px}.pviz-bars .pviz-bar:nth-child(6){--bar-peak:16px}.pviz-bars .pviz-bar:nth-child(7){--bar-peak:12px}.pviz-bars .pviz-bar:nth-child(8){--bar-peak:8px}.pviz-bars .pviz-bar:nth-child(9){--bar-peak:5px}.pviz-bars.playing .pviz-bar{animation:.75s ease-in-out infinite alternate pviz-bar-v2}.pviz-bars.idle .pviz-bar{opacity:.3;height:3px;box-shadow:none}@keyframes pviz-bar-v2{0%{opacity:.6;height:3px}35%{height:calc(var(--bar-peak) * .55);opacity:.85}65%{height:var(--bar-peak);opacity:1}to{height:calc(var(--bar-peak) * .7);opacity:.9}}.pviz-wave{align-items:center;width:60px;position:relative}.pviz-wave-dot{background:var(--pviz-c,var(--dyn));box-shadow:0 0 5px 2px var(--pviz-c,var(--dyn));border-radius:50%;position:absolute;top:50%}.pviz-wave-dot:first-child,.pviz-wave-dot:nth-child(9){width:3px;height:3px;margin-left:-1.5px}.pviz-wave-dot:nth-child(2),.pviz-wave-dot:nth-child(8){width:4px;height:4px;margin-left:-2px}.pviz-wave-dot:nth-child(3),.pviz-wave-dot:nth-child(7),.pviz-wave-dot:nth-child(4),.pviz-wave-dot:nth-child(6){width:5px;height:5px;margin-left:-2.5px}.pviz-wave-dot:nth-child(5){width:6px;height:6px;margin-left:-3px}.pviz-wave.playing .pviz-wave-dot{animation:1s ease-in-out infinite alternate pviz-wave-v2}.pviz-wave.playing .pviz-wave-dot:nth-child(2n){animation-duration:.85s;animation-direction:alternate-reverse}.pviz-wave.idle .pviz-wave-dot{opacity:.25;transform:translateY(-50%)}@keyframes pviz-wave-v2{0%{opacity:1;transform:translateY(-50%)translateY(-8px)}to{opacity:.6;transform:translateY(-50%)translateY(8px)}}.pviz-dots{align-items:center;gap:5px}.pviz-dot{background:var(--pviz-c,var(--dyn));width:5px;height:5px;box-shadow:0 0 5px 2px var(--pviz-c,var(--dyn));border-radius:50%}.pviz-dots.playing .pviz-dot{animation:.65s ease-in-out infinite alternate pviz-dot-v2}.pviz-dots.idle .pviz-dot{opacity:.25;box-shadow:none}@keyframes pviz-dot-v2{0%{opacity:.5;transform:translateY(5px)scale(.7)}to{opacity:1;transform:translateY(-5px)scale(1.2)}}.pviz-orbit{justify-content:center;align-items:center;width:22px;height:22px;position:relative}.pviz-orbit-ring{border:1.5px solid var(--pviz-c,var(--dyn));opacity:.5;width:18px;height:18px;box-shadow:0 0 6px 1px var(--pviz-c,var(--dyn));border-radius:50%;position:absolute}.pviz-orbit-ring-2{border:1px solid var(--pviz-c,var(--dyn));opacity:.3;border-radius:50%;width:10px;height:10px;position:absolute}.pviz-orbit-dot{background:var(--pviz-c,var(--dyn));width:5px;height:5px;box-shadow:0 0 6px 2px var(--pviz-c,var(--dyn));border-radius:50%;margin-left:-2.5px;position:absolute;top:1px;left:50%}.pviz-orbit-dot-2{background:var(--pviz-c,var(--dyn));opacity:.7;border-radius:50%;width:3px;height:3px;margin:-1.5px;position:absolute;top:50%;left:50%}.pviz-orbit.playing .pviz-orbit-dot{animation:.9s linear infinite pviz-orbit-spin}.pviz-orbit.playing .pviz-orbit-dot-2{animation:1.5s linear infinite reverse pviz-orbit-spin-2}.pviz-orbit.playing .pviz-orbit-ring{animation:1.4s ease-in-out infinite pviz-ring-glow}.pviz-orbit.playing .pviz-orbit-ring-2{animation:1.1s ease-in-out infinite reverse pviz-ring-glow}.pviz-orbit.idle .pviz-orbit-dot,.pviz-orbit.idle .pviz-orbit-dot-2{opacity:.25}.pviz-orbit.idle .pviz-orbit-ring,.pviz-orbit.idle .pviz-orbit-ring-2{opacity:.15;box-shadow:none}@keyframes pviz-orbit-spin{0%{transform:rotate(0)translateY(-7px)}to{transform:rotate(360deg)translateY(-7px)}}@keyframes pviz-orbit-spin-2{0%{transform:rotate(0)translate(3px)translateY(-3px)}to{transform:rotate(360deg)translate(3px)translateY(-3px)}}@keyframes pviz-ring-glow{0%,to{opacity:.35}50%{opacity:.9}}.pviz-flame{align-items:flex-end;gap:2px}.pviz-flame-bar{--flame-peak:14px;border-radius:4px 4px 1px 1px;width:5px;height:5px;position:relative}.pviz-flame-bar:first-child{--flame-peak:8px;background:linear-gradient(#f97316,#ef4444)}.pviz-flame-bar:nth-child(2){--flame-peak:14px;background:linear-gradient(#fbbf24,#ef4444)}.pviz-flame-bar:nth-child(3){--flame-peak:20px;background:linear-gradient(#fef3c7,#fbbf24,#dc2626)}.pviz-flame-bar:nth-child(4){--flame-peak:18px;background:linear-gradient(#fef3c7,#fbbf24,#dc2626)}.pviz-flame-bar:nth-child(5){--flame-peak:16px;background:linear-gradient(#fbbf24,#ef4444)}.pviz-flame-bar:nth-child(6){--flame-peak:12px;background:linear-gradient(#f97316,#ef4444)}.pviz-flame-bar:nth-child(7){--flame-peak:8px;background:linear-gradient(#f97316,#ef4444)}.pviz-flame.playing .pviz-flame-bar{animation:.55s ease-in-out infinite alternate pviz-flame-v2}.pviz-flame.idle .pviz-flame-bar{opacity:.2}@keyframes pviz-flame-v2{0%{opacity:.8;filter:blur();height:5px}50%{height:calc(var(--flame-peak) * .65)}to{height:var(--flame-peak);opacity:1;filter:blur(.5px)}}.pviz-matrix{align-items:flex-start;gap:2px}.pviz-matrix-col{background:linear-gradient(to bottom, var(--pviz-c,var(--dyn)), transparent);width:3px;box-shadow:0 4px 8px var(--pviz-c,var(--dyn));border-radius:1px;height:4px}.pviz-matrix.playing .pviz-matrix-col{animation:.65s ease-in-out infinite pviz-matrix-v2}.pviz-matrix.playing .pviz-matrix-col:nth-child(2n){animation-duration:.5s;animation-direction:reverse}.pviz-matrix.idle .pviz-matrix-col{opacity:.2}@keyframes pviz-matrix-v2{0%{opacity:.4;height:3px}40%{opacity:1;height:16px}60%{opacity:.8;height:10px}to{opacity:.4;height:3px}}.pviz-spiral{justify-content:center;align-items:center;width:22px;height:22px;position:relative}.pviz-spiral-ring{border:2px solid #0000;border-top-color:var(--pviz-c,var(--dyn));border-radius:50%;position:absolute;inset:0}.pviz-spiral-ring:nth-child(2){border-top-color:#0000;border-right-color:var(--pviz-c,var(--dyn));opacity:.65;inset:4px}.pviz-spiral-ring:nth-child(3){border-top-color:#0000;border-bottom-color:var(--pviz-c,var(--dyn));opacity:.4;border-width:1.5px;inset:8px}.pviz-spiral.playing .pviz-spiral-ring:first-child{box-shadow:0 0 5px var(--pviz-c,var(--dyn));animation:.7s linear infinite pviz-spin}.pviz-spiral.playing .pviz-spiral-ring:nth-child(2){animation:1.1s linear infinite pviz-spin-rev}.pviz-spiral.playing .pviz-spiral-ring:nth-child(3){animation:1.7s linear infinite pviz-spin}.pviz-spiral.idle .pviz-spiral-ring{opacity:.2}@keyframes pviz-spin{to{transform:rotate(360deg)}}@keyframes pviz-spin-rev{to{transform:rotate(-360deg)}}.pviz-dna{align-items:center;gap:3px}.pviz-dna-dot{background:var(--pviz-c,var(--dyn));box-shadow:0 0 4px 1px var(--pviz-c,var(--dyn));border-radius:50%}.pviz-dna-dot:nth-child(odd){width:5px;height:5px}.pviz-dna-dot:nth-child(2n){opacity:.7;width:4px;height:4px}.pviz-dna.playing .pviz-dna-dot{animation:.7s ease-in-out infinite alternate pviz-dna-v2}.pviz-dna.playing .pviz-dna-dot:nth-child(2n){animation-duration:.55s;animation-direction:alternate-reverse}.pviz-dna.idle .pviz-dna-dot{opacity:.25;box-shadow:none}@keyframes pviz-dna-v2{0%{opacity:.5;transform:translateY(-6px)scale(.8)}to{opacity:1;transform:translateY(6px)scale(1.1)}}.pviz-pring{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;position:relative}.pviz-pring-c{border:2px solid var(--pviz-c,var(--dyn));box-shadow:0 0 6px var(--pviz-c,var(--dyn));border-radius:50%;position:absolute;inset:0}.pviz-pring-c:nth-child(2){opacity:.65;border-width:1.5px}.pviz-pring-c:nth-child(3){opacity:.4;border-width:1px}.pviz-pring.playing .pviz-pring-c:first-child{animation:1s ease-out infinite pviz-pring-v2}.pviz-pring.playing .pviz-pring-c:nth-child(2){animation:1s ease-out .33s infinite pviz-pring-v2}.pviz-pring.playing .pviz-pring-c:nth-child(3){animation:1s ease-out .66s infinite pviz-pring-v2}.pviz-pring.idle .pviz-pring-c{opacity:.2;box-shadow:none}@keyframes pviz-pring-v2{0%{opacity:1;transform:scale(.2)}70%{opacity:.4}to{opacity:0;transform:scale(1.5)}}.contact-backdrop{z-index:600;-webkit-backdrop-filter:blur(6px);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:#000000bf;align-items:flex-end;display:flex;position:fixed;inset:0}.contact-sheet{width:100%;max-height:calc(100dvh - var(--nav-h) - env(safe-area-inset-bottom,0px) - 20px);background:var(--card);border-top:1px solid var(--border);border-radius:24px 24px 0 0;flex-direction:column;display:flex;overflow:hidden}.contact-sheet-drag{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:12px auto 0}.contact-header{border-bottom:1px solid var(--border2);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.contact-header-left{align-items:center;gap:12px;display:flex}.contact-header-icon{background:var(--dyn-20);border:1px solid var(--dyn-40);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.contact-header-title{font-size:16px;font-weight:700}.contact-header-sub{color:var(--text3);margin-top:1px;font-size:12px}.contact-close{background:var(--card2);border:1px solid var(--border);width:32px;height:32px;color:var(--text2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.contact-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 20px 12px;display:flex;overflow-y:auto}.contact-footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border2);background:var(--card);flex-direction:column;flex-shrink:0;gap:10px;display:flex}.app-shell:not(.no-player) .contact-backdrop{padding-bottom:calc(var(--nav-h) + var(--player-h) + env(safe-area-inset-bottom,0px) + 6px)}.app-shell:not(.no-player) .contact-sheet{max-height:calc(100dvh - var(--nav-h) - var(--player-h) - env(safe-area-inset-bottom,0px) - 26px)}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-label{color:var(--text3);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.contact-input{background:var(--card2);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.contact-input:focus{border-color:var(--dyn-40);box-shadow:0 0 0 3px var(--dyn-20)}.contact-textarea{resize:none;min-height:100px;line-height:1.6}.contact-error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.contact-submit-btn{background:var(--dyn);color:#000;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.contact-submit-btn:active{opacity:.85;transform:scale(.98)}.contact-submit-btn:disabled{opacity:.6;pointer-events:none}.contact-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.contact-success{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px 36px;display:flex}.contact-success-icon{font-size:48px;animation:.5s cubic-bezier(.175,.885,.32,1.275) contact-pop}.contact-success-title{font-size:20px;font-weight:800}.contact-success-sub{color:var(--text3);margin-bottom:12px;font-size:13px}@keyframes contact-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@media (min-width:720px){.contact-backdrop{left:220px;justify-content:center!important;align-items:center!important;padding-bottom:0!important}.contact-sheet{border-radius:20px;width:min(100% - 32px,520px);max-height:88dvh}.contact-footer{padding-bottom:20px}.app-shell:not(.no-player) .contact-backdrop{padding-bottom:0!important}.app-shell:not(.no-player) .contact-sheet{max-height:88dvh}}@media (min-width:1024px){.contact-backdrop{left:240px}}.home-greeting-bar{justify-content:space-between;align-items:center;padding:20px 20px 8px;display:flex}.home-greeting-main{letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.1}.home-greeting-sub{color:var(--text2);margin-top:2px;font-size:12px}.home-kobeni-fab{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50px;align-items:center;gap:7px;padding:7px 14px 7px 8px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.home-kobeni-fab:active{background:var(--card2)}.ai-insight-card{background:linear-gradient(135deg, rgba(var(--dyn-rgb),.12) 0%, rgba(var(--dyn-rgb),.04) 100%);border:1px solid rgba(var(--dyn-rgb),.25);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;margin:4px 16px;padding:14px 16px;transition:opacity .15s}.ai-insight-card:active{opacity:.8}.ai-insight-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.ai-insight-title{color:var(--dyn);font-size:14px;font-weight:700}.ai-insight-stats{gap:12px;margin-bottom:10px;display:flex}.ai-insight-stat{text-align:center;flex:1}.ai-insight-stat-val{color:var(--text);font-size:16px;font-weight:800;line-height:1}.ai-insight-stat-label{color:var(--text3);margin-top:3px;font-size:10px}.ai-insight-tag{background:rgba(var(--dyn-rgb),.12);border:1px solid rgba(var(--dyn-rgb),.2);color:var(--text2);border-radius:20px;padding:3px 9px;font-size:10px;font-weight:600}.ai-insight-tag-accent{background:rgba(var(--dyn-rgb),.2);color:var(--dyn);border-color:rgba(var(--dyn-rgb),.35)}.artist-card{cursor:pointer;aspect-ratio:3/4;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-shrink:0;width:110px;position:relative;overflow:hidden}.artist-card:active{opacity:.75}.artist-card-img{object-fit:cover;width:100%;height:100%;display:block}.artist-card-overlay{background:linear-gradient(#0000001a 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:10px 8px;display:flex;position:absolute;inset:0}.artist-card-name{color:#fff;font-size:12px;font-weight:700;line-height:1.2}.artist-card-count{color:#fff9;margin-top:2px;font-size:10px}.mini-player{bottom:var(--nav-h);height:var(--player-h);background:var(--mini-player-bg,linear-gradient(135deg, #8b73ff24, #8b73ff0f));border:1px solid var(--dyn-20,#8b73ff33);z-index:99;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(6px);will-change:auto;box-shadow:0 -2px 20px var(--dyn-10,#8b73ff1a);border-bottom:none;border-radius:16px 16px 0 0;align-items:center;gap:8px;padding:0 12px 0 8px;animation:.3s cubic-bezier(.34,1.3,.64,1) both mini-player-up;display:flex;position:fixed;left:6px;right:6px;overflow:hidden;transform:translateZ(0)}.mini-swipe-hint{pointer-events:none;z-index:2;background:#ffffff1a;border-radius:2px;width:28px;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.mini-progress-bar{z-index:3;background:#ffffff12;height:2.5px;position:absolute;inset:0 0 auto}.mini-progress-fill{background:var(--dyn);height:100%;box-shadow:0 0 8px var(--dyn-40,#8b73ff66);border-radius:2px;transition:width .5s linear}.mini-meta-row{align-items:center;gap:5px;margin-top:1px;display:flex}.mini-player-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-top:0;font-size:11.5px;overflow:hidden}.mini-time-pill{color:#ffffff40;font-variant-numeric:tabular-nums;letter-spacing:.04em;flex-shrink:0;font-family:ui-monospace,monospace;font-size:9.5px;line-height:1}.mini-viz-canvas{cursor:pointer;border-radius:4px;flex-shrink:0;align-self:center;width:64px;height:32px;transition:opacity .4s}.mini-ctrl-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s,transform .12s;display:flex}.mini-ctrl-btn:active{transform:scale(.9)}.mini-ctrl-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.mini-play-btn{background:var(--dyn);color:#000;box-shadow:0 2px 12px var(--dyn-40,#8b73ff66)}.mini-play-btn svg{fill:currentColor;stroke:none}.mini-stop-btn{color:var(--text3);opacity:.5;transition:opacity .15s,transform .12s}.mini-stop-btn:active{opacity:1}@media (min-width:720px){.mini-player{border:none;border-top:1px solid var(--border2);border-right:1px solid var(--border2);width:220px;box-shadow:none;-webkit-backdrop-filter:none;border-radius:0;position:relative;bottom:auto;left:auto;right:auto}}@media (min-width:1024px){.mini-player{width:240px}}.home-root{min-height:100%}.home-hero-header{background:linear-gradient(135deg, rgba(var(--dyn-rgb,139,115,85),.12) 0%, transparent 70%);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex}.home-hero-greeting{letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.1}.home-hero-sub{color:var(--text3);margin-top:3px;font-size:13px;font-weight:400}.home-kobeni-fab{border:1px solid var(--dyn-40);background:var(--dyn-20);color:var(--dyn);cursor:pointer;border-radius:20px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;transition:opacity .15s;display:flex}.home-kobeni-fab img{object-fit:cover;border-radius:50%;width:22px;height:22px}.home-kobeni-fab:active{transform:scale(.95)}.hscroll-card{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;width:140px}.hscroll-card:active{opacity:.7}.hscroll-name{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:12px;font-weight:600;overflow:hidden}.hscroll-artist{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.genre-chip{border:1px solid var(--border);background:var(--card);color:var(--text2);white-space:nowrap;border-radius:100px;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .12s}.genre-chip.active{background:var(--dyn);border-color:var(--dyn);color:#000}.section-header{justify-content:space-between;align-items:baseline;padding:20px 20px 10px;display:flex}.section-title{letter-spacing:-.03em;font-size:18px;font-weight:800}.section-link{color:var(--dyn);font-size:12px;font-weight:600}.pop-section-wrap{padding:0 16px 8px}.pop-top3{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.pop-top-card{background:var(--card);border:1px solid var(--border2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex;position:relative}.pop-top-card:active{background:var(--card2)}.pop-top-card.playing{border-color:var(--dyn-40);background:var(--dyn-20)}.pop-top-rank{text-align:center;flex-shrink:0;width:28px;font-size:20px}.pop-top-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:50px;height:50px;box-shadow:0 3px 10px #0000004d}.pop-top-info{flex:1;min-width:0}.pop-top-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.pop-top-artist{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.pop-top-eq{color:var(--dyn);flex-shrink:0;font-size:12px}.pop-rest-list{flex-direction:column;gap:0;display:flex}.pop-rest-item{border-bottom:1px solid var(--border2);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:8px 0;display:flex}.pop-rest-item:last-child{border-bottom:none}.pop-rest-item.playing .pop-rest-name{color:var(--dyn)}.pop-rest-rank{text-align:center;width:28px;color:var(--text3);flex-shrink:0;font-size:13px;font-weight:700}.pop-rest-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:42px;height:42px}.pop-rest-meta{flex:1;min-width:0}.pop-rest-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.pop-rest-artist{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.charts-page-header{border-bottom:1px solid var(--border2);padding:20px 20px 8px}.charts-page-title{letter-spacing:-.04em;font-size:28px;font-weight:900}.charts-page-sub{color:var(--text3);margin-top:3px;font-size:13px}.charts-stat-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 16px 8px;display:grid}.charts-stat-card{text-align:center;border:1px solid var(--border2);border-radius:16px;padding:16px 10px;position:relative;overflow:hidden}.csc-plays{background:linear-gradient(135deg, rgba(var(--dyn-rgb,139,115,85),.2) 0%, var(--card) 100%)}.csc-tracks{background:linear-gradient(135deg, #4caeff1f 0%, var(--card) 100%)}.csc-time{background:linear-gradient(135deg, #34d3991f 0%, var(--card) 100%)}.csc-icon{margin-bottom:6px;font-size:20px}.csc-num{letter-spacing:-.03em;color:var(--dyn);word-break:break-all;font-size:clamp(18px,5vw,26px);font-weight:900;line-height:1}.csc-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:10px;font-weight:600}.charts-section{padding:16px 16px 4px}.charts-section-title{letter-spacing:-.02em;align-items:center;gap:8px;padding:0 0 12px;font-size:16px;font-weight:800;display:flex}.cst-bar{background:var(--dyn);border-radius:2px;flex-shrink:0;width:3px;height:16px;display:inline-block}.charts-bar-chart{align-items:flex-end;gap:6px;padding:0 0 4px;display:flex}.charts-bar-chart--tall{height:110px}.charts-bar-col{animation:.4s both fadeUp;animation-delay:var(--bar-delay,0s);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.charts-bar-value{color:var(--dyn);font-size:9px;font-weight:700}.charts-bar-track{background:var(--card2);border-radius:6px;flex:1;align-items:flex-end;width:100%;min-height:20px;display:flex;overflow:hidden}.charts-bar-fill{background:var(--dyn);border-radius:6px;width:100%;transition:height .6s cubic-bezier(.34,1.56,.64,1)}.charts-bar-fill--anim{animation:.6s cubic-bezier(.34,1.56,.64,1) both growBar;animation-delay:var(--bar-delay,0s)}.charts-bar-label{color:var(--text3);font-size:9px;font-weight:600}.charts-artist-row{border-bottom:1px solid var(--border2);align-items:center;gap:10px;padding:8px 0;display:flex}.charts-artist-row:last-child{border-bottom:none}.charts-artist-rank{color:var(--text3);text-align:center;flex-shrink:0;width:22px;font-size:13px;font-weight:800}.charts-artist-rank.top{color:var(--dyn)}.charts-artist-info{flex:1;min-width:0}.charts-artist-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:13px;font-weight:600;overflow:hidden}.charts-artist-bar-wrap{background:var(--card2);border-radius:4px;height:4px;overflow:hidden}.charts-artist-bar-fill{background:var(--dyn);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.charts-play-badge{color:var(--dyn);background:var(--dyn-20);border-radius:100px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.search-field{background:var(--card);border:1.5px solid var(--border2);border-radius:14px;align-items:center;gap:8px;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-field.focused{border-color:var(--dyn-40);box-shadow:0 0 0 3px var(--dyn-20)}.search-field-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.search-field-btn{background:var(--dyn);color:#000;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:700}.search-field-btn:disabled{opacity:.4;cursor:default}.search-history-chip{border:1px solid var(--border);background:var(--card);color:var(--text2);cursor:pointer;border-radius:100px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .12s;display:inline-flex}.search-history-chip:active{background:var(--dyn-20);border-color:var(--dyn-40);color:var(--dyn)}.kobeni-search-hint{border:1px solid var(--border2);background:var(--card);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:opacity .12s;display:flex}.kobeni-search-hint:active{background:var(--dyn-20);border-color:var(--dyn-40)}.lib-tabs{border-bottom:1px solid var(--border2);z-index:50;background:var(--bg);gap:0;padding:0 18px;display:flex;position:sticky;top:0}.lib-tab{color:var(--text3);letter-spacing:.01em;border-bottom:2.5px solid #0000;flex:1;padding:12px 0 10px;font-size:13px;font-weight:700;transition:color .15s,border-color .15s}.lib-tab.active{color:var(--dyn);border-bottom-color:var(--dyn)}.bottom-nav{background:rgba(var(--bg-raw,10,10,14),.95);-webkit-backdrop-filter:blur(16px)saturate(1.3);will-change:auto;border-top:1px solid #ffffff12;transform:translateZ(0)}.nav-item{color:var(--text3);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 8px 10px;font-size:9px;font-weight:600;transition:color .15s;display:flex;position:relative}.nav-item svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .2s}.nav-item.active{color:var(--dyn)}.nav-item.active svg{transform:scale(1.1)}.nav-item.active:after{content:"";background:var(--dyn);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.ai-insight-card{background:linear-gradient(135deg, rgba(var(--dyn-rgb,139,115,85),.15) 0%, var(--card) 100%);border:1px solid var(--dyn-40);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;margin:10px 16px;padding:14px 16px}.ai-insight-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.ai-insight-avatar{object-fit:cover;border:2px solid var(--dyn-40);border-radius:50%;flex-shrink:0;width:36px;height:36px}.ai-insight-title{font-size:13px;font-weight:700}.ai-insight-sub{color:var(--text3);margin-top:1px;font-size:11px}.ai-insight-arrow{color:var(--dyn);flex-shrink:0;font-size:16px}.ai-insight-stats{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;gap:0;margin-bottom:10px;padding:8px 0;display:flex}.ai-insight-stat{text-align:center;border-right:1px solid #ffffff12;flex:1}.ai-insight-stat:last-child{border-right:none}.ai-insight-stat-val{letter-spacing:-.02em;color:var(--dyn);font-size:16px;font-weight:800}.ai-insight-stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:9px}.ai-insight-tag-row{flex-wrap:wrap;gap:5px;display:flex}.ai-insight-tag{background:var(--card2);border:1px solid var(--border2);color:var(--text2);border-radius:100px;padding:3px 9px;font-size:11px}.ai-insight-tag-accent{background:var(--dyn-20);border-color:var(--dyn-40);color:var(--dyn);font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes growBar{0%{height:0}}@media (min-width:1024px){.bottom-nav{border-right:1px solid var(--border2);-webkit-backdrop-filter:none;background:var(--bg);border-top:none;flex-direction:column;justify-content:flex-start;width:240px;padding:28px 0 20px}.bottom-nav:before{content:"qrtzmusic";letter-spacing:-.03em;color:var(--dyn);padding:0 22px 24px;font-size:18px;font-weight:900;display:block}.nav-item{border-radius:12px;flex-direction:row;justify-content:flex-start;gap:14px;width:calc(100% - 20px);margin:1px 10px;padding:13px 22px;font-size:14px;font-weight:600}.nav-item svg{width:20px;height:20px}.nav-item.active:after{display:none}.nav-item.active{background:var(--dyn-20)}.home-hero-greeting{font-size:30px}}.live-lyrics-card{border:1px solid var(--border2);background:var(--card);border-radius:18px;margin:12px 16px;overflow:hidden}.live-lyrics-header{border-bottom:1px solid var(--border2);align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.live-lyrics-cover{object-fit:cover;border-radius:10px;flex-shrink:0;width:46px;height:46px;box-shadow:0 3px 10px #0006}.live-lyrics-meta{flex:1;min-width:0}.live-lyrics-badge{color:var(--dyn);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:10px;font-weight:700}.live-lyrics-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.live-lyrics-artist{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.live-lyrics-eq{flex-shrink:0;align-items:flex-end;gap:3px;height:20px;display:flex}.live-lyrics-eq-bar{background:var(--dyn);border-radius:2px;width:3px;animation:.6s ease-in-out infinite alternate lyricsEq}.live-lyrics-eq-bar:first-child{height:10px}.live-lyrics-eq-bar:nth-child(2){height:18px}.live-lyrics-eq-bar:nth-child(3){height:12px}@keyframes lyricsEq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.live-lyrics-status{text-align:center;color:var(--text3);padding:14px;font-size:12px}.live-lyrics-scroll{scrollbar-width:none;max-height:220px;padding:10px 0 14px;overflow-y:auto}.live-lyrics-scroll::-webkit-scrollbar{display:none}.live-lyrics-line{color:var(--text3);opacity:.45;padding:7px 16px;font-size:15px;font-weight:600;line-height:1.4;transition:color .3s,font-size .3s,opacity .3s}.live-lyrics-line.active{color:var(--dyn);opacity:1;font-size:17px}.live-lyrics-line.past{opacity:.25}.lyric-word{transform-origin:bottom;margin-right:.28em;animation:.28s cubic-bezier(.34,1.56,.64,1) both lyric-word-in;display:inline-block}@keyframes lyric-word-in{0%{opacity:.1;transform:translateY(6px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.lyric-line{letter-spacing:-.02em;color:#ffffff38;cursor:pointer;padding:6px 0;font-size:21px;font-weight:700;line-height:1.45;transition:color .4s,font-size .35s}.lyric-line.active{color:#fff;text-shadow:0 0 32px rgba(var(--dyn-rgb),.6);font-size:24px}.lyric-line.past{color:#ffffff24}.profile-page{position:relative}.profile-banner-menu-portal{z-index:400;background:#1e1e22;border:1px solid #ffffff1a;border-radius:16px;min-width:172px;animation:.18s both tlist-in;position:fixed;right:12px;overflow:hidden;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0a}.profile-banner-edit-btn{color:#fff;letter-spacing:.03em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:15;cursor:pointer;background:#000000c7;border:1.5px solid #fff6;border-radius:22px;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:800;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 12px #0009}.profile-banner-edit-btn svg{flex-shrink:0}.share-custom-picker{z-index:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;align-items:flex-end;display:flex;position:fixed;inset:0}.share-custom-sheet{width:100%;padding:16px 0 calc(env(safe-area-inset-bottom,0px) + 24px);background:#18181c;border-radius:24px 24px 0 0;animation:.32s cubic-bezier(.34,1.2,.64,1) both sheet-up}.share-custom-handle{background:#ffffff26;border-radius:2px;width:40px;height:4px;margin:0 auto 18px}.share-option-row{gap:10px;padding:0 18px 4px;display:flex;overflow-x:auto}.share-option-card{cursor:pointer;border:2px solid #0000;border-radius:14px;flex-shrink:0;width:110px;transition:border-color .15s,transform .15s;overflow:hidden}.share-option-card.active{border-color:var(--dyn);transform:scale(1.04)}.share-option-card img,.share-option-card video{object-fit:cover;width:100%;height:110px;display:block}.share-option-label{text-align:center;color:var(--text2);background:#1e1e24;padding:5px 6px;font-size:11px;font-weight:600}.share-upload-card{cursor:pointer;width:110px;height:154px;color:var(--text3);border:2px dashed #ffffff26;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.share-upload-card:active{border-color:var(--dyn);color:var(--dyn)}.share-action-btns{gap:10px;padding:16px 18px 0;display:flex}.share-action-cancel{color:var(--text2);background:#ffffff12;border-radius:14px;flex:1;padding:13px;font-size:14px;font-weight:600}.share-action-go{background:var(--dyn);color:#fff;border-radius:14px;flex:2;padding:13px;font-size:14px;font-weight:700}.stats-period-tabs{gap:6px;padding:14px 16px 10px;display:flex;overflow-x:auto}.stats-period-tab{color:#fff6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700;transition:opacity .12s}.stats-period-tab.active{background:rgba(var(--dyn-rgb),.18);border-color:rgba(var(--dyn-rgb),.4);color:var(--dyn)}.stats-hero-card{background:linear-gradient(135deg, rgba(var(--dyn-rgb),.14) 0%, #0000 100%);border:1px solid rgba(var(--dyn-rgb),.2);border-radius:22px;margin:0 16px 14px;padding:22px 20px;position:relative;overflow:hidden}.stats-heatmap-grid{grid-template-columns:repeat(13,1fr);gap:3px;padding:0 16px;display:grid}.stats-heatmap-week{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.stats-heatmap-cell{aspect-ratio:1;border-radius:3px;width:100%;transition:background .3s}.stats-top-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden}.stats-top-badge{letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;font-size:9px;font-weight:800;position:absolute;top:10px;right:10px}.stats-rank-badge{background:rgba(var(--dyn-rgb),.15);width:28px;height:28px;color:var(--dyn);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.queue-item-img{object-fit:cover;background:var(--card2);border-radius:10px;flex-shrink:0;width:48px;height:48px}.nav-logo-desktop{letter-spacing:-.04em;color:var(--text);flex-shrink:0;align-items:center;gap:10px;width:100%;padding:0 20px 20px;font-size:16px;font-weight:900;display:none}@media (min-width:1100px){.nav-logo-desktop{display:flex}.bottom-nav:before{display:none}}@media (min-width:720px){.nav-logo-desktop{letter-spacing:.06em;text-transform:uppercase;color:var(--text2);flex-direction:column;align-items:center;gap:4px;padding:4px 6px 16px;font-size:8px;font-weight:800;display:flex}.nav-logo-desktop img{width:32px;height:32px}}.main-content::-webkit-scrollbar{display:none}.main-content{scrollbar-width:none}@media (max-width:719px){.nav-logo-desktop{display:none}.app-shell{flex-direction:column;display:flex}.bottom-nav{height:var(--nav-h);position:fixed;bottom:0;left:0;right:0}.main-content{padding-bottom:calc(var(--player-h) + var(--nav-h) + 12px)}}@media (min-width:720px){.app-shell.no-player .main-content{padding-bottom:24px}.app-shell.no-player .ai-fab{bottom:24px}.app-shell.no-player .ai-panel{bottom:100px}}.lyric-reading{color:#ffffff47;letter-spacing:.05em;margin-top:5px;font-family:SF Pro Text,-apple-system,sans-serif;font-size:11.5px;font-style:normal;font-weight:400;line-height:1.4;display:block}.lyric-reading.active{color:#ffffff80;animation:.3s both lyric-word-in}.lyric-line.active .lyric-reading{color:#ffffff80}.lyric-fullscreen-overlay{z-index:400;background:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.lyric-fullscreen-bg{filter:blur(10px)brightness(.18)saturate(1.3);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.lyric-fullscreen-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:0 28px;position:relative;overflow-y:auto}.lyric-fullscreen-scroll::-webkit-scrollbar{display:none}.lyric-fs-line{text-align:center;cursor:pointer;padding:10px 0;transition:opacity .3s}.lyric-fs-text{letter-spacing:-.02em;color:#fff3;font-size:22px;font-weight:700;line-height:1.4;transition:color .35s,font-size .3s}.lyric-fs-line.active .lyric-fs-text{color:#fff;text-shadow:0 0 40px rgba(var(--dyn-rgb),.5);font-size:26px}.lyric-fs-line.past .lyric-fs-text{color:#ffffff1f}.lyric-fs-reading{color:#fff3;letter-spacing:.05em;margin-top:5px;font-size:12px;font-style:italic;transition:color .35s}.lyric-fs-reading.active{color:#ffffff80;animation:.3s both lyric-word-in}.lyric-fs-line.past .lyric-fs-reading{color:#ffffff1a}.lyric-fullscreen-bar{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;align-items:center;gap:12px;padding:12px 20px 4px;display:flex;position:relative}.lyric-fs-art{object-fit:cover;border-radius:10px;flex-shrink:0;width:48px;height:48px}.lyric-fs-meta{flex:1;min-width:0}.lyric-fs-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.lyric-fs-artist{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.lyric-fs-exit-btn,.lyric-fs-more-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lyric-fs-progressbar{z-index:2;background:#ffffff1a;height:2px;margin-top:10px;position:relative}.lyric-fs-progress-fill{background:var(--dyn);height:100%;box-shadow:0 0 8px var(--dyn-40);transition:width .5s linear}.lyric-fs-times{padding:4px 16px calc(env(safe-area-inset-bottom,0px) + 10px);color:#ffffff59;font-variant-numeric:tabular-nums;z-index:2;background:#00000080;justify-content:space-between;font-size:10px;display:flex;position:relative}.profile-banner-btn{color:#ffffffb3;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,border-color .15s;display:flex}.profile-banner-btn:active{background:rgba(var(--dyn-rgb),.15);border-color:rgba(var(--dyn-rgb),.4);color:var(--dyn)}.profile-banner-pill-btn{color:#ffffffd9;white-space:nowrap;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:100px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.profile-banner-pill-btn:active{background:rgba(var(--dyn-rgb),.2);border-color:rgba(var(--dyn-rgb),.5);color:var(--dyn)}.hscroll-card{content-visibility:auto;contain-intrinsic-size:160px 220px}.track-card{content-visibility:auto;contain-intrinsic-size:auto 260px}.track-list-item,.playlist-item{content-visibility:auto;contain-intrinsic-size:auto 64px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-accent-lock{--dyn:var(--accent-static,#e94f58);--dyn-rgb:var(--accent-static-rgb,233,79,88);--dyn-10:var(--accent-s10,#e94f581a);--dyn-20:var(--accent-s20,#e94f5833);--dyn-40:var(--accent-s40,#e94f5866);--dyn-60:var(--accent-s60,#e94f5899);--dyn-80:var(--accent-s80,#e94f58cc)}@media (max-width:719px){.bottom-nav{-webkit-backdrop-filter:blur(6px)}.mini-player{-webkit-backdrop-filter:blur(8px)saturate(130%)}}@media (prefers-reduced-motion:reduce){.mini-cover-ring,.mini-cover-outer-ring,.playing-bar,.lyric-word{animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}