@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-space-y-reverse:0;--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-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@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;--color-black:#000;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,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;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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.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}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-\[10\%\]{width:10%}.w-\[35\%\]{width:35%}.w-\[55\%\]{width:55%}.w-full{width:100%}.min-w-\[500px\]{min-width:500px}.flex-\[2\]{flex:2}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-md{border-radius:var(--radius-md)}.bg-\[\#232323\]{background-color:#232323}.bg-black{background-color:var(--color-black)}.object-cover{object-fit:cover}.object-center{object-position:center}.text-\[0\.7rem\]{font-size:.7rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[var\(--help-color3\)\]{color:var(--help-color3)}.text-\[var\(--main-color\)\]{color:var(--main-color)}@media not all and (min-width:490px){.max-\[490px\]\:text-\[0\.8rem\]{font-size:.8rem}}}.notification-container{right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*25);z-index:1000;border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);background-color:var(--accent-color3);width:205px;height:95px;padding-inline:calc(var(--spacing)*10);--tw-shadow:0 0 15px 5px var(--tw-shadow-color,#fff3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);justify-content:center;align-items:center;animation:1s forwards slideIn,1s 5s forwards slideOut;display:flex;position:fixed}.notification-container p{text-align:center;color:var(--main-color);--tw-text-shadow-alpha:25%;text-shadow:0px 1px 2px var(--tw-text-shadow-color,oklab(0% 0 0/.25)),0px 3px 2px var(--tw-text-shadow-color,oklab(0% 0 0/.25)),0px 4px 8px var(--tw-text-shadow-color,oklab(0% 0 0/.25))}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@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-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}.play-left-section .show-add-song-container{position:fixed;z-index:35;left:86px;bottom:calc(var(--player-height) - 4px);width:min(330px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:#101013;color:var(--color-text);box-shadow:0 24px 70px #000000b8;animation:playlist-popover-enter var(--motion-fast) var(--ease-out) both}.show-add-song-container>header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-line);background:radial-gradient(circle at 0 0,rgba(223,57,61,.16),transparent 55%)}.show-add-song-container__icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--color-accent);color:#fff}.show-add-song-container header strong,.show-add-song-container header small{display:block}.show-add-song-container header strong{font-size:.78rem}.show-add-song-container header small{max-width:205px;margin-top:3px;overflow:hidden;color:var(--color-text-muted);font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.show-add-song-container__list{max-height:245px;overflow-y:auto;padding:var(--space-2)}.play-left-section .add-song-playlist{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--motion-fast),border-color var(--motion-fast)}.play-left-section .add-song-playlist:hover{border-color:var(--color-line);background:var(--color-surface-hover)}.play-left-section .add-song-playlist:disabled{opacity:.55;cursor:wait}.add-song-playlist strong,.add-song-playlist small{display:block}.add-song-playlist strong{font-size:.72rem}.add-song-playlist small{margin-top:3px;color:var(--color-text-muted);font-size:.6rem}.add-song-playlist__status{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--color-line);border-radius:50%;color:var(--color-text-muted)}.add-song-playlist--included .add-song-playlist__status{border-color:#ef4a4e42;background:#7e1f2226;color:var(--color-accent-bright)}.show-add-song-container__empty{padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:.68rem;text-align:center}.show-add-song-container__error{margin:0 var(--space-3) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#7e1f2226;color:#f1a2a4;font-size:.64rem}@keyframes playlist-popover-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media not (min-width:768px){.play-left-section .show-add-song-container{left:12px;bottom:var(--player-height)}}@media(prefers-reduced-motion:reduce){.play-left-section .show-add-song-container{animation:none}}.description{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5);overflow-wrap:anywhere}.description__cover{width:100%;aspect-ratio:1;flex-shrink:0;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface)}.description__cover img,.description__avatar img{width:100%;height:100%;object-fit:cover}.description__cover>span,.description__avatar>span{height:100%;display:grid;place-items:center;color:var(--color-text-muted)}.description__eyebrow,.description__section-heading>span{font-size:.6rem;letter-spacing:.14em;color:var(--color-accent-bright)}.description__track h3{margin:var(--space-2) 0;font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.2;font-weight:650;letter-spacing:-.025em}.description__track>a{display:inline-flex;min-height:32px;align-items:center;color:var(--color-text-subtle);font-size:.85rem}.description__metadata{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2);color:var(--color-text-muted);font-size:.73rem}.description__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.description__playlist-button,.description__favorite{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:.75rem;cursor:pointer}.description__playlist-button:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.description__favorite{flex:0 0 44px;width:44px;padding:0;color:var(--color-text-muted);cursor:not-allowed}.description__artist,.description__credits{padding-top:var(--space-5);border-top:1px solid var(--color-line-strong)}.description__section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.description__section-heading h3{font-size:.9rem;font-weight:600}.description__section-heading>span{color:var(--color-text-muted)}.description__artist-link{display:flex;align-items:center;gap:var(--space-3)}.description__avatar{width:52px;height:52px;flex:0 0 52px;overflow:hidden;border-radius:50%;background:var(--color-surface-raised)}.description__artist-link>span{flex:1;min-width:0}.description__artist-link strong,.description__artist-link small{display:block}.description__artist-link strong{font-size:.85rem;font-weight:600}.description__artist-link small{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.7rem}.description__artist-link:hover strong,.description__track>a:hover{text-decoration:underline}.description__artist p,.description__credits p{margin-top:var(--space-4);color:var(--color-text-subtle);font-size:.8rem;line-height:1.75;white-space:pre-wrap}.description__artist>small{display:block;margin-top:var(--space-3);color:var(--color-text-muted);font-size:.7rem}.description__full-player{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:var(--color-text-subtle);font-size:.8rem;border-top:1px solid var(--color-line);padding-top:var(--space-3)}.description__full-player:hover{color:var(--color-accent-bright)}.description__playlists{margin-top:var(--space-3);overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface)}.description__playlists .add-song-playlist{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:transparent;color:var(--color-text);text-align:left;cursor:pointer;border-radius:var(--radius-sm)}.description__playlists .add-song-playlist:hover{background:var(--color-surface-hover)}.description__playlists .add-song-playlist:disabled{opacity:.55;cursor:wait}@media not (min-width:768px){.description{max-width:520px;margin-inline:auto;gap:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-6)}.description__track h3{font-size:1.5rem}.description__cover{border-radius:var(--radius-sm)}.description__track>a{min-height:44px}}.description-drawer{min-width:0;min-height:0;height:100%;width:min(var(--description-width),38vw);display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--color-line);background:var(--color-canvas);color:var(--color-text);transform:translate(100%);visibility:hidden;transition:transform var(--description-motion) var(--ease-out),visibility 0s var(--description-motion)}.description-drawer--open{transform:translate(0);visibility:visible;transition-delay:0s}.description-drawer__header{position:relative;min-height:76px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-line);background:var(--color-canvas)}.description-drawer__header h2{font-size:1rem;font-weight:600;white-space:nowrap}.description-close{min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:var(--space-1);padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-subtle);font-size:.8rem;cursor:pointer}.description-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.description-drawer__scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}.description-drawer :is(button,a):focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:3px}.description-drawer__handle,.description-drawer__backdrop{display:none}@media not (min-width:768px){.description-drawer__backdrop{position:fixed;inset:0 0 var(--player-height);z-index:calc(var(--description-layer) - 1);display:block;border:0;background:#0000007a;opacity:0;pointer-events:none;transition:opacity var(--description-motion) ease}.description-drawer__backdrop--visible{opacity:1;pointer-events:auto}.description-drawer{position:fixed;inset:auto var(--description-sheet-gap) calc(var(--player-height) + var(--description-sheet-gap));z-index:var(--description-layer);width:auto;height:var(--description-sheet-drag-height, var(--description-sheet-collapsed-height));max-height:calc(100dvh - var(--player-height) - (var(--description-sheet-gap) * 2));border:1px solid var(--color-line-strong);border-radius:var(--description-sheet-radius);background:#0d0d10fb;box-shadow:0 -20px 70px #00000080;transform:translateY(calc(100% + var(--player-height) + (var(--description-sheet-gap) * 2)));transition:height var(--description-motion) var(--ease-out),transform var(--description-motion) var(--ease-out),visibility 0s var(--description-motion)}.description-drawer[data-sheet-snap=expanded]{height:var(--description-sheet-expanded-height)}.description-drawer[data-dragging=true]{transition:none}.description-drawer--open{transform:translateY(0);transition-delay:0s}.description-drawer__header{min-height:72px;padding:28px var(--space-4) var(--space-2);border-bottom-color:#ffffff0f;background:transparent}.description-drawer__header h2{position:absolute;left:50%;transform:translate(-50%);font-size:.9rem}.description-drawer__handle{position:absolute;top:0;left:50%;width:72px;height:32px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--color-text-muted);cursor:grab;touch-action:none;transform:translate(-50%)}.description-drawer__handle:active{cursor:grabbing}.description-drawer__handle span{width:36px;height:4px;border-radius:999px;background:currentColor;transition:width var(--motion-fast),color var(--motion-fast)}.description-drawer__handle:hover span{width:44px;color:var(--color-text)}.description-close{margin-left:auto;flex-direction:row-reverse}.description-drawer[data-sheet-snap=collapsed] .description-drawer__scroll{overflow-y:hidden}}@media not (min-width:560px){.description-drawer{inset-right:var(--space-2);inset-left:var(--space-2)}.description-close{width:44px;padding:0;font-size:0}}@media(prefers-reduced-motion:reduce){.description-drawer,.description-drawer__backdrop{transition:none}}.app-shell{height:100dvh;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) 0px;grid-template-rows:var(--height-of-header) minmax(0,1fr);transition:grid-template-columns var(--description-motion) var(--ease-out);--queue-player-offset: 0px;background:var(--color-canvas);color:var(--color-text);overflow:hidden}.app-shell--playing{--queue-player-offset: var(--player-height);padding-bottom:var(--player-height)}.app-shell__sidebar,.app-shell__header,.app-shell__workspace{min-width:0;min-height:0}.app-shell__sidebar{grid-column:1;grid-row:2;border-right:1px solid var(--color-line)}.app-shell__header{position:relative;z-index:calc(var(--queue-layer) + 1);grid-column:1 / -1;grid-row:1;container:workspace / inline-size}.app-shell__workspace{grid-column:2;grid-row:2;container:workspace / inline-size;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.app-shell>.description-drawer{grid-column:3;grid-row:2}.app-shell--immersive{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding-bottom:0}.app-shell--immersive .app-shell__sidebar,.app-shell--immersive .app-shell__header,.app-shell--immersive>.play,.app-shell--immersive>.description-drawer{display:none}.app-shell--details-open{grid-template-columns:var(--sidebar-width) minmax(0,1fr) min(var(--description-width),38vw)}.app-shell--details-open>.queue-drawer{visibility:hidden;pointer-events:none}.app-shell--immersive .app-shell__workspace{grid-column:1;grid-row:1;grid-template-rows:minmax(0,1fr)}.app-shell--immersive .Center .center-primary{width:100%;flex-basis:100%}@media not (min-width:1280px){.app-shell:not(.app-shell--immersive){grid-template-columns:var(--sidebar-width-compact) minmax(0,1fr) 0}.app-shell__sidebar{position:relative;grid-column:1;grid-row:2;width:auto;inset:auto}.app-shell__workspace{grid-column:2}.app-shell>.description-drawer{grid-column:3}.app-shell--details-open:not(.app-shell--immersive){grid-template-columns:var(--sidebar-width-compact) minmax(0,1fr) min(var(--description-width),38vw)}}@media not (min-width:768px){.app-shell:not(.app-shell--immersive){grid-template-columns:minmax(0,1fr) 0}.app-shell__sidebar{position:fixed;z-index:calc(var(--queue-layer) - 2);top:var(--height-of-header);bottom:var(--queue-player-offset, 0);left:0;width:78vw;overflow:visible;border-right:none}.app-shell__workspace{grid-column:1}.app-shell>.description-drawer{grid-column:1}}@media(prefers-reduced-motion:reduce){.app-shell{transition:none}}@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-space-y-reverse:0}}}@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;--color-black:#000;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,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;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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.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}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-\[10\%\]{width:10%}.w-\[35\%\]{width:35%}.w-\[55\%\]{width:55%}.w-full{width:100%}.min-w-\[500px\]{min-width:500px}.flex-\[2\]{flex:2}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-md{border-radius:var(--radius-md)}.bg-\[\#232323\]{background-color:#232323}.bg-black{background-color:var(--color-black)}.object-cover{object-fit:cover}.object-center{object-position:center}.text-\[0\.7rem\]{font-size:.7rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[var\(--help-color3\)\]{color:var(--help-color3)}.text-\[var\(--main-color\)\]{color:var(--main-color)}@media not all and (min-width:490px){.max-\[490px\]\:text-\[0\.8rem\]{font-size:.8rem}}}Header{height:var(--height-of-header);right:var(--padding-left-of-outer-borderline)}Header .search__bar{color:#e0e0e0;background:#454545;border-radius:25px;width:100%;margin-left:10px;padding:10px 10px 10px 20px}.app-header{height:var(--height-of-header);justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:6;background:#070709e6;border-bottom:1px solid #ffffff09;display:flex}.app-header__search{align-items:center;gap:var(--space-3);width:min(340px,46vw);min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text-muted);transition:border-color var(--motion-fast),background-color var(--motion-fast);border-radius:999px;display:flex}.app-header__search:focus-within{background:var(--color-surface-raised);border-color:#df393d8a}.app-header__search input{width:100%;color:var(--color-text);padding-left:var(--space-2);background:0 0;border:0;outline:0;font-size:.82rem}.app-header__search input::placeholder{color:var(--color-text-muted)}.app-header__search,.app-header__search input{min-width:0}.app-header__actions{align-items:center;gap:var(--space-2);display:flex}.app-header__brand{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.app-header__brand>span{width:28px;height:28px;transition:box-shadow var(--motion-fast),transform var(--motion-fast);background:radial-gradient(circle at 32% 28%,#2e2d31 0 10%,#09090b 42%,#df393d 72%,#7f171b);border-radius:50%;display:block;box-shadow:0 0 20px #df393d3d}.app-header__brand:hover>span{transform:scale(1.04);box-shadow:0 0 25px #df393d5c}.app-header__brand:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:2px}.icon-button{border:1px solid var(--color-line);width:38px;height:38px;color:var(--color-text-subtle);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast);background:#0d0d10b3;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.account-button{align-items:center;gap:var(--space-2);min-height:38px;margin-left:var(--space-2);padding:0 var(--space-3)0 5px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;font-size:.78rem;display:flex}.account-button>span{color:#181113;background:linear-gradient(145deg,#d8b6a9,#73524a);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:750;display:grid}.account-button--guest{padding:0 var(--space-4)}@media not all and (min-width:768px){.app-header{padding:0 var(--space-4)}.app-header__search{width:min(230px,55vw)}.app-header__actions .icon-button{display:none}.account-button{margin-left:0}}@container workspace not (min-width:768px){.app-header{padding-inline:var(--space-4);gap:var(--space-2)}.app-header__search{flex:1;width:auto}.app-header__actions{flex-shrink:0}.app-header__actions .icon-button{display:none}.account-button{margin-left:0}}@media(prefers-reduced-motion:reduce){.app-header__brand>span{transition:none}}.aside-drawer{position:relative;width:100%;height:100%}.aside-drawer__surface{width:100%;height:100%}.aside-drawer__trigger{display:none}.leftBar{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;border-radius:0;background:linear-gradient(180deg,#08080a,#060608);overflow-y:auto}.main-navigation{display:flex;flex-direction:column;gap:var(--space-2)}.navigation-item{width:100%;min-height:46px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);text-align:left;text-decoration:none;cursor:pointer;transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast)}.navigation-item:disabled{cursor:not-allowed;opacity:.58}.navigation-item--active{border-color:#df393d3d;background:linear-gradient(90deg,#9e1e2261,#1512148f);color:var(--color-text)}.navigation-item--active:hover{background:linear-gradient(90deg,#b225297a,#191517b3)}.navigation-item span{font-size:.82rem}.sidebar-playlists{min-height:0;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5);overflow-y:auto}.playlists-container{width:100%;min-height:48px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);cursor:pointer;transition:background-color var(--motion-fast),border-color var(--motion-fast)}.playlists-container:hover{border-color:var(--color-line);background:var(--color-surface)}.playlists-container .img-container{width:34px;height:34px;flex:0 0 auto;display:grid;overflow:hidden;border-radius:5px;background:linear-gradient(145deg,#431b1d,#151519)}.playlist__image{width:100%;height:100%;object-fit:cover}.playlist-paragraph-container{min-width:0;display:flex;align-items:center}.playlist__paragraph{width:100%;padding:0;color:var(--color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500;text-align:left}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-line)}.leftBar .create_playlist_button{width:100%;min-height:42px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:0;background:transparent;color:var(--color-text-muted);font-size:.75rem;cursor:pointer}.leftBar .create_playlist_button:hover{color:var(--color-text)}.sidebar-profile{width:100%;min-height:46px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:0;background:transparent;color:var(--color-text-subtle);font-size:.75rem;cursor:pointer}.sidebar-profile>.ui-icon{margin-left:auto}.sidebar-profile__avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#b29387;color:#181113;font-size:.68rem;font-weight:750}@media not (min-width:1280px){.leftBar{padding:var(--space-4) var(--space-3);box-shadow:14px 0 34px #00000047}.navigation-item,.sidebar-profile,.leftBar .create_playlist_button{justify-content:center;padding:0}.navigation-item span,.sidebar-playlists,.create_playlist_button span,.sidebar-profile>span:not(.sidebar-profile__avatar),.sidebar-profile>.ui-icon{display:none}}@media not (min-width:768px){.aside-drawer{--aside-drawer-width: 78vw;width:var(--aside-drawer-width);overflow:visible;pointer-events:none}.aside-drawer__surface{position:absolute;inset:0 auto 0 0;width:var(--aside-drawer-width);pointer-events:auto;transform:translate(calc(-100% - var(--queue-handle-width)));transition:transform var(--queue-motion) var(--ease-out)}.aside-drawer--open .aside-drawer__surface{transform:translate(0);border-right:1px solid var(--color-line)}.aside-drawer__trigger{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1;width:var(--queue-handle-width);height:var(--queue-handle-width);display:grid;place-items:center;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:#111114f0;color:var(--color-text-subtle);box-shadow:0 12px 28px #00000047;cursor:pointer;pointer-events:auto;transition:left var(--queue-motion) var(--ease-out),background-color var(--motion-fast),color var(--motion-fast)}.aside-drawer__trigger:hover{background:var(--color-surface-hover);color:var(--color-text)}.aside-drawer__trigger>span{width:21px;display:grid;gap:4px}.aside-drawer__trigger i{height:1.5px;display:block;border-radius:99px;background:currentColor}.aside-drawer--open .aside-drawer__trigger{left:calc(var(--aside-drawer-width) - 1px);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.leftBar{padding:var(--space-4);box-shadow:18px 0 48px #00000080}.navigation-item,.sidebar-profile,.leftBar .create_playlist_button{justify-content:flex-start;padding:0 var(--space-4)}.navigation-item span,.create_playlist_button span,.sidebar-profile>span:not(.sidebar-profile__avatar),.sidebar-profile>.ui-icon{display:initial}.sidebar-playlists{display:flex}.sidebar-profile>.ui-icon{display:block}}@media(prefers-reduced-motion:reduce){.aside-drawer__surface,.aside-drawer__trigger{transition:none}}@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-space-y-reverse:0}}}@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;--color-black:#000;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,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;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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.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}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-\[10\%\]{width:10%}.w-\[35\%\]{width:35%}.w-\[55\%\]{width:55%}.w-full{width:100%}.min-w-\[500px\]{min-width:500px}.flex-\[2\]{flex:2}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-md{border-radius:var(--radius-md)}.bg-\[\#232323\]{background-color:#232323}.bg-black{background-color:var(--color-black)}.object-cover{object-fit:cover}.object-center{object-position:center}.text-\[0\.7rem\]{font-size:.7rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[var\(--help-color3\)\]{color:var(--help-color3)}.text-\[var\(--main-color\)\]{color:var(--main-color)}@media not all and (min-width:490px){.max-\[490px\]\:text-\[0\.8rem\]{font-size:.8rem}}}.music .create-playlist{margin-top:calc(var(--spacing)*5);margin-bottom:calc(var(--spacing)*15);justify-content:center;align-items:flex-start;width:100%;display:flex}.music .create__playlist__form .name__input{border-radius:var(--radius-xl);background-color:#0000004d;width:100%;height:70px}@supports (color:color-mix(in lab,red,red)){.music .create__playlist__form .name__input{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.music .create__playlist__form .name__input{padding-left:calc(var(--spacing)*10);font-size:1.2rem}.music .songs-to-add .song-desc{padding-left:calc(var(--spacing)*5)}.music .song-to-add-container{height:calc(var(--spacing)*20);width:calc(var(--spacing)*100);border-radius:var(--radius-xl);background-color:#000c;align-items:center;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.music .song-to-add-container{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.music .added-song{background-color:var(--accent-color)}@media(hover:hover){.music .added-song:hover{background-color:var(--help-color3)}}.music .not-added-song{background-color:var(--help-color3)}@media(hover:hover){.music .not-added-song:hover{background-color:var(--accent-color)}}@media not all and (min-width:560px){.music .song-to-add-container{width:200px}.music .create__playlist__form .name__input{width:50px;padding:0 0 0 10px;font-size:.8rem}}.Center{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 60% -10%,rgba(92,28,31,.12),transparent 35%),var(--color-canvas)}.Center .center-primary{width:100%;height:100%;min-width:0;overflow-y:auto;background:transparent;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}.play-center-section{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.player-controls{min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.player-control{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--color-text-subtle);cursor:pointer;transition:color var(--motion-fast),background-color var(--motion-fast),transform var(--motion-fast)}.player-control:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover);transform:translateY(-1px)}.player-control:disabled{opacity:.38;cursor:default}.player-control--primary{width:48px;height:48px;border-color:#ffffff14;background:linear-gradient(145deg,var(--color-accent-bright),var(--color-accent));color:#fff;box-shadow:0 8px 24px #df393d40}.player-control--primary:hover:not(:disabled){background:linear-gradient(145deg,#f4575b,var(--color-accent));color:#fff;transform:scale(1.035)}.player-control--repeat[aria-pressed=true]{color:var(--color-accent-bright)}.player-progress{width:100%;display:grid;grid-template-columns:40px minmax(80px,1fr) 40px;align-items:center;gap:var(--space-3)}.player-progress__time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.68rem}.player-progress__time:last-child{text-align:right}.player-progress__input,.volume-slider{height:20px;margin:0;appearance:none;border:0;background:transparent;cursor:pointer}.player-progress__input::-webkit-slider-runnable-track,.volume-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--color-accent) 0 var(--player-progress, 0%),var(--color-line-strong) var(--player-progress, 0%) 100%)}.player-progress__input::-moz-range-track,.volume-slider::-moz-range-track{height:4px;border-radius:999px;background:var(--color-line-strong)}.player-progress__input::-moz-range-progress,.volume-slider::-moz-range-progress{height:4px;border-radius:999px;background:var(--color-accent)}.player-progress__input::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;appearance:none;border:0;border-radius:50%;background:var(--color-text);box-shadow:0 0 0 4px transparent;opacity:0;transition:opacity var(--motion-fast),box-shadow var(--motion-fast)}.player-progress__input:hover::-webkit-slider-thumb,.player-progress__input:focus-visible::-webkit-slider-thumb,.volume-slider:hover::-webkit-slider-thumb,.volume-slider:focus-visible::-webkit-slider-thumb{opacity:1}.player-progress__input:focus-visible::-webkit-slider-thumb,.volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ef4a4e38}.player-progress__input:disabled{cursor:default;opacity:.45}@media not (min-width:768px){.play-center-section{width:52px;height:52px;display:grid;place-items:center}.player-controls{min-height:52px}.player-control{display:none}.player-control--primary{width:48px;height:48px;display:grid}.player-progress{position:absolute;z-index:2;top:-1px;right:0;left:0;display:block;height:12px;pointer-events:auto}.player-progress__time{display:none}.player-progress__input{width:100%;height:12px;display:block}.player-progress__input::-webkit-slider-runnable-track{height:3px;border-radius:12px 12px 0 0}.player-progress__input::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px}}.play-right-section{min-width:0;display:flex;justify-content:flex-end}.volume-container{width:min(100%,230px);display:grid;grid-template-columns:44px minmax(58px,120px) 44px;align-items:center;justify-content:end;gap:var(--space-2)}.player-utility-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color var(--motion-fast),background-color var(--motion-fast)}.player-utility-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.volume-slider{width:100%}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-accent) 0 var(--volume-progress, 0%),var(--color-line-strong) var(--volume-progress, 0%) 100%)}@media not (min-width:768px){.play-right-section{display:none}}.play-left-section{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.play-left-section .song-image-container{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;overflow:hidden;padding:0;border:1px solid var(--color-line);border-radius:7px;background:var(--color-surface-raised);color:var(--color-text);cursor:pointer}.play-left-section .song-image-container img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-medium) var(--ease-out),filter var(--motion-fast)}.play-left-section .song-image-container:hover img{filter:brightness(.82);transform:scale(1.035)}.play-left-section .title-authors{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}.play-left-section .title,.play-left-section .authors{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-left-section .title{min-height:28px;padding:0;border:0;background:transparent;color:var(--color-text);font-size:.84rem;font-weight:600;text-align:left;cursor:pointer}.play-left-section .title:hover{text-decoration:underline}.play-left-section .authors{min-height:24px;display:inline-flex;align-items:center;color:var(--color-text-muted);font-size:.72rem}.play-left-section__playlist{position:relative;display:flex;align-items:center}.play-left-section__add{color:var(--color-text-muted)}.play-left-section__add[aria-expanded=true]{border-color:#ef4a4e57;background:#7e1f2224;color:var(--color-accent-bright)}@media not (min-width:768px){.play-left-section{gap:10px}.play-left-section .song-image-container{width:52px;height:52px;flex-basis:52px;border-radius:6px}.play-left-section .title{min-height:25px;font-size:.8rem}.play-left-section .authors{min-height:22px;font-size:.68rem}.play-left-section__playlist{display:none}}@media not (min-width:560px){.play-left-section .song-image-container{width:46px;height:46px;flex-basis:46px}}.play{position:fixed;z-index:30;right:0;bottom:0;left:0;isolation:isolate;height:var(--player-height);display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,520px) minmax(150px,1fr);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border:1px solid var(--color-line-strong);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:#0f0f12f5;box-shadow:0 -12px 36px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media not (min-width:1024px){.play{grid-template-columns:minmax(170px,1fr) minmax(270px,430px) minmax(130px,.75fr);gap:var(--space-2);padding-inline:var(--space-3)}}@media not (min-width:768px){.play{grid-template-columns:minmax(0,1fr) 52px;gap:var(--space-2);padding:11px var(--space-3) 8px;border-radius:12px 12px 0 0}}.queue-panel{height:100%;display:flex;flex-direction:column;padding:var(--space-5);background:var(--color-canvas);overflow:hidden}.queue-panel__title,.queue-panel__bar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.queue-panel__title h2{font-size:1.05rem;font-weight:600}.queue-panel__current{flex-shrink:0;margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.queue-panel__eyebrow{display:block;margin-bottom:var(--space-3);color:var(--color-accent-bright);font-size:.7rem}.queue-panel__empty{color:var(--color-text-muted);font-size:.8rem}.queue-panel__bar{margin:var(--space-5) 0 var(--space-2)}.queue-panel__bar h3,.queue-panel__suggestions h3{font-size:.86rem;font-weight:550}.queue-panel__bar button{min-height:44px;border:0;padding-inline:var(--space-2);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:.75rem;cursor:pointer}.queue-panel__bar button:hover:not(:disabled){color:var(--color-text)}.queue-panel__bar button:disabled{opacity:.45;cursor:default}.queue-panel__list{min-height:0;flex:1;display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;padding:var(--space-1)}.queue-song{width:100%;min-height:64px;flex-shrink:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--motion-fast)}.queue-song:hover{background:var(--color-surface-hover)}.queue-song--active{background:var(--color-surface)}.queue-song--active strong{color:var(--color-accent-bright)}.queue-song>.ui-icon{color:var(--color-text-muted)}.queue-song__cover{width:44px;height:44px;display:block;overflow:hidden;border-radius:6px;background:var(--color-surface-raised)}.queue-song__cover img{width:100%;height:100%;object-fit:cover}.queue-song>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.queue-song strong,.queue-song small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-song strong{font-size:.82rem;font-weight:520}.queue-song small{color:var(--color-text-muted);font-size:.72rem}.queue-song--current{padding:0;min-height:44px;cursor:default}.queue-song--current:hover{background:transparent}.queue-equalizer{display:flex;align-items:flex-end;gap:3px;height:18px;color:var(--color-accent)}.queue-equalizer i{width:2px;height:7px;background:currentColor;animation:queue-wave .8s ease-in-out infinite alternate}.queue-equalizer i:nth-child(2){height:15px;animation-delay:-.5s}.queue-equalizer i:nth-child(3){height:11px;animation-delay:-.25s}.queue-equalizer--paused i{animation-play-state:paused;opacity:.5}.queue-panel__duration{flex-shrink:0;margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-line);color:var(--color-text-muted);font-size:.72rem}.queue-panel__empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-3);color:var(--color-text-muted)}.queue-panel__empty-state p{color:var(--color-text-subtle);font-size:.85rem}.queue-panel__empty-state small{font-size:.75rem;line-height:1.6;max-width:240px}.queue-panel__suggestions{padding-top:var(--space-4);border-top:1px solid var(--color-line)}.queue-panel__suggestions h3{margin:0 var(--space-2) var(--space-3);color:var(--color-text-subtle)}@keyframes queue-wave{to{height:17px}}@media not (min-width:560px),(max-height:620px){.queue-panel{padding:var(--space-3)}.queue-panel__current{margin-top:var(--space-2);padding:var(--space-3)}.queue-panel__bar{margin-top:var(--space-2)}}@media(prefers-reduced-motion:reduce){.queue-equalizer i{animation:none}}.queue-drawer{position:fixed;z-index:var(--queue-layer);inset:0 0 var(--queue-player-offset, 0px) auto;width:0;pointer-events:none}.queue-drawer__trigger{position:absolute;top:calc(var(--height-of-header) + var(--space-3));right:var(--space-3);z-index:1;width:var(--queue-handle-width);height:var(--queue-handle-width);display:grid;place-items:center;padding:0;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:#111114f0;color:var(--color-text-subtle);box-shadow:0 12px 28px #00000047;cursor:pointer;pointer-events:auto;transition:right var(--queue-motion) var(--ease-out),background-color var(--motion-fast),color var(--motion-fast)}.queue-drawer__trigger:hover{background:var(--color-surface-hover);color:var(--color-accent-bright)}.queue-drawer__surface{position:absolute;top:calc(var(--height-of-header) + var(--space-3));right:var(--space-3);bottom:var(--space-3);width:min(var(--queue-width),calc(100vw - var(--queue-handle-width) - var(--space-6)));overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:-16px 16px 48px #00000073;transform:translate(calc(100% + var(--space-4)));visibility:hidden;transition:transform var(--queue-motion) var(--ease-out),visibility 0s var(--queue-motion)}.queue-drawer--open .queue-drawer__surface{pointer-events:auto;transform:translate(0);visibility:visible;transition-delay:0s}.queue-drawer--open .queue-drawer__trigger{right:calc(min(var(--queue-width),calc(100vw - var(--queue-handle-width) - var(--space-6))) + var(--space-3) - 1px);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);box-shadow:-10px 12px 28px #00000052}@media not (min-width:768px){.queue-drawer__surface{top:var(--height-of-header);right:0;bottom:0;width:calc(100vw - var(--queue-handle-width));border-top-right-radius:0;border-bottom-right-radius:0}.queue-drawer--open .queue-drawer__trigger{right:calc(100vw - var(--queue-handle-width))}}@media(prefers-reduced-motion:reduce){.queue-drawer__surface,.queue-drawer__trigger{transition:none}}.account-menu{position:relative;z-index:1;width:min(420px,100%);padding:var(--space-7);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:#101013;color:var(--color-text);box-shadow:0 32px 90px #000000b3}.account-menu__close{position:absolute;top:var(--space-4);right:var(--space-4);transform:rotate(45deg)}.account-menu__avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d7b3a6,#684740);color:#171012;font-size:1.25rem;font-weight:800}.account-menu h2{margin-top:var(--space-4);font-size:1.55rem;letter-spacing:-.035em}.account-menu>p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.75rem}.account-menu nav{display:grid;gap:2px;margin:var(--space-6) 0;padding:var(--space-2) 0;border-block:1px solid var(--color-line)}.account-menu nav button{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-subtle);text-align:left;cursor:pointer}.account-menu nav button:hover{background:var(--color-surface-hover);color:var(--color-text)}.account-menu__logout{padding:0;border:0;background:transparent;color:var(--color-accent-bright);font-size:.74rem;cursor:pointer}.auth-overlay{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:var(--space-5)}.auth-overlay__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000000c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default}.auth-dialog{position:relative;z-index:1;width:min(440px,100%);overflow:hidden;padding:var(--space-8);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 15% 0,rgba(223,57,61,.18),transparent 32%),#101013;color:var(--color-text);box-shadow:0 32px 90px #000000b3;animation:auth-enter var(--motion-medium) var(--ease-out) both}.auth-dialog:after{content:"";position:absolute;top:-90px;right:-90px;width:190px;height:190px;border:1px solid rgba(239,74,78,.12);border-radius:50%;box-shadow:0 0 0 30px #ef4a4e06,0 0 0 60px #ef4a4e05;pointer-events:none}.auth-dialog__close{position:absolute;z-index:2;top:var(--space-4);right:var(--space-4);transform:rotate(45deg)}.auth-dialog__brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);font-size:.68rem;letter-spacing:.18em}.auth-dialog__brand span{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f1676b,#b42025 45%,#09090b 72%);box-shadow:0 0 24px #df393d38}.auth-dialog__eyebrow{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.13em}.auth-dialog h2{margin-top:var(--space-2);font-size:2rem;letter-spacing:-.04em}.auth-dialog__intro{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.78rem;line-height:1.55}.auth-form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.auth-form label span{display:block;margin-bottom:var(--space-2);color:var(--color-text-subtle);font-size:.68rem;font-weight:600}.auth-form input{width:100%;height:48px;padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:#09090b;color:var(--color-text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.auth-form input::placeholder{color:#625f67}.auth-form input:focus{border-color:#ef4a4ead;outline:none;box-shadow:0 0 0 3px #df393d1a}.auth-form__message{padding:var(--space-3);border:1px solid rgba(239,74,78,.25);border-radius:var(--radius-sm);background:#7e1f221f;color:#f1a2a4;font-size:.7rem;line-height:1.45}.auth-form__submit{width:100%;margin-top:var(--space-2)}.auth-dialog__switch{margin-top:var(--space-5);color:var(--color-text-muted);font-size:.72rem;text-align:center}.auth-dialog__switch button{padding:0;border:0;background:transparent;color:var(--color-text);font-weight:650;cursor:pointer}.auth-dialog__switch button:hover{color:var(--color-accent-bright)}@keyframes auth-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media not (min-width:560px){.auth-overlay{padding:var(--space-3)}.auth-dialog{padding:var(--space-7) var(--space-5)}}@media(prefers-reduced-motion:reduce){.auth-dialog{animation:none}}.account-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.account-profile{min-height:235px;display:flex;align-items:flex-end;gap:var(--space-7);padding:var(--space-7);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 15% 0,rgba(223,57,61,.2),transparent 34%),linear-gradient(135deg,#171217,#0e0e11)}.account-profile__avatar{width:150px;height:150px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d6b4a7,#694941);color:#171012;font-size:3rem;font-weight:800;box-shadow:0 22px 55px #0000006b}.account-profile__eyebrow,.account-actions>div:first-child span{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.13em}.account-profile h1{margin-top:var(--space-2);font-size:clamp(2.4rem,5vw,4.3rem);letter-spacing:-.055em;line-height:.95}.account-profile p{margin-top:var(--space-3);color:var(--color-text-muted);font-size:.76rem}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-5)}.account-stats article{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:#11111499}.account-stats strong,.account-stats span{display:block}.account-stats strong{font-size:1.18rem}.account-stats span{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.68rem}.account-actions{margin-top:var(--space-7)}.account-actions h2{margin-top:var(--space-2);font-size:1.4rem}.account-actions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}.account-actions__grid a{min-height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:transform var(--motion-medium),border-color var(--motion-fast)}.account-actions__grid a:hover{transform:translateY(-3px);border-color:var(--color-line-strong)}.account-actions__grid .ui-icon{margin-bottom:auto;color:var(--color-accent-bright)}.account-actions__grid strong{font-size:.84rem}.account-actions__grid small{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.68rem;line-height:1.45}.account-page--guest{min-height:58vh;display:grid;place-content:center;justify-items:center;text-align:center}.account-page--guest>.ui-icon{color:var(--color-accent-bright)}.account-page--guest h1{margin-top:var(--space-4);font-size:1.55rem}.account-page--guest p{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted)}@media not (min-width:768px){.account-page{padding:var(--space-5)}.account-actions__grid{grid-template-columns:1fr 1fr}}@media not (min-width:560px){.account-page{padding:var(--space-4)}.account-profile{align-items:flex-start;flex-direction:column}.account-profile__avatar{width:110px;height:110px;font-size:2.2rem}.account-stats,.account-actions__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.account-page,.account-actions__grid a{animation:none;transition:none}}.track-table__scroll{overflow-x:auto}.track-table{width:100%;border-collapse:collapse;text-align:left}.track-table th{padding:var(--space-3);border-bottom:1px solid var(--color-line);color:var(--color-text-muted);font-size:.68rem;font-weight:500}.track-table td{height:66px;padding:var(--space-2) var(--space-3);border-bottom:1px solid rgba(255,255,255,.035);color:var(--color-text-muted);font-size:.78rem}.track-row{transition:background-color var(--motion-fast)}.track-row:hover{background:#ffffff06}.track-row--current .track-row__index,.track-row--current strong{color:var(--color-accent-text)}.track-row__index{width:38px;text-align:center}.track-row__identity{display:flex;min-width:210px;align-items:center;gap:var(--space-3);padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.track-row__identity>span:last-child{min-width:0}.track-row__identity strong,.track-row__identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__identity strong{color:var(--color-text);font-size:.84rem;font-weight:600}.track-row__identity small{margin-top:4px;color:var(--color-text-muted);font-size:.7rem}.track-row__artwork{position:relative;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:linear-gradient(145deg,#431b1d,#151519)}.track-row__artwork img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.8)}.track-row__play{position:absolute;inset:0;display:grid;place-items:center;background:#000000ad;color:#fff;opacity:0;transition:opacity var(--motion-fast)}.track-row__identity:hover .track-row__play,.track-row__identity:focus-visible .track-row__play{opacity:1}.track-row__actions{width:54px;text-align:right}.track-table__empty{min-height:190px;display:grid;place-items:center;padding:var(--space-6);border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center}@media not (min-width:768px){.track-row__album,.track-table th:nth-child(3){display:none}.track-table th,.track-table td{padding-inline:var(--space-2)}.track-row__identity{min-width:150px}}.artist-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.artist-page__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.74rem;text-decoration:none}.artist-page__back:hover{color:var(--color-text)}.artist-hero{position:relative;isolation:isolate;min-height:330px;display:flex;align-items:flex-end;gap:var(--space-7);overflow:hidden;margin-top:var(--space-5);padding:var(--space-7);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 20% 5%,rgba(223,57,61,.28),transparent 32%),#101013}.artist-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#08080afa,#08080ac7 58%,#08080a61)}.artist-hero__background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:grayscale(.2) saturate(.7) brightness(.58);transform:scale(1.03)}.artist-hero__portrait{width:190px;height:190px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:50%;background:radial-gradient(circle at 30% 25%,#843138,#171014 70%);color:var(--color-text);font-size:4rem;font-weight:750;box-shadow:0 24px 55px #00000073}.artist-hero__portrait img{width:100%;height:100%;object-fit:cover}.artist-hero__copy{min-width:0}.artist-hero__eyebrow,.artist-about span{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.13em}.artist-hero h1{max-width:720px;margin-top:var(--space-2);overflow:hidden;font-size:clamp(2.7rem,6vw,5.4rem);letter-spacing:-.06em;line-height:.92;text-overflow:ellipsis}.artist-hero__copy>p{margin-top:var(--space-4);color:var(--color-text-subtle);font-size:.75rem}.artist-hero__copy>div{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.artist-about{display:grid;grid-template-columns:minmax(160px,.45fr) 1fr;gap:var(--space-7);margin-top:var(--space-7);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#1111148c}.artist-about h2{margin-top:var(--space-2);font-size:1.35rem}.artist-about>p{color:var(--color-text-muted);font-size:.76rem;line-height:1.7}.artist-tracks{margin-top:var(--space-7)}.artist-tracks__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.artist-tracks__heading h2{font-size:1.08rem}.artist-tracks__heading span{color:var(--color-text-muted);font-size:.7rem}.artist-page--empty{min-height:58vh;display:grid;place-content:center;justify-items:center;text-align:center}.artist-page--empty>.ui-icon{color:var(--color-accent-bright)}.artist-page--empty h1{margin-top:var(--space-4);font-size:1.55rem}.artist-page--empty p{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted)}@media not (min-width:768px){.artist-page{padding:var(--space-5)}.artist-hero{min-height:280px}.artist-hero__portrait{width:145px;height:145px}}@media not (min-width:560px){.artist-page{padding:var(--space-4)}.artist-hero{align-items:flex-start;flex-direction:column}.artist-about{grid-template-columns:1fr;gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.artist-page{animation:none}}.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);overflow:hidden;background:var(--color-canvas);color:var(--color-text)}.auth-page__visual{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(2rem,5vw,5rem);border-right:1px solid var(--color-line);background:radial-gradient(circle at 72% 35%,rgba(239,74,78,.35),transparent 9%),radial-gradient(circle at 72% 35%,rgba(126,31,34,.22),transparent 29%),linear-gradient(145deg,#08080a 15%,#161014 58%,#070709)}.auth-page__visual:before{content:"";position:absolute;z-index:-1;width:min(36vw,520px);aspect-ratio:1;top:18%;right:6%;border:1px solid rgba(239,74,78,.2);border-radius:50%;background:radial-gradient(circle at 35% 28%,#f06b6f,#a6242b 38%,#17090d 72%);box-shadow:0 0 90px #df393d38;opacity:.82}.auth-page__visual:after{content:"";position:absolute;z-index:-1;inset:auto -12% -20% 10%;height:52%;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,transparent 20%,rgba(239,74,78,.08)),repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.025) 53px);transform:skewY(-8deg)}.auth-page__brand{display:flex;align-items:center;gap:var(--space-3);font-size:.7rem;letter-spacing:.18em}.auth-page__brand span{width:31px;height:31px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f1676b,#b42025 45%,#09090b 72%);box-shadow:0 0 28px #df393d4d}.auth-page__visual>div:nth-child(2){max-width:680px;margin-bottom:7vh}.auth-page__visual>div:nth-child(2)>span{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.18em}.auth-page__visual h1{margin-top:var(--space-4);font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,6.6rem);font-weight:500;letter-spacing:-.06em;line-height:.94;text-wrap:balance}.auth-page__visual p{max-width:430px;margin-top:var(--space-6);color:var(--color-text-muted);line-height:1.65}.auth-page__visual>i{position:absolute;right:8%;bottom:9%;width:90px;height:1px;background:linear-gradient(90deg,var(--color-accent),transparent)}.auth-page__form{display:grid;place-items:center;overflow-y:auto;padding:clamp(2rem,5vw,5rem);background:radial-gradient(circle at 20% 12%,rgba(126,31,34,.11),transparent 28%),#0b0b0d}.auth-dialog--page{width:min(460px,100%);border-color:transparent;background:transparent;box-shadow:none}.auth-dialog--page:after{display:none}@media not (min-width:1024px){.auth-page{grid-template-columns:1fr;overflow-y:auto}.auth-page__visual{min-height:360px;border-right:0;border-bottom:1px solid var(--color-line)}.auth-page__visual:before{width:min(58vw,360px);top:2%}.auth-page__visual>div:nth-child(2){margin-top:var(--space-10);margin-bottom:0}.auth-page__visual h1{max-width:640px;font-size:clamp(2.6rem,9vw,4.8rem)}}@media not (min-width:560px){.auth-page__visual{min-height:310px;padding:var(--space-6)}.auth-page__visual p{font-size:.78rem}.auth-page__form{padding:var(--space-4)}.auth-dialog--page{padding-inline:var(--space-3)}}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-tab{min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:.78rem;cursor:pointer;transition:border-color var(--motion-fast),color var(--motion-fast),background-color var(--motion-fast)}.filter-tab:hover{border-color:var(--color-text-subtle);color:var(--color-text)}.filter-tab--active{border-color:#df393d70;background:#7e1f2661;color:var(--color-text)}.filter-tab:disabled{cursor:not-allowed;opacity:.46}.search-field{display:flex;width:100%;min-height:46px;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);transition:border-color var(--motion-fast),background-color var(--motion-fast)}.search-field:focus-within{border-color:var(--color-focus);background:var(--color-surface-raised)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit;font-size:.88rem}.search-field input::placeholder{color:var(--color-text-muted)}.discover-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.discover-heading{margin-bottom:var(--space-5)}.discover-heading h1{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.04em}.discover-heading p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.88rem}.discover-page>.filter-tabs{margin:var(--space-5) 0}.discover-hero{position:relative;isolation:isolate;min-height:260px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 75% 35%,rgba(216,59,67,.3),transparent 22%),#110d0f}.discover-hero>img{position:absolute;z-index:-2;inset:0 0 0 38%;width:62%;height:100%;object-fit:cover;opacity:.7;filter:saturate(.7) brightness(.65)}.discover-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#100d0f 10%,#100d0ff0 42%,#100d0f33)}.discover-hero>div{width:min(520px,62%);padding:var(--space-7)}.discover-hero span{color:var(--color-accent-text);font-size:.67rem;font-weight:700;letter-spacing:.1em}.discover-hero h2{max-width:390px;margin-top:var(--space-3);font-size:clamp(2rem,4vw,3.1rem);line-height:1;letter-spacing:-.045em}.discover-hero p{margin:var(--space-4) 0 var(--space-5);color:var(--color-text-subtle)}.discover-section{margin-top:var(--space-7)}.discover-section>h2{margin-bottom:var(--space-4);font-size:1.08rem}.discover-cards{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:var(--space-4)}.discover-card{min-width:0;padding:0;border:0;background:transparent;color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--motion-medium)}.discover-card:hover{transform:translateY(-4px)}.discover-card__art{aspect-ratio:1.65;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,#371418,#111115);color:var(--color-text-muted);font-size:2rem}.discover-card__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.72);transition:transform var(--motion-slow)}.discover-card:hover img{transform:scale(1.04)}.discover-card strong,.discover-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-card strong{margin-top:var(--space-3);font-size:.82rem}.discover-card small{margin-top:4px;color:var(--color-text-muted);font-size:.7rem}.discover-artists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.discover-artist{min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.discover-artist:hover{border-color:var(--color-line-strong);background:var(--color-surface-raised)}.discover-artist>a{min-width:0;display:flex;flex:1;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none}.discover-artist__avatar{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#843138,#1c1114 70%);color:var(--color-text);font-weight:700}.discover-artist>a>span:nth-child(2){min-width:0}.discover-artist strong,.discover-artist small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-artist strong{font-size:.8rem}.discover-artist small{margin-top:4px;color:var(--color-text-muted);font-size:.66rem}.discover-artist>button{margin-left:auto;color:var(--color-text-muted)}@media not (min-width:1024px){.discover-page{padding:var(--space-5)}.discover-artists{grid-template-columns:1fr 1fr}}@media not (min-width:768px){.discover-page{padding:var(--space-4)}.discover-hero{min-height:310px}.discover-hero>img{inset:0;width:100%;opacity:.42}.discover-hero>div{width:100%;padding:var(--space-6)}.discover-cards{grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-3)}.discover-artists{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.discover-page,.discover-card,.discover-card__art img{animation:none;transition:none}}.favorites-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.favorites-hero{min-height:230px;display:flex;align-items:flex-end;gap:var(--space-7);padding:var(--space-7);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 16% 10%,rgba(223,57,61,.31),transparent 32%),linear-gradient(135deg,#1b1014,#0e0e11 72%)}.favorites-hero__icon{width:145px;height:145px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(239,74,78,.25);border-radius:var(--radius-md);background:linear-gradient(145deg,#df393d33,#070709a6);color:var(--color-accent-bright);box-shadow:0 20px 50px #00000061}.favorites-hero__eyebrow,.favorites-repeat__heading span{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.12em}.favorites-hero h1{margin-top:var(--space-2);font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.055em;line-height:.95}.favorites-hero p{margin-top:var(--space-3);color:var(--color-text-subtle);font-size:.83rem}.favorites-notice{display:flex;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid rgba(239,74,78,.18);border-radius:var(--radius-md);background:#7e1f221a;color:var(--color-accent-bright)}.favorites-notice strong{color:var(--color-text);font-size:.8rem}.favorites-notice p{margin-top:5px;color:var(--color-text-muted);font-size:.71rem;line-height:1.5}.favorites-repeat{margin-top:var(--space-7)}.favorites-repeat__heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-4)}.favorites-repeat__heading h2{margin-top:var(--space-2);font-size:1.35rem}.favorites-repeat__heading small{color:var(--color-text-muted);font-size:.7rem}.favorites-page--guest{min-height:58vh;display:grid;place-content:center;justify-items:center;text-align:center}.favorites-page--guest .favorites-page__heart{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(239,74,78,.24);border-radius:50%;background:#df393d17;color:var(--color-accent-bright)}.favorites-page--guest h1{margin-top:var(--space-5);font-size:1.6rem}.favorites-page--guest p{max-width:470px;margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted);line-height:1.6}@media not (min-width:768px){.favorites-page{padding:var(--space-5)}}@media not (min-width:560px){.favorites-page{padding:var(--space-4)}.favorites-hero{align-items:flex-start;flex-direction:column;padding:var(--space-5)}.favorites-hero__icon{width:112px;height:112px}}@media(prefers-reduced-motion:reduce){.favorites-page{animation:none}}.home-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-7);animation:page-enter var(--motion-slow) var(--ease-out) both}.home-page__intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.home-page__intro h1{font-size:clamp(1.75rem,2.5vw,2.5rem);letter-spacing:-.04em}.home-page__intro p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.9rem}.home-hero{min-height:240px;position:relative;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 72% 48%,rgba(221,54,57,.28),transparent 22%),#120b0c;isolation:isolate}.home-hero__backdrop{position:absolute;inset:0 0 0 40%;width:60%;height:100%;object-fit:cover;opacity:.78;filter:saturate(.76) contrast(1.08) brightness(.75);animation:hero-drift 14s ease-in-out infinite alternate}.home-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,#120b0c 5%,#120b0cf2 35%,#120b0c33 78%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%);z-index:-1}.home-hero__content{position:relative;width:min(430px,58%);padding:clamp(2rem,5vw,3.2rem)}.home-eyebrow{color:var(--color-accent);font-size:.72rem;font-weight:700;letter-spacing:.09em}.home-hero h2{margin-top:var(--space-3);font-size:clamp(2rem,4vw,3.35rem);line-height:.98;letter-spacing:-.04em}.home-hero__artist{margin-top:var(--space-3);font-size:1.1rem}.home-hero__description{max-width:330px;margin-top:var(--space-3);color:var(--color-text-muted);font-size:.86rem;line-height:1.5}.home-hero__actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:.88rem;font-weight:650;cursor:pointer;transition:transform var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast)}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:wait}.button--primary{background:var(--color-accent)}.button--primary:hover:not(:disabled){background:var(--color-accent-bright)}.button--quiet{background:#0a0a0c8c;border-color:var(--color-line-strong)}.button--quiet:hover{border-color:var(--color-text-subtle)}.home-hero__pager{position:absolute;bottom:var(--space-5);left:50%;display:flex;gap:10px}.home-hero__pager i{width:22px;height:3px;border-radius:2px;background:#ffffff61}.home-hero__pager i:first-child{background:var(--color-accent)}.home-section{margin-top:var(--space-6)}.home-section__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.home-section__heading h2{font-size:1.05rem;letter-spacing:-.015em}.home-section__link{border:0;background:transparent;color:var(--color-accent);font:inherit;font-size:.76rem;cursor:pointer;text-decoration:none}.home-section__link:hover{color:var(--color-accent-bright)}.home-cards{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.home-card{min-width:138px;aspect-ratio:.98;position:relative;overflow:hidden;padding:0;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--motion-medium) var(--ease-out),border-color var(--motion-medium)}.home-card:hover{transform:translateY(-5px);border-color:#e13b3e85}.home-artwork{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 65% 35%,rgba(227,58,61,.72),transparent 22%),linear-gradient(145deg,#251113,#09090b 68%)}.home-artwork img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.72);transition:transform .65s var(--ease-out)}.home-artwork span{color:#ffffff80;font-size:3rem;font-weight:700}.home-card:hover .home-artwork img{transform:scale(1.045)}.home-card__shade{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#050507f5)}.home-card__copy{position:absolute;inset:auto var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:3px}.home-card__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem}.home-card__copy small{color:var(--color-text-muted);font-size:.72rem}.home-card__play{position:absolute;top:var(--space-3);right:var(--space-3);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0c0c0ed1;opacity:0;transform:translateY(5px);transition:opacity var(--motion-fast),transform var(--motion-fast)}.home-card:hover .home-card__play,.home-card:focus-visible .home-card__play{opacity:1;transform:none}.home-mixes{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:var(--space-3)}.home-mix{min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:linear-gradient(110deg,#641a1d66,#121116e0);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-fast)}.home-mix:nth-child(2n){background:linear-gradient(110deg,#491d315c,#121116e0)}.home-mix:hover{border-color:#e13b3e7a;background-color:var(--color-surface-hover)}.home-mix>span:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.home-mix strong{font-size:.88rem}.home-mix small{color:var(--color-text-muted);font-size:.7rem}.home-mix__play{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#ffffff17}.home-empty{min-height:190px;display:grid;place-items:center;margin-top:var(--space-6);border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);color:var(--color-text-muted)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hero-drift{0%{transform:scale(1.02)}to{transform:scale(1.08) translate(-1%)}}@media not (min-width:1024px){.home-page{padding:var(--space-5)}.home-cards{grid-template-columns:repeat(5,150px)}.home-mixes{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media not (min-width:768px){.home-page{padding:var(--space-4)}.home-hero{min-height:330px}.home-hero__backdrop{inset:0;width:100%;opacity:.45}.home-hero__veil{background:linear-gradient(90deg,#0c0809f5,#0c08096b),linear-gradient(0deg,rgba(8,8,10,.9),transparent)}.home-hero__content{width:100%;padding:var(--space-6)}.home-mixes{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.home-page,.home-hero__backdrop{animation:none}.home-card,.home-artwork img,.button{transition:none}}@container workspace (width < 768px){.home-page{padding:var(--space-4)}.home-hero__backdrop{inset:0;width:100%;opacity:.45}.home-hero__content{width:100%;padding:var(--space-5)}.home-hero h2{font-size:1.8rem;overflow-wrap:anywhere}.home-hero__actions,.home-section__heading{flex-wrap:wrap;gap:var(--space-3)}.home-mixes{grid-template-columns:minmax(0,1fr)}}.home-section__link:disabled,.button--quiet:disabled{cursor:not-allowed;opacity:.72}.library-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.library-heading h1{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.04em}.library-heading p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.88rem}.library-count{margin-top:var(--space-3);color:var(--color-text-muted);font-size:.75rem}.library-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) minmax(190px,.8fr) auto auto;align-items:center;gap:var(--space-3);margin:var(--space-6) 0}.library-toolbar .search-field{min-height:40px}.library-toolbar select{min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:.75rem}.library-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5) var(--space-4)}.library-item{min-width:0;padding:0;border:0;background:transparent;color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--motion-medium)}.library-item:hover{transform:translateY(-4px)}.library-item__art{aspect-ratio:1.3;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,#3d171a,#111115);color:var(--color-accent-text)}.library-item__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.74);transition:transform var(--motion-slow)}.library-item:hover .library-item__art img{transform:scale(1.04)}.library-item__copy{display:block;padding-top:var(--space-3)}.library-item__copy strong,.library-item__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item__copy strong{font-size:.84rem}.library-item__copy small{margin-top:5px;color:var(--color-text-muted);font-size:.7rem}.library-item__arrow{display:none}.library-items--list{grid-template-columns:1fr;gap:var(--space-2)}.library-items--list .library-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.library-items--list .library-item__art{width:64px;height:64px;flex:0 0 auto;aspect-ratio:1}.library-items--list .library-item__copy{min-width:0;padding:0}.library-items--list .library-item__arrow{display:grid;margin-left:auto;color:var(--color-text-muted)}.library-empty,.library-page--guest{min-height:55vh;display:grid;place-content:center;justify-items:center;padding:var(--space-7);text-align:center}.library-empty>.ui-icon,.library-page--guest>.ui-icon{color:var(--color-accent-text)}.library-empty h2,.library-page--guest h1{margin-top:var(--space-4);font-size:1.45rem}.library-empty p,.library-page--guest p{max-width:420px;margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted);line-height:1.6}@media not (min-width:1024px){.library-toolbar{grid-template-columns:1fr auto}.library-toolbar .filter-tabs,.library-toolbar .search-field{grid-column:1 / -1}}@media not (min-width:768px){.library-page{padding:var(--space-4)}.library-heading{align-items:flex-start;flex-direction:column}.library-items{grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-3)}.library-items--list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.library-page,.library-item,.library-item__art img{animation:none;transition:none}}.now-playing-page{position:relative;isolation:isolate;min-height:100%;overflow:hidden;background:radial-gradient(circle at 56% 20%,rgba(126,31,34,.2),transparent 30%),var(--color-canvas);animation:page-enter var(--motion-slow) var(--ease-out) both}.now-playing-page__backdrop{position:absolute;z-index:-2;inset:-10%;width:120%;height:120%;object-fit:cover;opacity:.12;filter:blur(60px) saturate(.7)}.now-playing-page:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#070709f5,#070709cc 64%,#070709f5)}.now-playing-topbar{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-7);border-bottom:1px solid var(--color-line)}.now-playing-topbar>span{font-size:.72rem;font-weight:650;letter-spacing:.08em}.now-playing-topbar>a{justify-self:end;color:var(--color-text-muted);font-size:.72rem;text-decoration:none}.now-playing-topbar>a:hover{color:var(--color-text)}.now-playing-back{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;border:0;background:transparent;color:var(--color-text-muted);font-size:.74rem;cursor:pointer}.now-playing-back:hover{color:var(--color-text)}.now-playing-layout{height:calc(100dvh - 76px);display:grid;grid-template-columns:minmax(0,1fr) 360px}.now-playing-main{min-width:0;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(300px,.72fr);align-items:center;gap:clamp(2rem,5vw,6rem);overflow-y:auto;padding:clamp(2rem,4vw,4.5rem)}.now-playing-artwork-section{min-width:0}.now-playing-heading>span,.now-playing-eyebrow,.now-playing-story>div>span,.now-playing-queue__heading span{color:var(--color-accent-bright);font-size:.6rem;font-weight:700;letter-spacing:.17em}.now-playing-heading h1{margin-top:var(--space-2);overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,5vw,5.6rem);font-weight:500;letter-spacing:-.045em;line-height:.94}.now-playing-heading>a{display:inline-block;margin-top:var(--space-3);color:var(--color-text-muted);font-family:Georgia,Times New Roman,serif;font-size:.92rem;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.now-playing-heading>a:hover{color:var(--color-text)}.now-playing-cover{aspect-ratio:1;width:min(100%,470px);display:grid;place-items:center;overflow:hidden;margin-top:var(--space-6);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:radial-gradient(circle at 60% 20%,#793035,#111114 64%);color:var(--color-text);font-size:5rem;box-shadow:0 34px 90px #0000007a}.now-playing-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05) brightness(.78)}.now-playing-progress{width:min(100%,470px);margin-top:var(--space-6)}.now-playing-progress input,.now-playing-volume input{width:100%;height:4px;appearance:none;border-radius:999px;background:linear-gradient(90deg,var(--color-accent) var(--range-fill, 0%),var(--color-line-strong) var(--range-fill, 0%));cursor:pointer}.now-playing-progress input::-webkit-slider-thumb,.now-playing-volume input::-webkit-slider-thumb{width:12px;height:12px;appearance:none;border:2px solid var(--color-text);border-radius:50%;background:var(--color-accent)}.now-playing-progress>div{display:flex;justify-content:space-between;margin-top:var(--space-2);color:var(--color-text-muted);font-size:.65rem;font-variant-numeric:tabular-nums}.now-playing-controls{width:min(100%,470px);display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.now-playing-controls button,.now-playing-volume button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--color-text-subtle);cursor:pointer;transition:color var(--motion-fast),transform var(--motion-fast),background-color var(--motion-fast)}.now-playing-controls button:hover:not(:disabled),.now-playing-volume button:hover{color:var(--color-text);transform:translateY(-1px)}.now-playing-controls button:disabled{color:#55535a;cursor:not-allowed}.now-playing-controls .now-playing-controls__primary{width:68px;height:68px;border:1px solid rgba(239,74,78,.72);background:#df393deb;color:#fff;box-shadow:0 0 0 8px #df393d14}.now-playing-controls button[aria-pressed=true]{color:var(--color-accent-bright)}.now-playing-volume{width:min(210px,55%);display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.now-playing-volume button{width:32px;height:32px;flex:0 0 auto}.now-playing-story{align-self:center;max-width:480px}.now-playing-story h2{margin-top:var(--space-3);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:500}.now-playing-story__lyrics{margin-top:var(--space-7);white-space:pre-line;color:var(--color-text-subtle);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2vw,2rem);line-height:1.55}.now-playing-story__unavailable{margin-top:var(--space-7);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:#11111494;color:var(--color-text-muted);font-size:.78rem;line-height:1.7}.now-playing-story>div{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-line)}.now-playing-story>div p{margin-top:var(--space-3);color:var(--color-text-muted);font-size:.76rem;line-height:1.7}.now-playing-empty{grid-column:1 / -1;align-self:center;justify-self:center;max-width:480px;text-align:center}.now-playing-empty__disc{width:86px;height:86px;display:grid;place-items:center;margin:0 auto;border:1px solid rgba(239,74,78,.35);border-radius:50%;background:radial-gradient(circle,#df393d3d,#101014 66%);color:var(--color-accent-bright)}.now-playing-empty h1{margin-top:var(--space-5);font-family:Georgia,Times New Roman,serif;font-size:2.4rem;font-weight:500}.now-playing-empty p{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted)}.now-playing-queue{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--color-line);background:#0f0f12d6;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.now-playing-queue__heading{min-height:104px;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-line)}.now-playing-queue__heading h2{margin-top:var(--space-2);font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:500}.now-playing-queue__heading>strong{color:var(--color-text-muted);font-size:.72rem;font-weight:500}.now-playing-queue__list{flex:1;overflow-y:auto;padding:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}.now-playing-song{width:100%;min-height:72px;display:grid;grid-template-columns:28px 50px minmax(0,1fr) 22px;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);text-align:left;cursor:pointer;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.now-playing-song:hover{background:#ffffff06}.now-playing-song--active{border-color:#ef4a4e33;background:#7e1f221f}.now-playing-song__index{display:grid;place-items:center;font-size:.68rem}.now-playing-song__cover{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#1b171a;color:var(--color-text)}.now-playing-song__cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.72)}.now-playing-song__copy{min-width:0}.now-playing-song__copy strong,.now-playing-song__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-song__copy strong{color:var(--color-text);font-size:.78rem;font-weight:600}.now-playing-song__copy small{margin-top:4px;font-size:.68rem}.now-playing-song--active .now-playing-song__copy strong{color:var(--color-accent-bright)}.now-playing-song__bars{height:18px;display:flex;align-items:flex-end;gap:2px}.now-playing-song__bars i{width:2px;height:65%;background:var(--color-accent-bright);animation:now-playing-bars .8s ease-in-out infinite alternate}.now-playing-song__bars i:nth-child(2){height:100%;animation-delay:-.25s}.now-playing-song__bars i:nth-child(3){height:45%;animation-delay:-.5s}.now-playing-queue>p{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-line);color:var(--color-text-muted);font-size:.68rem}@keyframes now-playing-bars{to{height:30%}}@media not (min-width:1024px){.now-playing-layout{grid-template-columns:minmax(0,1fr) 320px}.now-playing-main{grid-template-columns:1fr;align-items:start;gap:var(--space-8)}.now-playing-story{width:min(100%,600px);max-width:none}}@media not (min-width:768px){.now-playing-layout{height:auto;min-height:calc(100dvh - 64px);grid-template-columns:1fr}.now-playing-topbar{height:64px;padding:0 var(--space-4)}.now-playing-main{padding:var(--space-6) var(--space-5)}.now-playing-queue{min-height:420px;border-top:1px solid var(--color-line);border-left:0}.now-playing-cover{width:min(100%,520px)}}@media not (min-width:560px){.now-playing-topbar>span{display:none}.now-playing-topbar{grid-template-columns:1fr 1fr}.now-playing-main{padding:var(--space-5) var(--space-4)}.now-playing-heading h1{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){.now-playing-page,.now-playing-song__bars i{animation:none}}.playlist-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.playlist-page__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.75rem;text-decoration:none;transition:color var(--motion-fast)}.playlist-page__back:hover{color:var(--color-text)}.playlist-page__hero{position:relative;isolation:isolate;min-height:280px;display:flex;align-items:flex-end;gap:var(--space-7);overflow:hidden;margin-top:var(--space-5);padding:var(--space-7);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 22% 15%,rgba(191,43,48,.28),transparent 36%),linear-gradient(130deg,#191014,#0d0d10 72%)}.playlist-page__hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent,rgba(223,57,61,.05),transparent 60%);transform:translate(-100%);animation:playlist-glint 7s ease-in-out infinite}.playlist-page__art{width:190px;height:190px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,#43181c,#111114);color:var(--color-accent-bright);box-shadow:0 24px 55px #0000006b}.playlist-page__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.74) brightness(.78)}.playlist-page__copy{min-width:0}.playlist-page__eyebrow{color:var(--color-accent-bright);font-size:.66rem;font-weight:700;letter-spacing:.13em}.playlist-page__copy h1{max-width:720px;margin-top:var(--space-3);overflow:hidden;color:var(--color-text);font-size:clamp(2.15rem,5vw,4.7rem);letter-spacing:-.055em;line-height:.94;text-overflow:ellipsis}.playlist-page__copy p{margin:var(--space-4) 0 var(--space-5);color:var(--color-text-subtle);font-size:.82rem}.playlist-page__tracks{margin-top:var(--space-7)}.playlist-page__tracks-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.playlist-page__tracks-heading h2{font-size:1.05rem}.playlist-page__tracks-heading span{color:var(--color-text-muted);font-size:.72rem}.playlist-page--state{min-height:58vh;display:grid;place-content:center;justify-items:center;text-align:center}.playlist-page--state>.ui-icon{color:var(--color-accent-bright)}.playlist-page--state h1{margin-top:var(--space-4);font-size:1.5rem}.playlist-page--state p{max-width:460px;margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted)}.playlist-page--loading{display:grid;grid-template-columns:190px minmax(240px,520px);align-content:center;gap:var(--space-7);min-height:58vh}.playlist-page__skeleton{display:block;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-raised)}.playlist-page__skeleton:after{content:"";display:block;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:shimmer 1.5s infinite}.playlist-page__skeleton--art{aspect-ratio:1}.playlist-page__skeleton--copy{height:110px;align-self:center}@keyframes playlist-glint{0%,72%,to{transform:translate(-100%)}84%{transform:translate(100%)}}@media not (min-width:768px){.playlist-page{padding:var(--space-5)}.playlist-page__hero{min-height:240px;padding:var(--space-5)}.playlist-page__art{width:145px;height:145px}}@media not (min-width:560px){.playlist-page{padding:var(--space-4)}.playlist-page__hero{align-items:flex-start;flex-direction:column}.playlist-page__copy h1{font-size:2.35rem}.playlist-page--loading{grid-template-columns:110px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.playlist-page,.playlist-page__hero:after,.playlist-page__skeleton:after{animation:none}}.playlists-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.playlists-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.playlists-heading h1{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.04em}.playlists-heading p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.88rem}.playlists-toolbar{display:grid;grid-template-columns:1fr minmax(220px,360px);align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.playlist-feature{position:relative;isolation:isolate;min-height:235px;display:flex;align-items:center;gap:var(--space-6);overflow:hidden;padding:var(--space-6);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:#120e10}.playlist-feature:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0d0a0cfa,#0d0a0cc7 60%,#0d0a0c59)}.playlist-feature__background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:blur(2px) saturate(.7);transform:scale(1.04)}.playlist-feature__art{width:150px;height:150px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,#45191d,#111115);color:var(--color-accent-text);box-shadow:0 18px 44px #0000005c}.playlist-feature__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.74) brightness(.78)}.playlist-feature__eyebrow{color:var(--color-accent-text);font-size:.66rem;font-weight:700;letter-spacing:.1em}.playlist-feature h2{margin-top:var(--space-3);font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em}.playlist-feature p{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-subtle)}.playlists-section{margin-top:var(--space-7)}.playlists-section__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.playlists-section__heading h2{font-size:1.08rem}.playlists-section__heading span{color:var(--color-text-muted);font-size:.74rem}.playlists-grid{display:grid;grid-template-columns:repeat(4,minmax(115px,1fr));gap:var(--space-5) var(--space-4)}.playlist-card{min-width:0;padding:0;border:0;background:transparent;color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--motion-medium)}.playlist-card:hover{transform:translateY(-4px)}.playlist-card__art{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,#3d171a,#111115);color:var(--color-accent-text)}.playlist-card__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.76);transition:transform var(--motion-slow)}.playlist-card:hover img{transform:scale(1.04)}.playlist-card strong,.playlist-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card strong{margin-top:var(--space-3);font-size:.83rem}.playlist-card small{margin-top:5px;color:var(--color-text-muted);font-size:.7rem}.playlist-create-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);background:#ffffff04;color:var(--color-text-muted);cursor:pointer;transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast)}.playlist-create-tile:hover{border-color:var(--color-text-subtle);background:var(--color-surface);color:var(--color-text)}.playlists-empty,.playlists-page--guest{min-height:55vh;display:grid;place-content:center;justify-items:center;padding:var(--space-7);text-align:center}.playlists-empty h2,.playlists-page--guest h1{margin-top:var(--space-4);font-size:1.45rem}.playlists-empty p,.playlists-page--guest p{max-width:420px;margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted);line-height:1.6}.playlists-page--guest>.ui-icon{color:var(--color-accent-text)}@media not (min-width:1024px){.playlists-page{padding:var(--space-5)}.playlists-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}}@media not (min-width:768px){.playlists-page{padding:var(--space-4)}.playlists-heading,.playlist-feature{align-items:flex-start;flex-direction:column}.playlists-toolbar{grid-template-columns:1fr}.playlist-feature__art{width:120px;height:120px}.playlists-grid{grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-3)}}@media(prefers-reduced-motion:reduce){.playlists-page,.playlist-card,.playlist-card__art img{animation:none;transition:none}}.radio-page{min-height:100%;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.radio-heading{display:flex;align-items:center;gap:var(--space-4)}.radio-heading__signal{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(239,74,78,.32);border-radius:50%;background:radial-gradient(circle,#df393d38,#df393d0a);color:var(--color-accent-bright);box-shadow:0 0 34px #df393d21}.radio-heading h1{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.045em}.radio-heading p{margin-top:5px;color:var(--color-text-muted);font-size:.82rem}.radio-stations{margin-top:var(--space-7)}.radio-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.radio-section-heading h2{font-size:1.03rem}.radio-section-heading span{color:var(--color-text-muted);font-size:.7rem}.radio-stations__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.radio-station{position:relative;isolation:isolate;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:var(--space-5);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:linear-gradient(145deg,#181216,#101013);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color var(--motion-fast),transform var(--motion-medium),box-shadow var(--motion-medium)}.radio-station:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#08080a2e,#08080af5)}.radio-station:hover{transform:translateY(-3px);border-color:#ffffff38}.radio-station--active{border-color:#ef4a4eb8;box-shadow:0 15px 42px #7e1f2233}.radio-station__background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:grayscale(.35) saturate(.75) brightness(.62)}.radio-station__number{position:absolute;top:var(--space-4);right:var(--space-4);color:#ffffff73;font-size:.68rem;letter-spacing:.12em}.radio-station__wave{height:28px;display:flex;align-items:center;gap:3px;margin-bottom:var(--space-4);color:var(--color-accent-bright)}.radio-station__wave i{width:2px;height:30%;border-radius:2px;background:currentColor;animation:radio-wave 1.25s ease-in-out infinite alternate}.radio-station__wave i:nth-child(2){height:80%;animation-delay:-.3s}.radio-station__wave i:nth-child(3){height:55%;animation-delay:-.7s}.radio-station__wave i:nth-child(4){height:100%;animation-delay:-.45s}.radio-station__wave i:nth-child(5){height:45%;animation-delay:-.9s}.radio-station strong,.radio-station small{display:block}.radio-station strong{font-size:1rem}.radio-station small{max-width:260px;margin-top:var(--space-2);color:var(--color-text-muted);font-size:.68rem;line-height:1.45}.radio-queue{margin-top:var(--space-7);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#1111149e}.radio-queue__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.radio-queue__intro span{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.12em}.radio-queue__intro h2{margin-top:var(--space-2);font-size:1.5rem;letter-spacing:-.025em}.radio-queue__intro p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.75rem}.radio-page--empty{min-height:58vh;display:grid;place-content:center;justify-items:center;text-align:center}.radio-page--empty>.ui-icon{color:var(--color-accent-bright)}.radio-page--empty h1{margin-top:var(--space-4);font-size:1.5rem}.radio-page--empty p{max-width:440px;margin-top:var(--space-3);color:var(--color-text-muted);line-height:1.6}@keyframes radio-wave{0%{transform:scaleY(.55);opacity:.6}to{transform:scaleY(1);opacity:1}}@media not (min-width:1024px){.radio-page{padding:var(--space-5)}.radio-stations__grid{grid-template-columns:1fr 1fr}}@media not (min-width:768px){.radio-page{padding:var(--space-4)}.radio-stations__grid{grid-template-columns:1fr}.radio-queue{padding:var(--space-4)}.radio-queue__intro{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.radio-page,.radio-station,.radio-station__wave i{animation:none;transition:none}}.settings-page{min-height:100%;max-width:860px;padding:var(--space-5) var(--space-7) var(--space-8);animation:page-enter var(--motion-slow) var(--ease-out) both}.settings-page>header>span{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.13em}.settings-page>header h1{margin-top:var(--space-2);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.settings-page>header p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.78rem}.settings-group{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#111114ad}.settings-group__heading{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line)}.settings-group__heading>.ui-icon{color:var(--color-accent-bright)}.settings-group__heading h2{font-size:.92rem}.settings-group__heading p{margin-top:4px;color:var(--color-text-muted);font-size:.66rem}.settings-volume{display:block;margin-top:var(--space-5)}.settings-volume>span{display:flex;justify-content:space-between;color:var(--color-text-subtle);font-size:.72rem}.settings-volume input{width:100%;margin-top:var(--space-3);accent-color:var(--color-accent)}.settings-volume input:disabled{opacity:.35}.settings-volume small{display:block;margin-top:var(--space-2);color:var(--color-text-muted);font-size:.64rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-5)}.settings-row strong,.settings-row small{display:block}.settings-row strong{font-size:.76rem}.settings-row small{margin-top:4px;color:var(--color-text-muted);font-size:.65rem}.settings-badge{padding:6px 10px;border:1px solid rgba(239,74,78,.23);border-radius:999px;background:#7e1f221f;color:var(--color-accent-bright);font-size:.62rem}.settings-account-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-5)}.settings-logout{padding:var(--space-2);border:0;background:transparent;color:var(--color-accent-bright);font-size:.7rem;cursor:pointer}.settings-page--guest{min-height:58vh;display:grid;place-content:center;justify-items:center;text-align:center}.settings-page--guest>.ui-icon{color:var(--color-accent-bright)}.settings-page--guest h1{margin:var(--space-4) 0 var(--space-5);font-size:1.5rem}@media not (min-width:768px){.settings-page{padding:var(--space-5)}}@media not (min-width:560px){.settings-page{padding:var(--space-4)}.settings-row,.settings-account-actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.settings-page{animation:none}}.not-found{display:grid;min-height:60vh;place-content:center;justify-items:center;padding:var(--space-8);text-align:center}.not-found>span{color:var(--color-accent-text);font-size:.75rem;font-weight:700;letter-spacing:.2em}.not-found h1{margin-top:var(--space-3);font-size:clamp(2rem,4vw,3.5rem)}.not-found p{max-width:32rem;margin:var(--space-3) 0 var(--space-6);color:var(--color-text-muted)}.song-upload{min-height:100dvh;display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 70% -10%,rgba(126,31,34,.18),transparent 38%),var(--color-canvas);color:var(--color-text)}.song-upload__sidebar{min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-6);border-right:1px solid var(--color-line);background:#070709c7}.song-upload__back{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--color-line);border-radius:50%;color:var(--color-text-muted);text-decoration:none}.song-upload__brand{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);font-size:.68rem;letter-spacing:.17em}.song-upload__brand span{width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f1676b,#b42025 45%,#09090b 72%)}.song-upload__sidebar nav{display:grid;gap:var(--space-2);margin-top:var(--space-10)}.song-upload__sidebar nav button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);text-align:left;cursor:pointer}.song-upload__sidebar nav button span{font-size:.58rem;letter-spacing:.1em}.song-upload__sidebar nav button[aria-current=step]{border-color:#ef4a4e33;background:#7e1f221f;color:var(--color-text)}.song-upload__sidebar>small{margin-top:auto;color:#5e5b62;font-size:.6rem;letter-spacing:.1em}.song-upload__workspace{min-width:0;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow-y:auto;padding:var(--space-8) clamp(var(--space-5),6vw,6rem)}.song-upload__workspace>header>span{color:var(--color-accent-bright);font-size:.62rem;font-weight:700;letter-spacing:.13em}.song-upload__workspace>header h1{margin-top:var(--space-2);font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-.055em}.song-upload__workspace>header p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.78rem}.song-upload__panel{width:min(920px,100%);align-self:center;margin:var(--space-7) 0}.upload-details{display:grid;gap:var(--space-5)}.upload-details label>span{display:block;margin-bottom:var(--space-2);color:var(--color-text-subtle);font-size:.69rem;font-weight:600}.upload-details input,.upload-details textarea,.upload-details select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:#0d0d10;color:var(--color-text);resize:vertical}.upload-details input:focus,.upload-details textarea:focus,.upload-details select:focus{border-color:#ef4a4e99;outline:none;box-shadow:0 0 0 3px #df393d14}.upload-details em{display:block;margin-top:var(--space-2);color:#f1a2a4;font-size:.65rem;font-style:normal}.upload-files{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.upload-field{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);background:#1111148c;text-align:center;cursor:pointer;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.upload-field:hover{border-color:#ef4a4e8c;background:#7e1f2212}.upload-field input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload-field__icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:var(--space-4);border-radius:50%;background:#df393d1f;color:var(--color-accent-bright)}.upload-field strong{max-width:90%;overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.upload-field small{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.65rem}.upload-field em{margin-top:var(--space-3);color:#f1a2a4;font-size:.64rem;font-style:normal}.upload-field--error{border-color:#ef4a4e80}.upload-review{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-7);align-items:end;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#1111149e}.upload-review__cover{grid-row:span 2;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(145deg,#43181c,#111114);color:var(--color-accent-bright)}.upload-review__cover img{width:100%;height:100%;object-fit:cover}.upload-review__copy>span{color:var(--color-accent-bright);font-size:.6rem;font-weight:700;letter-spacing:.12em}.upload-review__copy h2{margin-top:var(--space-2);font-size:1.8rem;letter-spacing:-.04em}.upload-review__copy p,.upload-review__copy small{display:block;margin-top:var(--space-2);color:var(--color-text-muted)}.upload-review__copy p{font-size:.74rem}.upload-review__copy small{font-size:.65rem}.upload-review__audio audio{width:100%;height:42px;accent-color:var(--color-accent)}.upload-review__audio p{color:var(--color-text-muted);font-size:.68rem}.song-upload__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-line)}.song-upload__footer>div:last-child{display:flex;gap:var(--space-3)}.song-upload__message{font-size:.68rem}.song-upload__message--error{color:#f1a2a4}.song-upload__message--success{color:#91d8ae}.song-upload--guest{display:grid;place-content:center;justify-items:center;padding:var(--space-6);text-align:center}.song-upload--guest>.ui-icon{color:var(--color-accent-bright)}.song-upload--guest h1{margin-top:var(--space-4);font-size:1.6rem}.song-upload--guest p{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted)}@media not (min-width:768px){.song-upload{grid-template-columns:78px minmax(0,1fr)}.song-upload__sidebar{padding:var(--space-4)}.song-upload__brand strong,.song-upload__sidebar nav button:not([aria-current=step]),.song-upload__sidebar nav button[aria-current=step]{font-size:0}.song-upload__sidebar nav button{justify-content:center}.song-upload__sidebar nav button span{font-size:.62rem}.song-upload__workspace{padding:var(--space-6) var(--space-5)}}@media not (min-width:560px){.upload-files,.upload-review{grid-template-columns:1fr}.upload-review__cover{grid-row:auto;width:150px}.song-upload__footer{align-items:flex-start;flex-direction:column}.song-upload__footer>div:last-child{width:100%;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.upload-field{transition:none}}@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-space-y-reverse:0}}}@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;--color-black:#000;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,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;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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.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}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-\[10\%\]{width:10%}.w-\[35\%\]{width:35%}.w-\[55\%\]{width:55%}.w-full{width:100%}.min-w-\[500px\]{min-width:500px}.flex-\[2\]{flex:2}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-md{border-radius:var(--radius-md)}.bg-\[\#232323\]{background-color:#232323}.bg-black{background-color:var(--color-black)}.object-cover{object-fit:cover}.object-center{object-position:center}.text-\[0\.7rem\]{font-size:.7rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[var\(--help-color3\)\]{color:var(--help-color3)}.text-\[var\(--main-color\)\]{color:var(--main-color)}@media not all and (min-width:490px){.max-\[490px\]\:text-\[0\.8rem\]{font-size:.8rem}}}*{margin:0;padding:0}body{width:100%;height:100vh}body.dragging{-webkit-user-select:none;user-select:none}#root{background-color:#000;width:100%;height:100%}:root{--background-color:#232323;--background-color2:#000;--main-color:#e0e0e0;--help-color:#9e9e9e;--help-color2:#454545;--help-color3:#7c7c7c;--accent-color:#e53935;--accent-color2:#ff5252;--accent-color3:#a60c09;--height-of-header:78px;--width-of-left-bar:96px;--height-of-player:120px;--margin-bottom-header:11px;--margin-right-left-bar:20px;--padding-left-of-outer-borderline:8px;--padding-main-type:20px;--padding-left-main-type:35px;--border:16px}:is(.leftBar,Header){left:var(--padding-left-of-outer-borderline)}.red-scroll-bar::-webkit-scrollbar{width:12px}.red-scroll-bar::-webkit-scrollbar-track{background-color:#0000}.red-scroll-bar::-webkit-scrollbar-thumb{background-color:#e53935;border-radius:6px}.red-scroll-bar::-webkit-scrollbar-thumb:hover{background-color:#ff5252}.show{bottom:var(--height-of-player)}.shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite shimmer}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media not all and (min-width:1280px){:root{--height-of-header:58px;--width-of-left-bar:96px;--height-of-player:80px;--margin-bottom-header:11px;--margin-right-left-bar:20px;--padding-left-of-outer-borderline:8px;--padding-main-type:20px;--padding-left-main-type:35px}}@media not all and (min-width:560px){:is(.leftBar,Header){left:calc(var(--padding-left-of-outer-borderline) - 8px)}.red-scroll-bar::-webkit-scrollbar{width:3px;height:5px}}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;--color-canvas:#070709;--color-surface:#111114;--color-surface-raised:#17171b;--color-surface-hover:#1c1c21;--color-line:#ffffff13;--color-line-strong:#ffffff21;--color-text:#f4f3f5;--color-text-muted:#99979f;--color-text-subtle:#c6c3c9;--color-accent:#df393d;--color-accent-bright:#ef4a4e;--color-accent-deep:#7e1f22;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-10:3.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sidebar-width:208px;--sidebar-width-compact:78px;--queue-width:340px;--queue-handle-width:48px;--queue-motion:.22s;--queue-layer:25;--player-height:112px;--motion-fast:.15s;--motion-medium:.24s;--description-width:380px;--description-motion:.28s;--description-layer:24;--description-sheet-collapsed-height:36dvh;--description-sheet-expanded-height:76dvh;--description-sheet-gap:12px;--description-sheet-radius:18px;--motion-slow:.42s;--ease-out:cubic-bezier(.22,1,.36,1);--background-color:var(--color-surface);--background-color2:var(--color-canvas);--main-color:var(--color-text);--help-color:var(--color-text-muted);--help-color2:var(--color-surface-hover);--help-color3:var(--color-text-muted);--accent-color:var(--color-accent);--accent-color2:var(--color-accent-bright);--accent-color3:var(--color-accent-deep);--height-of-header:74px;--width-of-left-bar:var(--sidebar-width);--height-of-player:var(--player-height);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas)}body{background:var(--color-canvas);min-width:320px;min-height:100dvh;color:var(--color-text);overflow:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible,[role=separator]:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-icon{flex:none;display:block}@media not all and (min-width:768px){:root{--sidebar-width:var(--sidebar-width-compact);--queue-handle-width:44px;--player-height:88px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}