@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){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}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.\[ar\:Artist\]{ar:Artist}.\[ar\:Singer\]{ar:Singer}.\[mm\:ss\.xx\]{mm:ss.xx}.\[ti\:Title\]{ti:Title}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--panel:#18181a;--line:#ffffff14;--text:#f8f8f8;--muted:#aaaab1;--green:#ffd67a;--ink:#2b2011;--error:#ffbdab}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}button,input,select,a,button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,a:focus,a:focus-visible{outline:none}::selection{background:var(--green);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:#8885 transparent}a{color:var(--green);text-underline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:36px;font-weight:700;line-height:1.15}h2{letter-spacing:-.025em;font-size:20px;font-weight:650;line-height:1.3}h3{font-weight:600}small{font-size:11px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{--glass-shadow:0 14px 40px #0005;background:var(--bg);min-height:100dvh;color:var(--text);padding-bottom:130px;padding-left:226px}.shell[data-theme=light]{--bg:#f8f8f8;--panel:#f0f0f2;--line:#18181a16;--text:#202023;--muted:#6c6c74;--green:#9b6423;--ink:#fff7df;--error:#9b3423;--glass-shadow:0 14px 40px #0002}.sidebar{background:var(--panel);border-right:1px solid var(--line);z-index:8;flex-direction:column;width:226px;min-height:100dvh;padding:26px 13px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;align-items:center;gap:9px;margin-bottom:26px;padding:0 11px;display:flex}.brand strong{letter-spacing:-.055em;font-size:30px;font-weight:750;line-height:1}.brand-mark{background:url(/brand/pine-mark.png) 56.6% 60.4%/130% no-repeat;flex:none;width:38px;height:44px;display:block}.search-form{border:1px solid var(--line);background:var(--bg);border-radius:9px;align-items:center;gap:8px;margin-bottom:25px;padding:7px 9px;transition:border-color .2s,box-shadow .2s;display:flex}.search-form:focus-within{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.search-form:focus-within{border-color:color-mix(in srgb, var(--green) 70%, transparent)}}.search-form:focus-within{box-shadow:0 0 0 1px var(--green)}@supports (color:color-mix(in lab, red, red)){.search-form:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 25%, transparent)}}.search-form>svg{color:#4ba3ff;width:16px;height:16px}.search-form input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.search-form input::placeholder{color:var(--muted)}.nav-label{color:var(--muted);margin-bottom:10px;padding:0 12px;font-size:10px;font-weight:600}.sidebar nav{gap:5px;display:grid;overflow-y:auto}.nav{text-align:left;color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-weight:550;display:flex}.nav svg{color:#ffb96b}.nav.active{color:var(--text);background:linear-gradient(110deg,#ffd67a18,#4ba3ff0c,#8b5cff10)}.nav:hover{color:var(--text);background:#8881}.library-avatar{color:#ffca88;background:#8b5cff30;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.library-avatar svg{width:15px;height:15px}.icon-button{border-radius:50%;place-items:center;width:34px;min-width:34px;height:34px;padding:7px;display:grid}.icon-button:hover{background:#8882}.icon-button.selected,.selected{color:var(--green)}.primary{background:var(--green);color:var(--ink);border-radius:999px;padding:10px 20px;font-weight:650}select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px;max-width:100%;padding:7px 10px}.section-title{justify-content:space-between;align-items:center;gap:18px;margin:30px 0 15px;display:flex}.section-title>span{color:var(--muted);font-size:11px}.section-title>button{color:var(--green);align-items:center;gap:5px;font-size:11px;display:flex}.section-title>button svg{width:13px;height:13px}.art{object-fit:cover;background:#7772;border-radius:5px;flex:none;width:46px;height:46px}.track-info{min-width:0}.track-title,.player-status{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-title{font-size:13px;font-weight:600}.player-status{color:var(--muted);font-size:11px}.empty{color:var(--muted);max-width:60ch;padding:35px 0}.empty h3{color:var(--text);margin-bottom:9px;font-size:17px}.empty p{font-size:13px}.banner{color:var(--error);background:#ff8a3d14;border:1px solid #ff8a3d20;border-radius:10px;margin:20px 0;padding:16px;font-size:12px}.banner pre{white-space:pre-wrap;overflow-wrap:anywhere}.banner summary{cursor:pointer;margin-top:8px}.loading{color:var(--muted);align-items:center;gap:12px;padding:30px 0;display:flex}.spinner{border:2px solid #9994;border-top-color:currentColor;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}input[type=checkbox]{accent-color:var(--green)}.glass{isolation:isolate;background:0 0;position:relative}.glass-surface{border-radius:inherit;pointer-events:none;z-index:-1;background:var(--glass-fill,#ffffff1a);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px #ffffff80, inset 0 -1px 1px #ffffff2e, inset 0 0 18px #ffffff1a, var(--glass-shadow,0 14px 40px #0005);border:1px solid #ffffff38;transition:background-color .2s,border-color .2s;position:absolute;inset:0}.glass:hover>.glass-surface{background:var(--glass-hover,#ffffff29);border-color:#ffffff4d}.glass-defs{pointer-events:none;overflow:hidden;width:0!important;height:0!important;position:absolute!important}.glass:active>.glass-surface{box-shadow:inset 0 1px 3px #ffffff80,inset 0 -1px 1px #ffffff2e,0 5px 20px #0003}.player{z-index:15;border-radius:999px;grid-template-columns:180px minmax(0,1fr) 205px;align-items:center;gap:18px;width:min(1000px,100% - 266px);min-height:76px;margin-inline:auto;padding:12px 20px;display:grid;position:fixed;bottom:20px;left:226px;right:0}.player>.glass-surface{--glass-fill:#1d1e2399;--glass-hover:#27282da6}.shell[data-theme=light] .player>.glass-surface{--glass-fill:#fff9;--glass-hover:#ffffffb3}.transport{justify-content:space-between;align-items:center;gap:6px;display:flex}.transport .icon-button{width:28px;min-width:28px;height:30px;color:var(--muted);padding:5px}.transport .selected{color:var(--green)}.transport .play{width:36px;height:36px;color:var(--text);border-radius:50%;place-items:center;padding:6px;display:grid}.transport .play svg{width:25px;height:25px}.transport .icon-button svg{width:19px;height:19px}.now{min-width:0;padding-bottom:7px;position:relative}.now-open{text-align:left;align-items:center;gap:11px;width:100%;min-width:0;padding:0;display:flex}.now-open .art{width:42px;height:42px}.now-open .track-info{flex:1}.now-open:hover .track-title{color:var(--green)}.now .timeline{position:absolute;bottom:0;left:53px;right:0}.now .timeline-times{display:none}.actual-quality{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 8px var(--bg);padding-top:17px;font-size:9px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.idle-mark{justify-content:center;display:flex}.idle-mark .brand-mark{width:42px;height:45px}.idle-open{border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:background-color .16s;display:grid;position:relative}.idle-open .brand-mark,.idle-open svg{margin:auto;transition:opacity .16s,transform .16s;position:absolute;inset:0}.idle-open svg{opacity:0;width:22px;height:22px;transform:scale(.82)}.idle-open:hover{background:#8882}.idle-open:hover .brand-mark,.idle-open:focus-visible .brand-mark{opacity:0;transform:scale(.82)}.idle-open:hover svg,.idle-open:focus-visible svg{opacity:1;transform:scale(1)}.idle-open:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (prefers-reduced-motion:reduce){.idle-open,.idle-open .brand-mark,.idle-open svg{transition:none}}.player.is-idle{min-height:68px}.player-side{justify-content:flex-end;align-items:center;gap:5px;display:flex}.player-side .icon-button{width:29px;min-width:29px;height:30px;padding:6px}.player-side input{width:65px}.timeline{width:100%}.timeline>input{width:100%;display:block}.timeline-times{color:#ffffff80;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:10px;display:flex}input[type=range]{appearance:none;cursor:pointer;min-width:0;height:4px;accent-color:var(--green);background:#8885;border-radius:99px}.timeline input{background:linear-gradient(to right, var(--green) var(--progress,0%), #8885 var(--progress,0%))}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:0;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:8px;height:8px}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.queue-dock{z-index:12;--glass-fill:#202126e6;--glass-hover:#202126e6;border-radius:16px;width:340px;padding:18px;position:fixed;top:82px;bottom:120px;right:18px;overflow:hidden}.shell[data-theme=light] .queue-dock{--glass-fill:#f8f8f8ed;--glass-hover:#f8f8f8ed}.queue-dock>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dock-current{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 0 16px;display:flex}.dock-current>div{flex:1;min-width:0}.dock-current small{color:var(--green);letter-spacing:.07em;font-size:8px}.dock-current strong,.dock-current span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dock-current strong{font-size:12px}.dock-current span{color:var(--muted);font-size:11px}.queue-list{scrollbar-gutter:stable;min-height:0;max-height:100%;overflow-y:auto}.queue-dock>.queue-list{height:calc(100% - 150px)}.queue-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:12px 2px;display:flex}.queue-row>span{flex:1;min-width:0}.queue-row strong,.queue-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.queue-row strong{font-size:13px;font-weight:550}.queue-row small{color:var(--muted);margin-top:2px;font-size:11px}.queue-row time{color:var(--muted);font-size:10px}.queue-row>svg{width:14px;height:14px;color:var(--muted)}.queue-row:hover{background:#8881}.queue-empty{text-align:center;color:var(--muted);padding:40px 15px}.queue-empty>svg{width:28px;height:28px;margin:0 auto 16px}.queue-empty h3{color:var(--text);margin-bottom:10px;font-size:17px}.queue-empty p{max-width:32ch;margin:auto;font-size:12px}.now-scene{--text:#f8f8f8;--muted:#ffffffa0;--bg:#242428;--line:#ffffff18;--green:#ffd67a;--glass-shadow:0 14px 40px #0005;z-index:40;color:#f8f8f8;isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#242428;animation:.42s cubic-bezier(.16,1,.3,1) both now-playing-rise-in;position:fixed;inset:0;overflow:auto}@keyframes now-playing-rise-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}.now-scene[data-closing=true]{pointer-events:none;animation:.65s cubic-bezier(.16,1,.3,1) both now-playing-drop-out}@keyframes now-playing-drop-out{0%{transform:translate(0)}to{transform:translateY(100%)}}.ambient-art{filter:blur(85px)saturate(1.25);z-index:-3;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-25%}.ambient-shade{z-index:-2;pointer-events:none;background:linear-gradient(120deg,#1114,#1119);min-height:100%;position:absolute;inset:0}.now-top{z-index:3;justify-content:space-between;align-items:flex-start;height:90px;padding:20px 25px;display:flex;position:relative}.window-actions{border-radius:999px;gap:0;padding:3px;display:flex}.window-actions .icon-button{width:30px;min-width:30px;height:30px;padding:7px}.now-volume{border-radius:999px;flex-direction:row-reverse;align-items:center;gap:7px;padding:3px 10px;display:flex}.now-volume .icon-button{width:27px;min-width:27px;height:27px;padding:4px}.now-volume input{background:#ffffff50;width:110px}.now-volume input::-webkit-slider-thumb{border-radius:999px;width:17px;height:10px}.now-layout{grid-template-columns:minmax(250px,.85fr) minmax(0,1.25fr);align-items:center;gap:clamp(65px,8vw,180px);max-width:1600px;min-height:calc(100dvh - 90px);margin:auto;padding:25px clamp(45px,9vw,160px) 85px;display:grid}.now-left{justify-self:center;width:100%;max-width:480px}.now-poster{aspect-ratio:1;background:#ffffff08;border-radius:9px;place-items:center;width:100%;display:grid;overflow:hidden;box-shadow:0 24px 50px #0003}.now-poster .art{border-radius:inherit;width:100%;height:100%}.now-poster .brand-mark{width:120px;height:140px}.now-empty-art{color:#b7b7bb;background:#ececee;place-items:center;width:100%;height:100%;display:grid}.now-empty-art svg{stroke-width:1.5px;width:31%;height:31%}.now-metadata{align-items:center;gap:9px;margin-top:23px;display:flex;position:relative}.now-metadata>div:first-child{flex:1;min-width:0}.now-metadata h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.3;overflow:hidden}.now-metadata p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.now-metadata .icon-button{width:29px;min-width:29px;height:29px;padding:6px}.now-metadata .icon-button svg{width:17px;height:17px}.now-metadata .glass{--glass-shadow:0 4px 12px #0002}.now-stream{color:var(--muted);text-align:center;overflow-wrap:anywhere;min-height:16px;margin-top:8px;font-size:10px}.now-left>.transport{width:100%;margin-top:15px}.now-left>.transport .play{width:48px;height:48px}.now-left>.transport .selected{color:var(--green)}.now-context{flex-direction:column;min-width:0;height:min(650px,100dvh - 185px);padding-right:5px;display:flex}.queue-heading{padding:0 0 22px}.queue-heading h2{letter-spacing:-.03em;font-size:clamp(24px,2.5vw,40px)}.queue-heading>p{color:var(--muted);margin-top:9px;font-size:12px}.now-context .queue-row{padding:13px 3px}.now-context .queue-row .art{width:44px;height:44px}.now-context .queue-row strong{font-size:14px}.now-context .queue-row small{font-size:12px}.now-tabs{z-index:4;border-radius:999px;padding:3px;display:flex;position:fixed;bottom:20px;right:20px}.now-tabs>button{color:#ffffffa6;border-radius:999px;place-items:center;width:34px;height:32px;padding:6px;display:grid}.now-tabs>button.active{color:#38383c;background:#ffffffb3;box-shadow:inset 0 1px 1px #fffc,0 2px 5px #0001}.now-tabs svg{width:20px;height:20px}.lyrics-empty{flex-direction:column;justify-content:center;align-items:flex-start;max-width:440px;height:100%;padding:25px 0;display:flex}.lyrics-empty>svg{color:#ffd67a;width:37px;height:37px;margin-bottom:28px}.lyrics-empty h2{letter-spacing:-.035em;font-size:clamp(28px,3vw,48px);line-height:1.18}.lyrics-empty p{color:var(--muted);max-width:34ch;margin-top:18px;font-size:14px;line-height:1.7}.lyrics-empty>button{color:#ffd67a;align-items:center;gap:9px;margin-top:30px;padding:0;font-size:13px;display:flex}.lyrics-empty>button svg{width:15px;height:15px}.song-actions{position:relative}.song-menu{z-index:10;width:205px;position:absolute;bottom:40px;right:0}.song-menu>.glass{--glass-fill:#38383be8;--glass-hover:#38383be8;border-radius:13px;padding:6px}.song-menu button{text-align:left;border-radius:7px;width:100%;padding:10px;font-size:12px;display:block}.song-menu button:hover{background:#fff2}.now-error{color:#ffd5c7;background:#0002;border-radius:10px;margin-top:18px;padding:12px;font-size:11px;line-height:1.6}.now-error>button{color:#fff;border-bottom:1px solid #fff7;margin-top:6px;padding:2px 0}.now-scene .timeline input{background:linear-gradient(to right, #ffffffa6 var(--progress,0%), #ffffff30 var(--progress,0%))}@media (max-width:1150px){.shell{padding-left:200px}.sidebar{width:200px}.player{grid-template-columns:128px minmax(0,1fr) 100px;gap:12px;width:calc(100% - 232px);padding:10px 17px;left:200px}.player>.transport .icon-button:first-child,.player>.transport .icon-button:last-child,.player-side input,.player-side>button:first-child{display:none}.now-layout{gap:60px;padding-inline:45px}.now-context{height:calc(100dvh - 180px)}}@media (max-width:900px){.section-title>span{text-align:right;max-width:20ch}.now-layout{gap:40px;padding-inline:35px}}@media (max-width:760px){.shell{padding-bottom:135px;padding-left:70px}.sidebar{width:70px;padding:20px 8px 0}.sidebar .brand{justify-content:center;margin-bottom:25px;padding:0}.sidebar .brand-mark{width:35px}.sidebar .brand strong,.nav-label,.sidebar .search-form{display:none}.sidebar nav{gap:12px}.nav{justify-content:center;gap:0;padding:12px 8px;font-size:0}.nav svg{width:22px;height:22px}.section-title{gap:10px;margin-top:25px}.section-title h2{font-size:19px}.section-title>span{display:none}.track-title{font-size:12px}.empty{padding-top:25px}.empty h3{font-size:17px}.empty p{font-size:12px}.player{border-radius:24px;grid-template-columns:minmax(0,1fr) 70px;gap:9px;width:calc(100% - 86px);min-height:72px;padding:11px 14px;bottom:22px;left:70px}.player>.transport{order:2}.player>.transport>.icon-button{display:none}.player>.transport>.icon-button:nth-child(4){display:grid}.player>.now,.player>.idle-mark{order:1}.player>.player-side{display:none}.player .now .art{width:36px;height:36px}.player .now .timeline{left:45px}.actual-quality{text-align:left;padding-top:18px;font-size:8px}.now-open{gap:9px}.queue-dock{width:auto;padding:15px;inset:75px 10px 115px 80px}.now-top{height:70px;padding:16px}.now-volume input{width:75px}.now-layout{flex-direction:column;gap:40px;min-height:0;padding:20px 28px 90px;display:flex}.now-left{max-width:380px}.now-metadata h1{font-size:18px}.now-context{align-self:center;width:100%;max-width:500px;height:auto;min-height:350px;max-height:65dvh}.queue-heading h2{font-size:29px}.queue-heading{padding-bottom:15px}.now-context .queue-list{overflow:auto}.now-context .queue-row strong{font-size:13px}.lyrics-empty{min-height:330px;padding:20px 0}.lyrics-empty h2{font-size:36px}.now-tabs{bottom:15px;right:15px}.ambient-art,.ambient-shade{position:fixed}.now-left>.transport .icon-button{width:36px;min-width:36px;height:36px}.now-left>.transport{gap:10px}.now-left>.transport .play{width:44px;height:44px}.now-error{margin-top:15px}}@media (max-height:760px) and (min-width:761px){.now-left{max-width:calc(100dvh - 280px)}.now-layout{padding-top:5px;padding-bottom:65px}.now-left>.timeline{margin-top:19px}.now-metadata{margin-top:18px}.now-left>.transport{margin-top:10px}.now-context{height:calc(100dvh - 160px)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-surface{background:var(--panel,#343438)!important;-webkit-backdrop-filter:none!important}.now-scene .glass-surface{background:#3c3c40!important}.ambient-art{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface{background:var(--panel,#343438)}}.ambient-frame{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-frame .ambient-art{z-index:0;position:absolute;inset:-25%}.ambient-frame .ambient-shade{z-index:1;position:absolute;inset:0}.now-scene{overflow-x:hidden}.pine-lyrics-view{width:100%;height:100%;min-height:0;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.lyrics-loading{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.lyrics-loading p{color:var(--text);font-size:14px}.lyrics-loading small{font-size:12px}.pine-lyrics-view .lyrics-empty{flex:1;height:auto;min-height:0;padding:28px 4px}.pine-lyrics-view .lyrics-empty h2{font-size:clamp(26px,3vw,40px)}.lyrics-empty-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.lyrics-retry-btn,.lyrics-queue-btn,.lyrics-follow{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-size:13px;display:inline-flex}.lyrics-queue-btn{color:var(--green);padding-inline:0}.lyrics-retry-btn svg,.lyrics-queue-btn svg,.lyrics-follow svg{width:16px;height:16px}.lyrics-scroller{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:24px 12px 36px 4px;scroll-padding-block:24px;position:relative;overflow:auto}.lyrics-scroller.is-synced{padding-block:calc(var(--lyrics-viewport,400px) / 2);-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.pine-lyric-line{text-align:start;width:100%;color:var(--muted);border-radius:7px;padding:14px 4px;transition:color .2s,background-color .2s;display:block}button.pine-lyric-line:hover{color:var(--text);background:var(--line)}.pine-lyric-line.is-current{color:var(--text)}.pine-lyric-line.is-current .lyric-original{-webkit-text-decoration-color:var(--green);-webkit-text-decoration-color:var(--green);-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.lyric-line-content{flex-direction:column;gap:8px;display:flex}.lyric-original{letter-spacing:-.025em;overflow-wrap:anywhere;white-space:pre-wrap;font-size:clamp(25px,2.6vw,40px);font-weight:700;line-height:1.4}.lyric-romanization{color:var(--muted);font-size:clamp(14px,1.3vw,18px);font-weight:400;line-height:1.5}.is-background .lyric-original{font-size:clamp(20px,2.2vw,34px);font-style:italic}.is-interlude .lyric-original{letter-spacing:.2em}.is-plain .lyric-original{font-size:clamp(20px,2vw,28px);font-weight:550}.lyrics-footer{pointer-events:none;z-index:2;bottom:24px;justify-content:center;display:flex;position:absolute;inset-inline:0}.lyrics-footer:empty{display:none}.lyrics-footer button{pointer-events:auto}.lyrics-follow{color:var(--green);flex-shrink:0}.is-dock .lyric-original{font-size:23px}.is-dock .lyric-romanization{font-size:14px}.pine-lyrics-view :is(button,select,[tabindex]):focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.pine-lyric-line{transition:none}}.lyric-word-pending{color:var(--muted)}.queue-dock>.pine-lyrics-view{height:calc(100% - 48px)}.now-scene{overflow:hidden}.now-top{pointer-events:none;height:auto;position:absolute;inset:0 0 auto}.now-top>*{pointer-events:auto}.now-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:10vw;max-width:none;height:100dvh;min-height:0;margin:0;padding:0 3vw 0 10vw}.now-left{max-width:min(510px,100dvh - 270px)}.now-context{height:100dvh;min-height:0;padding:0}.now-poster{border-radius:8px}.now-left>.transport{justify-content:space-between;margin-top:16px}.now-left>.transport .play{box-shadow:none;color:var(--text);background:0 0}.now-left>.transport .icon-button{color:var(--text)}.now-left>.transport .icon-button.selected{color:var(--green)}.now-left>.transport .icon-button:disabled{opacity:.35}.now-context>.queue-heading{padding-top:100px}.now-context>.queue-list{margin-bottom:80px}.now-context .lyrics-scroller{scrollbar-color:#ffffff30 transparent;padding-inline:20px 24px}.now-context .lyrics-scroller.is-synced{-webkit-mask-image:linear-gradient(#0000,#000 9% 88%,#0000);mask-image:linear-gradient(#0000,#000 9% 88%,#0000)}.now-context .pine-lyric-line{color:#ffffff9c;padding-block:24px;transition:color .28s,filter .28s}.now-context .pine-lyric-line:is(.is-current,:hover,:focus-visible){color:#fff;filter:none;background:0 0}.now-context .lyric-original{letter-spacing:-.025em;font-size:clamp(30px,2.9vw,58px);font-weight:700;line-height:1.3}.now-context .lyric-romanization{color:inherit;font-size:clamp(16px,1.4vw,24px);line-height:1.45}.now-context .lyric-line-content{gap:10px}.now-context .is-background .lyric-original{font-size:clamp(24px,2.3vw,44px)}.now-context .is-plain .pine-lyric-line{filter:none;color:var(--text)}.now-context .is-plain .lyric-original{font-size:clamp(26px,2.4vw,44px)}.now-context .lyrics-empty{justify-content:center;max-width:480px}.now-scene[data-has-track=false] .now-context .lyrics-empty{text-align:center;align-items:center;max-width:none}.now-scene[data-has-track=false] .now-context .lyrics-empty h2,.now-scene[data-has-track=false] .now-context .lyrics-empty-actions{display:none}.now-scene[data-has-track=false] .now-context .lyrics-empty p{color:#fff;max-width:none;margin-top:0}.now-context .lyrics-empty>svg,.now-context .lyrics-loading small{display:none}.now-context .lyrics-footer{bottom:28px}@media (min-width:761px) and (max-width:1050px){.now-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:5vw;padding-left:6vw}.now-context .lyrics-scroller{padding-inline:12px}}@media (max-width:760px){.now-layout{gap:0;height:100dvh;min-height:0;padding:76px 24px 70px;display:flex}.now-left{flex-shrink:0;max-width:350px;margin:auto}.now-context{flex:1;width:100%;max-width:none;height:auto;min-height:0;max-height:none}.now-scene[data-tab=lyrics] .now-layout{padding:76px 20px 68px}.now-scene[data-tab=lyrics] .now-left{grid-template-columns:56px minmax(0,1fr);column-gap:14px;width:100%;max-width:none;margin:0;display:grid}.now-scene[data-tab=lyrics] .now-poster{grid-area:1/1;align-self:center;width:56px}.now-scene[data-tab=lyrics] .now-metadata{grid-area:1/2;margin:0}.now-scene[data-tab=lyrics] .now-metadata .song-actions{display:none}.now-scene[data-tab=lyrics] .now-left>.timeline{grid-area:2/1/auto/-1;margin-top:14px}.now-scene[data-tab=lyrics] .now-left>.transport{grid-area:3/1/auto/-1;margin-top:4px}.now-scene[data-tab=lyrics] .now-error{grid-column:1/-1;margin-top:8px;font-size:11px}.now-context .lyrics-scroller{padding-inline:4px 12px}.now-context .lyric-original{font-size:clamp(27px,7vw,36px)}.now-context .lyric-romanization{font-size:16px}.now-context .pine-lyric-line{padding-block:18px}.now-context .lyrics-footer{bottom:4px}.now-context>.queue-heading{padding-top:24px}.now-context>.queue-list{margin-bottom:0}}@media (max-height:540px) and (min-width:761px){.now-left{max-width:max(140px,100dvh - 220px)}.now-metadata,.now-left>.timeline{margin-top:12px}.now-left>.transport{margin-top:4px}}@media (prefers-reduced-motion:reduce){.now-context .pine-lyric-line{transition:none}}@media (prefers-contrast:more){.now-context .pine-lyric-line{color:var(--text);filter:none!important}}.now-context>.pine-lyrics-view{flex:1;height:0}.now-poster{transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s;transform:scale(.73)}.now-scene[data-playing=true] .now-poster{transform:scale(1)}.now-scene[data-playing=false] .now-poster{box-shadow:0 16px 32px #0002}.now-context .is-synced .pine-lyric-line{filter:blur(calc(var(--lyric-distance,0) * 1.25px))}.now-context .pine-lyric-line:is(.is-current,:hover,:focus-visible){filter:none}.lyric-word{--word-fill:0%;color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(to right, #fff calc(var(--word-fill) - 1%), #fff5 calc(var(--word-fill) + 1%));-webkit-background-clip:text;background-clip:text;display:inline-block}.lyric-word:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background-image:linear-gradient(to left, #fff calc(var(--word-fill) - 1%), #fff5 calc(var(--word-fill) + 1%))}.lyric-interlude{align-items:center;min-height:1.3em;display:inline-flex}.interlude-dots{align-items:center;gap:12px;display:inline-flex}.interlude-dot{width:20px;height:20px;opacity:var(--dot-light,.22);background:#fff;border-radius:50%}.is-dock .interlude-dot{width:12px;height:12px}@media (max-width:760px){.now-scene[data-tab=lyrics] .now-poster{transform:scale(.88)}.now-scene[data-tab=lyrics][data-playing=true] .now-poster{transform:scale(1)}.interlude-dot{width:13px;height:13px}}@media (prefers-reduced-motion:reduce){.now-poster{transition:none}}.lyrics-wait-cue{padding:24px 4px}.lyric-interlude{opacity:var(--cue-opacity,1);transform:scale(var(--cue-scale,1));transform-origin:50%}.lyric-word{filter:drop-shadow(0 0 4px #ffffff26);position:relative;transform:translate(0)}@media (prefers-reduced-motion:reduce){.lyric-word,.lyric-interlude,.interlude-dot{transform:none}}.now-context .lyric-line-content{transition:transform .42s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.now-context :is(.is-current,.is-sung) .lyric-line-content{transform:translateY(-1px)}.now-context .is-current .lyric-original:not(:has(.lyric-karaoke)){text-shadow:0 2px 12px #ffffff40}@media (prefers-reduced-motion:reduce){.now-context .lyric-line-content,.now-context :is(.is-current,.is-sung) .lyric-line-content{transition:none;transform:none}}.is-current .lyric-word{will-change:transform}.now-metadata{gap:10px;margin-top:25px}.now-metadata h1{font-size:18px;font-weight:650;line-height:1.3}.now-metadata p{color:#ffffffa6;margin-top:1px;font-size:15px;line-height:1.35}.now-metadata .now-action{color:#fff;background:#ffffff20;border-radius:50%;place-items:center;width:28px;min-width:28px;height:28px;padding:6px;display:grid}.now-metadata .now-action:hover{background:#ffffff32}.now-metadata .now-action.selected svg{fill:currentColor}.now-metadata .now-action svg{width:17px;height:17px}.now-left>.timeline{margin-top:25px}.now-left>.timeline>input{background:0 0;height:18px;margin-block:-6px}.now-left>.timeline>input::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffffb3 var(--progress,0%), #ffffff38 var(--progress,0%));border-radius:999px;height:6px}.now-left>.timeline>input::-moz-range-track{background:linear-gradient(to right, #ffffffb3 var(--progress,0%), #ffffff38 var(--progress,0%));border-radius:999px;height:6px}.now-left>.timeline>input::-webkit-slider-thumb{opacity:0;box-shadow:none;margin-top:-1px}.now-left>.timeline>input:is(:hover,:focus-visible)::-webkit-slider-thumb{opacity:1}.now-left>.timeline>input::-moz-range-thumb{box-shadow:none;background:0 0}.now-left>.timeline>input:is(:hover,:focus-visible)::-moz-range-thumb{background:#fff}.now-left .timeline-times{color:#ffffff70;align-items:center;min-height:16px;margin-top:8px;font-size:11px;position:relative}.timeline-quality{white-space:nowrap;max-width:60%;position:absolute;left:50%;transform:translate(-50%)}.timeline-quality>span{align-items:center;gap:4px;display:inline-flex}.timeline-quality svg{width:13px;height:13px}.now-left>.transport{margin-top:19px}.now-left>.transport .play{width:48px;height:48px;padding:5px}.now-left>.transport .play svg{width:34px;height:34px}.now-left>.transport .icon-button{color:#ffffffc7;width:44px;min-width:44px;height:44px;padding:10px}.now-left>.transport .icon-button svg{stroke-width:2.4px;width:23px;height:23px}.now-left>.transport .icon-button:nth-child(2),.now-left>.transport .icon-button:nth-child(4){padding:4px}.now-left>.transport .icon-button:nth-child(2) svg,.now-left>.transport .icon-button:nth-child(4) svg{width:36px;height:36px}@media (max-width:760px){.now-metadata p{font-size:13px}.now-scene[data-tab=lyrics] .now-left>.timeline{margin-top:16px}.now-scene[data-tab=lyrics] .now-left>.transport{margin-top:4px}.now-left>.transport .play svg,.now-left>.transport .icon-button:nth-child(2) svg,.now-left>.transport .icon-button:nth-child(4) svg{width:30px;height:30px}}@media (max-height:600px) and (min-width:761px){.now-metadata{margin-top:14px}.now-left>.timeline{margin-top:15px}.now-left>.transport{margin-top:8px}}.now-left>.transport .repeat-button.selected{color:#fff;background:#ffffff25;border-radius:50%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
.complete-shell{padding-bottom:125px;padding-left:226px}.complete-shell .sidebar{gap:0;height:100dvh;padding:28px 18px 0;overflow:hidden}.complete-shell .brand{gap:9px;margin:0 8px 25px;padding:0}.complete-shell .brand-mark{width:40px;height:40px}.complete-shell .search-form{border-radius:8px;gap:7px;margin-bottom:17px;padding:8px}.search-form kbd{color:var(--muted);white-space:nowrap;font-size:9px}.complete-shell .sidebar nav{flex:1;min-height:0;padding-bottom:20px;display:block;overflow:hidden auto}.complete-shell .nav{text-align:left;width:100%;min-height:37px;color:var(--text);border-radius:7px;align-items:center;gap:11px;margin:2px 0;padding:9px 12px;font-size:13px;font-weight:400;display:flex}.complete-shell .nav span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.complete-shell .nav svg{width:19px;height:19px;color:var(--green)}.complete-shell .nav.active{background:linear-gradient(100deg,#ffd67a18,#4ba3ff0c,#8b5cff14);font-weight:600}.complete-shell .nav-label{color:var(--muted);margin:25px 12px 9px;padding:0;font-size:11px;font-weight:600;display:block}.complete-shell .playlist-label{justify-content:space-between;align-items:center;display:flex}.playlist-label button{padding:0;font-size:11px;font-weight:600}.playlist-label svg{width:14px;height:14px}.account{border-top:1px solid var(--line);background:var(--panel);flex-shrink:0;align-items:center;gap:9px;margin-top:0;padding:16px 3px;font-size:12px;display:flex}.account small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.account>.icon-button{width:29px;min-width:29px;height:29px;margin-left:auto;padding:5px}.account .library-avatar{flex:none}.workspace{min-height:100dvh}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;height:69px;padding:0 40px;display:flex}.breadcrumbs,.toolbar-right{align-items:center;gap:8px;min-width:0;display:flex}.breadcrumbs .icon-button{width:24px;min-width:24px;height:27px;color:var(--muted);padding:4px}.breadcrumbs svg{width:15px;height:15px}.breadcrumbs span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:10px;font-size:12px;overflow:hidden}.flip{transform:rotate(180deg)}.toolbar-brand{margin-left:14px;font-size:12px;font-weight:650}.toolbar-right>.icon-button{width:28px;min-width:28px;height:28px}.compact-sources{align-items:center;gap:12px;display:flex}.compact-sources label{align-items:center;gap:6px;min-width:0;display:flex}.compact-sources label>span{color:var(--muted);white-space:nowrap;font-size:9px}.compact-sources select{border-color:var(--line);background:var(--panel);border-radius:7px;max-width:120px;padding:5px 6px;font-size:10px}.browse-main{min-width:0;max-width:1600px;margin:auto;padding:34px 40px 35px}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px;display:flex}.page-head h1{letter-spacing:-.035em;font-size:34px;font-weight:700;line-height:1.1}.page-head p{color:var(--muted);margin-top:10px;font-size:13px}.profile-mark{width:35px;height:35px;color:var(--muted);background:#4ba3ff1a;border-radius:50%;flex:none;place-items:center;display:grid}.profile-mark svg{width:17px;height:17px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.025em;font-size:20px;font-weight:650}.section-heading>span{color:var(--muted);font-size:11px}.section-heading>button{color:var(--green);white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:flex}.section-heading>button svg{width:12px;height:12px}.browse-section{margin-top:34px}.featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.feature{aspect-ratio:1.3;color:#fff;text-align:left;background:#222;border-radius:10px;min-width:0;padding:0;position:relative;overflow:hidden}.feature>img{object-fit:cover}.feature:after{content:"";background:linear-gradient(#0000 28%,#000b);position:absolute;inset:0}.feature.relax:after{background:linear-gradient(#0000 25%,#0d0d0de0)}.feature-caption{z-index:1;position:absolute;bottom:23px;left:23px;right:22px}.feature-caption h3{letter-spacing:-.03em;max-width:calc(100% - 30px);font-size:27px;font-weight:650;line-height:1.08}.feature-caption p{color:#ffffffd9;max-width:85%;margin-top:9px;font-size:11px;line-height:1.5}.feature-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;bottom:0;right:0}.feature-play svg{width:17px;height:17px}.feature:hover .feature-play{background:#ffffff40}.album-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.album-card{min-width:0}.album-cover{aspect-ratio:1;background:var(--panel);border-radius:7px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.album-cover>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.cover-play{color:#202023;visibility:hidden;background:#ffffffe0;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;bottom:10px;right:10px}.cover-play svg{width:17px;height:17px}.album-cover:hover .cover-play,.album-cover:focus-visible .cover-play{visibility:visible}.album-card h3{white-space:nowrap;text-overflow:ellipsis;margin:10px 0 2px;font-size:12px;font-weight:500;line-height:1.4;overflow:hidden}.album-card h3 button{text-align:left;text-overflow:ellipsis;max-width:100%;padding:0;overflow:hidden}.card-artist{color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0;font-size:11px;line-height:1.4;display:block;overflow:hidden}.card-artist:hover,.album-card h3 button:hover{color:var(--green)}.artist-grid .album-cover{border-radius:50%}.artist-grid .album-card h3,.artist-grid .card-artist{text-align:center;width:100%}.artist-grid .album-card h3{font-weight:600}.artist-grid .card-artist{display:none}.daily{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.daily>button{border-top:1px solid var(--line);text-align:left;align-items:center;gap:14px;min-width:0;padding:12px 0;font-size:13px;display:flex}.daily img{object-fit:cover;border-radius:6px;flex:none;width:62px;height:62px}.daily span{min-width:0}.daily small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.daily svg{width:14px;height:14px;margin-left:auto}.detail-head{align-items:center;gap:30px;margin-bottom:32px;padding-top:3px;display:flex}.detail-cover{background:var(--panel);border-radius:10px;flex:none;place-items:center;width:210px;height:210px;display:grid;overflow:hidden}.detail-cover>img{object-fit:cover;width:100%;height:100%}.detail-cover>svg{width:60px;height:60px;color:var(--muted)}.detail-head>div:last-child{min-width:0}.detail-head h1{letter-spacing:-.03em;margin-bottom:11px;font-size:34px;line-height:1.1}.detail-head p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.7}.detail-artist{color:var(--green);text-align:left;padding:0;font-size:15px}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.detail-actions .primary,.secondary{color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:9px 20px;font-size:12px;font-weight:600;display:inline-flex}.detail-actions svg,.secondary svg{width:16px;height:16px}.detail-actions .primary{--glass-fill:#ffd67a24}.text-action{color:var(--green);text-underline-offset:4px;padding:5px 0;font-size:12px;text-decoration:underline}.artist-detail .detail-cover{border-radius:50%}.song-table{width:100%}.song-row{border-bottom:1px solid var(--line);grid-template-columns:27px minmax(140px,1.6fr) minmax(100px,1fr) 45px 30px 30px;align-items:center;gap:12px;min-height:69px;padding:9px 4px;display:grid;position:relative}.song-row:hover{background:#8881}.song-row.is-current{background:#ffd67a0c}.song-index{text-align:center;color:var(--muted);font-size:11px}.song-index svg{width:15px;height:15px}.song-play{text-align:left;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.song-play>.art{width:43px;height:43px}.song-play>span{min-width:0}.song-play strong,.song-play small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.song-play strong{font-size:12px;font-weight:550}.song-play small{color:var(--muted);margin-top:3px;font-size:11px}.song-album{color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:11px;overflow:hidden}.song-row time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.song-row>.icon-button,.row-actions>.icon-button{width:28px;min-width:28px;height:28px;padding:5px}.song-row svg{width:17px;height:17px}.row-actions{flex:none;position:relative}.track-menu{z-index:30;--glass-fill:#27272aed;--glass-hover:#27272aed;border-radius:12px;width:220px;padding:6px;position:absolute;bottom:36px;right:0}.shell[data-theme=light] .track-menu{--glass-fill:#f5f5f7f2;--glass-hover:#f5f5f7f2}.track-menu>button{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:10px;font-size:12px;display:flex}.track-menu>button:hover{background:#8882}.track-menu svg{width:15px;height:15px;color:var(--muted)}.track-menu hr{border:0;border-top:1px solid var(--line);margin:4px}.song-row:first-child .track-menu{top:34px;bottom:auto}.player .track-menu{bottom:50px}.library-empty{text-align:center;color:var(--muted);padding:65px 20px}.library-empty>svg{width:39px;height:39px;color:var(--green);margin:0 auto 22px}.library-empty h2{color:var(--text);margin-bottom:14px;font-size:24px;line-height:1.3}.library-empty p{max-width:52ch;margin:auto;font-size:13px;line-height:1.7}.library-empty .primary{color:var(--text);align-items:center;gap:9px;margin-top:23px;font-size:12px;display:inline-flex}.library-empty .primary svg{width:15px;height:15px}.content-search{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:12px;max-width:750px;margin-bottom:20px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.content-search:focus-within{border-color:color-mix(in srgb, var(--green) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 25%, transparent)}.content-search>svg{color:#4ba3ff}.content-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:8px 0}.content-search .primary{color:var(--text);padding:9px 17px;font-size:12px}.search-filters{flex-wrap:wrap;gap:7px;display:flex}.search-filters button{color:var(--muted);border-radius:99px;padding:6px 17px;font-size:12px}.search-filters .active{background:var(--panel);color:var(--text)}.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.genre{text-align:left;color:#fff;background:#89385b;border-radius:10px;min-height:140px;padding:20px;position:relative;overflow:hidden}.genre strong{font-size:19px;position:relative}.genre>svg{opacity:.2;stroke-width:1.2px;width:95px;height:95px;position:absolute;bottom:-15px;right:12px;rotate:-18deg}.genre-1{background:#486b90}.genre-2{background:#678547}.genre-3{background:#a16c3d}.genre-4{background:#63508b}.genre-5{background:#3f8584}.radio-banner{color:#fff;background:#211c2a;border-radius:12px;justify-content:space-between;align-items:center;min-height:280px;padding:35px;display:flex;position:relative;overflow:hidden}.radio-banner>div{z-index:1;max-width:55%}.radio-banner h2{letter-spacing:-.03em;font-size:35px;line-height:1.1}.radio-banner p{color:#ffffffb3;margin-top:13px;font-size:13px;line-height:1.6}.radio-banner .primary{color:#fff;align-items:center;gap:9px;margin-top:23px;font-size:12px;display:inline-flex}.radio-banner>img{object-fit:cover;width:50%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35%);mask-image:linear-gradient(90deg,#0000,#000 35%)}.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;display:grid}.new-playlist-card{aspect-ratio:1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.new-playlist-card svg{width:35px;height:35px;color:var(--green)}.new-playlist-card h3{font-size:14px}.playlist-card{text-align:left;min-width:0;padding:0}.playlist-card>img,.playlist-card>span{aspect-ratio:1;object-fit:cover;background:var(--panel);border-radius:10px;width:100%;height:auto;display:block}.playlist-card>span{place-items:center;display:grid}.playlist-card>span svg{width:40px;height:40px;color:var(--muted)}.playlist-card h3{white-space:nowrap;text-overflow:ellipsis;margin:10px 0 2px;font-size:13px;font-weight:550;overflow:hidden}.playlist-card p{color:var(--muted);font-size:11px}.source-settings{z-index:25;--glass-fill:#252529ed;--glass-hover:#252529ed;border-radius:14px;width:min(380px,100vw - 100px);padding:20px;position:fixed;top:78px;right:25px}.shell[data-theme=light] .source-settings{--glass-fill:#f8f8f8ed;--glass-hover:#f8f8f8ed}.source-settings-scroll>header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.source-settings-scroll>header h2{font-size:18px}.source-settings-scroll>p,.source-settings-scroll>small{color:var(--muted);font-size:12px;line-height:1.6}.source-settings-scroll>small{margin-top:15px;display:block}.source-settings-scroll>label{align-items:flex-start;gap:10px;margin:20px 0 12px;font-size:12px;display:flex}.source-settings .text-action{font-size:12px}.dialog-scrim{z-index:60;background:#0007;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.library-dialog{border-radius:18px;width:min(440px,100%);max-height:85dvh;overflow-y:auto}.library-dialog>.glass{border-radius:inherit;--glass-fill:#252529f5;--glass-hover:#252529f5;padding:24px}.shell[data-theme=light] .library-dialog>.glass{--glass-fill:#f8f8f8f5;--glass-hover:#f8f8f8f5}.library-dialog header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.library-dialog header h2{font-size:21px}.library-dialog form label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.library-dialog input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;outline:none;padding:11px 13px;transition:border-color .2s,box-shadow .2s}.library-dialog input:focus,.library-dialog input:focus-visible{border-color:color-mix(in srgb, var(--green) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 25%, transparent)}.library-dialog form .primary{width:100%;margin-top:20px;font-size:13px}.dialog-song{margin-bottom:15px;font-size:14px;font-weight:600}.dialog-song small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.playlist-choices{max-height:240px;margin-bottom:20px;overflow:auto}.playlist-choices>button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 0;font-size:13px;display:flex}.playlist-choices span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.playlist-choices small{color:var(--muted);font-size:11px;display:block}.muted{color:var(--muted);margin-bottom:17px;font-size:12px;line-height:1.6}.toast{background:var(--text);width:max-content;max-width:calc(100vw - 100px);color:var(--bg);z-index:80;border-radius:10px;margin:auto;padding:11px 19px;font-size:12px;position:fixed;bottom:115px;left:226px;right:0;box-shadow:0 8px 25px #0002}.queue-dock>header>div{display:flex}.dock-lyrics{padding:50px 8px}.dock-lyrics>svg{width:30px;height:30px;color:var(--green);margin-bottom:20px}.dock-lyrics h3{letter-spacing:-.02em;margin-bottom:16px;font-size:26px;line-height:1.15}.dock-lyrics p{color:var(--muted);font-size:13px;line-height:1.7}.player{grid-template-columns:170px minmax(0,1fr) 200px;min-height:68px}.player-side{gap:3px}.player-side input{opacity:0;width:0;transition:width .2s,opacity .2s}.player-side:hover input,.player-side:focus-within input{opacity:1;width:50px}.player-side>.icon-button{width:27px;min-width:27px;height:29px}.player-side .row-actions>.icon-button{height:29px}.now .actual-quality{padding-top:13px}@media (min-width:1550px){.browse-main{padding-top:44px}.feature{aspect-ratio:1.5}.browse-section{margin-top:40px}}@media (max-width:1150px){.complete-shell{padding-left:200px}.complete-shell .sidebar{width:200px;padding-inline:12px}.toolbar{padding-inline:28px}.browse-main{padding:30px 28px 35px}.featured{gap:15px}.feature-caption{bottom:18px;left:17px;right:16px}.feature-caption h3{font-size:23px}.feature-caption p{font-size:10px}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.toolbar-brand{display:none}.compact-sources{gap:8px}.compact-sources label>span{display:none}.player{grid-template-columns:110px minmax(0,1fr) 125px}.player-side>button[aria-label=Tắt\ tiếng],.player-side>button[aria-label=Bật\ tiếng]{display:none}.song-row{grid-template-columns:22px minmax(100px,1.6fr) minmax(50px,1fr) 35px 25px 25px;gap:8px}.toast{left:200px}}@media (max-width:900px){.featured{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:9px;display:flex;overflow-x:auto}.feature{aspect-ratio:1.05;scroll-snap-align:start;flex:0 0 clamp(235px,48%,310px);display:block}.daily{gap:16px}.daily>button{gap:10px}.daily img{width:48px;height:48px}.daily>button>span{font-size:12px}.daily small{font-size:10px}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-cover{width:180px;height:180px}.detail-head h1{font-size:29px}.detail-head{gap:23px}.compact-sources select{max-width:105px}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.complete-shell{padding-left:70px}.complete-shell .sidebar{width:70px;padding:23px 8px 0}.complete-shell .brand{justify-content:center;margin:0 auto 22px}.complete-shell .brand strong,.complete-shell .search-form,.complete-shell .nav span,.complete-shell .nav-label,.account>div{display:none}.complete-shell .brand-mark{width:37px;height:40px}.complete-shell .nav{justify-content:center;min-height:44px;padding:12px 0;font-size:0}.complete-shell .nav svg{width:21px;height:21px}.complete-shell .sidebar nav{padding-bottom:15px}.complete-shell .account{justify-content:center;padding:14px 0}.account>.library-avatar{display:none}.account>.icon-button{margin:0}.toolbar{grid-template-columns:1fr auto;gap:7px;height:94px;padding:11px 20px;display:grid}.toolbar-right{display:contents}.toolbar-right>.icon-button{grid-area:1/2}.breadcrumbs{grid-area:1/1}.breadcrumbs span{margin-left:4px;font-size:11px}.breadcrumbs .icon-button{width:21px;min-width:21px}.compact-sources{grid-area:2/1/auto/-1;justify-content:flex-start;gap:10px}.compact-sources label>span{font-size:9px;display:inline}.compact-sources select{max-width:110px;padding:4px;font-size:10px}.browse-main{padding:26px 20px 35px}.page-head{margin-bottom:25px}.page-head h1{font-size:30px}.page-head p{max-width:27ch;font-size:11px}.profile-mark{width:29px;height:29px}.section-heading h2{font-size:18px}.section-heading>span{display:none}.section-heading>button{font-size:10px}.featured{gap:14px}.feature{aspect-ratio:1.08;flex-basis:clamp(220px,80%,290px)}.feature-caption h3{font-size:25px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.daily{grid-template-columns:1fr;gap:5px}.daily img{width:57px;height:57px}.daily>button{font-size:13px}.daily small{font-size:11px}.browse-section{margin-top:28px}.detail-head{display:block}.detail-cover{width:180px;height:180px;margin-bottom:24px}.detail-head h1{font-size:28px}.detail-head p{font-size:12px}.detail-actions{gap:8px}.detail-actions .primary,.detail-actions .secondary{padding:8px 15px;font-size:11px}.song-row{grid-template-columns:minmax(80px,1fr) 32px 24px 24px;gap:5px}.song-index,.song-album{display:none}.song-play{gap:9px}.song-play>.art{width:38px;height:38px}.song-play strong{font-size:11px}.song-play small,.song-row time{font-size:10px}.song-row .icon-button{width:24px;min-width:24px;height:25px;padding:4px}.song-row svg{width:15px;height:15px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.genre{min-height:110px;padding:15px}.genre strong{font-size:17px}.content-search{gap:7px;margin-bottom:17px;padding:8px}.content-search input{font-size:12px}.content-search .primary{padding:8px 11px;font-size:10px}.content-search>svg{width:16px;height:16px}.search-filters{gap:3px}.search-filters>button{padding:6px 12px;font-size:11px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.new-playlist-card h3{font-size:12px}.radio-banner{min-height:270px;padding:24px}.radio-banner>div{max-width:80%}.radio-banner h2{font-size:28px}.radio-banner p{font-size:11px}.radio-banner>img{opacity:.7;width:75%}.library-empty{padding:45px 5px}.library-empty h2{font-size:22px}.library-empty p{font-size:12px}.complete-shell .player{border-radius:999px;grid-template-columns:minmax(0,1fr) 57px 53px;gap:7px;min-height:64px;padding:11px}.player>.transport{order:2}.player>.player-side{order:3;gap:0;display:flex}.player-side>.row-actions,.player-side input,.player-side>button[aria-label=Tắt\ tiếng],.player-side>button[aria-label=Bật\ tiếng]{display:none!important}.player-side>.icon-button{width:25px;min-width:25px;height:27px;padding:4px}.player>.now,.player>.idle-mark{order:1}.player .now-open .art{width:32px;height:32px}.player .track-title{font-size:10px}.player .player-status{font-size:9px}.player .now .timeline{left:40px}.player>.transport>.play{width:28px;height:30px;padding:4px}.player>.transport>.play svg{width:20px;height:20px}.player>.transport>.icon-button:nth-child(4){width:22px;min-width:22px}.player>.transport>.icon-button:nth-child(4) svg{width:16px;height:16px}.toast{max-width:calc(100vw - 95px);font-size:11px;bottom:105px;left:70px}.source-settings{width:calc(100vw - 92px);top:103px;right:12px}.track-menu{width:195px;right:-29px}.library-dialog>.glass{padding:20px}.queue-dock{top:104px}.queue-dock>header h2{font-size:19px}}.complete-shell .nav[aria-label=Tìm\ kiếm]{display:none}@media (max-width:760px){.complete-shell .nav[aria-label=Tìm\ kiếm]{display:flex}}.catalog-discovery{margin-top:32px}.catalog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.catalog-heading h2{letter-spacing:-.025em;font-size:24px}.catalog-heading p,.catalog-country>span{color:var(--muted);font-size:12px}.catalog-heading p{margin-top:5px}.catalog-country{flex-shrink:0;align-items:center;gap:9px;display:flex}.catalog-country select,.catalog-search select{background:var(--panel);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:8px}.catalog-search{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;display:flex}.catalog-search>svg{width:20px;color:var(--muted)}.catalog-search input{border:1px solid var(--line);background:var(--panel);min-width:180px;color:var(--text);border-radius:9px;outline:none;flex:1;padding:12px;transition:border-color .2s,box-shadow .2s}.catalog-search input:focus,.catalog-search input:focus-visible{border-color:color-mix(in srgb, var(--green) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 25%, transparent)}.catalog-search button{border-radius:999px;padding:9px 16px}.catalog-search button[type=button]{color:var(--muted)}.catalog-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.catalog-features article{min-width:0}.catalog-features article>button{aspect-ratio:1.15;text-align:left;border-radius:10px;width:100%;position:relative;overflow:hidden}.catalog-features img{object-fit:cover;width:100%;height:100%}.catalog-feature-caption{color:#fff;background:linear-gradient(#0000,#000c);flex-direction:column;justify-content:flex-end;padding:20px 52px 20px 20px;display:flex;position:absolute;inset:35% 0 0}.catalog-feature-caption>span{color:#ffffffc9;font-size:12px}.catalog-feature-caption h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0;font-size:20px;line-height:1.2;display:-webkit-box;overflow:hidden}.catalog-feature-caption p{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.catalog-feature-play{color:#fff;background:#ffffff26;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:23px;right:17px}.catalog-feature-play svg{width:17px;height:17px}.catalog-section-title{margin:28px 0 18px;font-size:18px}.catalog-tracks{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;display:grid}.catalog-track{border-bottom:1px solid var(--line);align-items:center;min-width:0;display:flex}.catalog-track-main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:12px 0;display:flex}.catalog-track-main img,.catalog-track-main .catalog-cover-empty{object-fit:cover;border-radius:5px;flex-shrink:0;width:46px;height:46px}.catalog-rank{text-align:center;font-variant-numeric:tabular-nums;width:23px;color:var(--muted);flex-shrink:0;font-size:13px}.catalog-track-copy{flex:1;gap:4px;min-width:0;display:grid}.catalog-track-copy strong,.catalog-track-copy>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.catalog-track-copy strong{font-size:13px;font-weight:550}.catalog-track-copy>span{color:var(--muted);font-size:12px}.catalog-track-main>svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.catalog-track>a{width:28px;min-height:44px;color:var(--muted);place-items:center;display:grid}.catalog-track>a svg{width:14px;height:14px}.catalog-track-main:hover strong,.catalog-track>a:hover,.catalog-note a:hover{color:var(--green)}.catalog-note{color:var(--muted);margin-top:15px;font-size:11px;line-height:1.6}.catalog-note a{text-underline-offset:3px;text-decoration:underline}.catalog-albums img{aspect-ratio:1;object-fit:cover;width:100%}.catalog-album-link{color:var(--muted);margin-top:7px;font-size:11px;display:inline-block}.catalog-explicit{background:var(--line);border-radius:2px;margin-left:5px;padding:0 3px;font-size:9px;display:inline-block}.catalog-cover-empty{background:var(--panel);place-items:center;width:100%;height:100%;display:grid}.catalog-cover-empty svg{width:28px;height:28px;color:var(--muted)}.catalog-loading,.catalog-error{color:var(--muted);align-items:center;gap:12px;padding:30px 0;display:flex}.catalog-error button{color:var(--green)}@media (max-width:1150px){.catalog-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.catalog-heading{flex-direction:column;align-items:flex-start;gap:12px}.catalog-features{scroll-snap-type:x mandatory;gap:14px;display:flex;overflow-x:auto}.catalog-features article{scroll-snap-align:start;flex:0 0 82%}.catalog-tracks{grid-template-columns:minmax(0,1fr)}.catalog-search input{min-width:140px}.catalog-heading h2{font-size:22px}}.source-settings{max-height:calc(100dvh - 100px);overflow-y:auto}.settings-field{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.settings-field>label{font-size:13px;font-weight:600}.settings-field select{border:1px solid var(--line);background:var(--bg);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:9px;padding:8px 12px;font-size:14px}.settings-lyrics{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.settings-check{align-items:center;gap:10px;padding-block:8px;font-size:13px;display:flex}.settings-lyrics p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}@media (max-width:760px){.settings-field select{font-size:16px}}.source-settings>.glass-surface{--glass-ready-fill:var(--glass-fill);--glass-ready-hover:var(--glass-fill)}.personalized-section:first-of-type{margin-top:0}.personalized-section+section{margin-top:36px}.personalized-track-grid,.personalized-playlists{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;display:grid}.personalized-track,.personalized-playlists>button{text-align:left;background:var(--panel);border-radius:10px;align-items:center;gap:13px;min-width:0;padding:8px;transition:background .18s;display:flex}.personalized-track:hover,.personalized-playlists>button:hover{background:var(--line)}.personalized-track>img,.personalized-track>.artwork,.personalized-playlists img,.personalized-playlist-empty{object-fit:cover;border-radius:7px;flex:none;width:54px;height:54px}.personalized-track>span,.personalized-playlists>button>span:not(.personalized-playlist-empty){flex:1;gap:3px;min-width:0;display:grid}.personalized-track strong,.personalized-playlists strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.personalized-track small,.personalized-playlists small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.personalized-track>svg,.personalized-playlists>button>svg{width:17px;height:17px;color:var(--muted);flex:none;margin-right:6px}.personalized-playlist-empty{background:var(--line);color:var(--muted);place-items:center;display:grid}.personalized-playlist-empty svg{width:22px;height:22px}.personalized-start{background:var(--panel);border-radius:12px;align-items:center;gap:16px;margin:0 0 36px;padding:18px 20px;display:flex}.personalized-start>svg{width:28px;height:28px;color:var(--green);flex:none}.personalized-start>div{flex:1;min-width:0}.personalized-start strong{font-size:14px}.personalized-start p{color:var(--muted);margin-top:4px;font-size:12px}.personalized-start button{color:var(--green);flex:none;align-items:center;gap:4px;font-size:12px;display:flex}.personalized-start button svg{width:13px;height:13px}.catalog-shelf{margin-top:36px}.catalog-shelf-heading{align-items:end}.catalog-shelf-heading h2{font-size:20px}.catalog-shelf-heading p{color:var(--muted);margin-top:5px;font-size:12px}.catalog-shelf-skeleton,.catalog-shelf-error{min-height:95px;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.catalog-shelf-skeleton .spinner{width:15px;height:15px}.catalog-genres{flex-wrap:wrap;gap:8px;display:flex}.catalog-genres button{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:999px;padding:9px 14px;font-size:12px;transition:background .15s,color .15s}.catalog-genres button:hover,.catalog-genres button.selected{background:var(--green);border-color:var(--green);color:var(--bg)}.catalog-videos{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.catalog-video{flex-direction:column;min-width:0;display:flex}.catalog-video-art{aspect-ratio:16/10;background:var(--panel);border-radius:9px;width:100%;display:block;position:relative;overflow:hidden}.catalog-video-art img,.catalog-video-art .catalog-cover-empty{object-fit:cover;width:100%;height:100%}.catalog-video-play{color:#fff;background:#0002;place-items:center;display:grid;position:absolute;inset:0}.catalog-video-play svg{filter:drop-shadow(0 3px 8px #0008);width:34px;height:34px}.catalog-video strong{text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:13px;font-weight:600;overflow:hidden}.catalog-video small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:3px;font-size:11px;overflow:hidden}.catalog-more,.catalog-retry{color:var(--green);align-items:center;gap:4px;margin-top:18px;font-size:12px;display:inline-flex}.catalog-more svg{width:12px;height:12px}@media (max-width:980px){.catalog-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.personalized-track-grid,.personalized-playlists{grid-template-columns:1fr}.personalized-start{flex-wrap:wrap;align-items:flex-start}.personalized-start button{margin-left:44px}.catalog-videos{scroll-snap-type:x mandatory;gap:14px;display:flex;overflow-x:auto}.catalog-video{scroll-snap-align:start;flex:0 0 66%}}.catalog-artist-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;display:grid}.catalog-artist-list button{background:var(--panel);text-align:left;border-radius:10px;align-items:center;gap:11px;min-width:0;padding:8px;display:flex}.catalog-artist-list button:hover{background:var(--line)}.catalog-artist-list img,.catalog-artist-list .catalog-cover-empty{object-fit:cover;border-radius:7px;flex:none;width:48px;height:48px}.catalog-artist-list button>span:not(.catalog-cover-empty){flex:1;gap:3px;min-width:0;display:grid}.catalog-artist-list strong,.catalog-artist-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-artist-list strong{font-size:13px;font-weight:600}.catalog-artist-list small{color:var(--muted);font-size:11px}.catalog-artist-list button>svg{width:14px;height:14px;color:var(--muted);flex:none}@media (max-width:1100px){.catalog-artist-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.catalog-artist-list{grid-template-columns:1fr}}.catalog-detail-section{margin-top:29px}.catalog-detail-status{min-height:55px;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.catalog-detail-status .spinner{width:15px;height:15px}.catalog-detail-status button,.catalog-detail-more{color:var(--green);font-size:12px}.catalog-detail-empty{color:var(--muted);padding:18px 0;font-size:12px}.catalog-detail-tracks{border-top:1px solid var(--line)}.catalog-detail-track{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) 42px 38px 28px;align-items:center;gap:9px;min-height:62px;display:grid}.catalog-detail-index{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:12px}.catalog-detail-copy{gap:4px;min-width:0;display:grid}.catalog-detail-copy strong,.catalog-detail-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-detail-copy strong{font-size:13px;font-weight:600}.catalog-detail-copy small{color:var(--muted);font-size:11px}.catalog-detail-track time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.catalog-detail-action,.catalog-detail-track a{width:34px;height:38px;color:var(--muted);place-items:center;display:grid}.catalog-detail-action:hover,.catalog-detail-track a:hover{color:var(--green)}.catalog-detail-action svg,.catalog-detail-track a svg{width:17px;height:17px}.catalog-detail-more{align-items:center;gap:4px;margin-top:17px;display:inline-flex}.catalog-detail-more svg{width:13px;height:13px}@media (max-width:760px){.catalog-detail-track{grid-template-columns:20px minmax(0,1fr) 33px 28px;gap:5px}.catalog-detail-track time{display:none}.catalog-detail-action,.catalog-detail-track a{width:28px}}.catalog-explicit-filter{color:var(--muted);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}.catalog-explicit-filter input{accent-color:var(--green);width:14px;height:14px}
.glass-ready>.glass-surface{background:var(--glass-ready-fill,transparent)}.glass-ready:hover>.glass-surface{background:var(--glass-ready-hover,#ffffff29)}.glass-surface:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(#ffffff3d,#ffffff12 20%,#0000 48%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.player>.glass-surface{--glass-fill:#18181a99;--glass-hover:#18181aa6;--glass-ready-fill:#18181a6b;--glass-ready-hover:#18181a80;border-color:#ffffff1a;box-shadow:inset 0 1px 1px #ffffff5c,inset 0 -1px 1px #ffffff14,inset 0 0 18px #ffffff0a,0 14px 40px #00000059}.shell[data-theme=light] .player>.glass-surface{--glass-fill:#fffc;--glass-hover:#ffffffd9;--glass-ready-fill:#ffffff8c;--glass-ready-hover:#ffffffa6;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #ffffff2e,inset 0 0 18px #ffffff1a,0 14px 40px #0002}.shell[data-theme=dark] .player .track-title,.shell[data-theme=dark] .player .player-status{text-shadow:0 1px 2px #000a}.player .icon-button:hover,.player .play:hover{background:#ffffff1a}.window-actions,.now-volume,.liquid-tabs{--glass-fill:#18181a6b;--glass-ready-hover:transparent}.feature-play.glass{-webkit-backdrop-filter:none;isolation:isolate;background:0 0;border:0}.feature-play>.glass-surface{--glass-fill:#ffffff1a;--glass-shadow:0 14px 40px #00000059}.cover-play.glass{color:#fff;-webkit-backdrop-filter:none;isolation:isolate;background:0 0;border:0}.cover-play>.glass-surface{--glass-fill:#ffffff1a;--glass-shadow:0 14px 40px #00000059}.cover-play.glass[data-glass-state=pending],.feature-play.glass[data-glass-state=pending]{visibility:hidden}.queue-dock,.track-menu,.source-settings,.library-dialog>.glass,.song-menu>.glass{--glass-ready-fill:var(--glass-fill);--glass-ready-hover:var(--glass-hover)}.now-tabs.liquid-tabs{touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.now-tabs.liquid-tabs>button{z-index:0;color:#fff9;position:relative}.now-tabs.liquid-tabs>button.active{box-shadow:none;color:#fff;text-shadow:0 1px 2px #000a;background:0 0}.now-tabs.liquid-tabs>button:focus-visible{outline-offset:5px;z-index:3}.liquid-tab-puck.glass{z-index:2;pointer-events:none;border-radius:999px;transition:none;position:absolute;transform:none}.liquid-tab-puck>.glass-surface{--glass-fill:rgba(238, 248, 255, calc(.025 + var(--nav-puck-press,0) * .035));--glass-ready-fill:rgba(238, 248, 255, calc(.012 + var(--nav-puck-press,0) * .018));--glass-ready-hover:var(--glass-ready-fill);box-shadow:inset 0 1px 1px #fff3, inset 0 -1px 1px #ffffff0a, 0 8px 18px rgba(0, 0, 0, calc(.12 * (1 - var(--nav-puck-press,0))));border-color:#ffffff1a;transition:none}.liquid-tab-puck>.glass-surface:after{opacity:calc(.28 + var(--nav-puck-press,0) * .12)}.glass>.glass-surface,.glass:hover>.glass-surface,.glass:active>.glass-surface,.shell[data-theme=light] .player>.glass-surface{box-shadow:inset 0 1px 1px #fff3, inset 0 -1px 1px #00000029, var(--glass-shadow,0 3px 9px #00000024);border-color:#0000}.player{--glass-shadow:0 12px 32px #00000038}.shell[data-theme=light] .player{--glass-shadow:0 12px 32px #0000001a}.icon-button,.transport .icon-button,.transport .play,.player-side .icon-button,.now-volume .icon-button,.now-metadata .icon-button,.now-left>.transport .icon-button{place-items:center;padding:0}.icon-button>svg,.transport .play>svg{flex-shrink:0;margin:0;display:block}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-ready>.glass-surface{background:var(--panel,#343438)!important;-webkit-backdrop-filter:none!important}.now-scene .glass-ready>.glass-surface{background:#3c3c40!important}.glass-surface:after{display:none}.liquid-tab-puck.glass>.glass-surface{border:2px solid #fff8}}.feature:hover .feature-play.glass{background:0 0}.feature:hover .feature-play.glass>.glass-surface{background:#ffffff29}.album-cover:hover .cover-play.glass,.album-cover:focus-visible .cover-play.glass{background:0 0}.album-cover:hover .cover-play.glass>.glass-surface,.album-cover:focus-visible .cover-play.glass>.glass-surface{background:#ffffff29}.now-top .window-actions{flex:none;align-items:center;gap:0;width:80px;height:38px;padding:4px 6px}.now-top .window-actions>.icon-button{place-items:center;width:34px;min-width:34px;height:30px;padding:3px 5px;display:grid}.now-top .window-actions>.icon-button>svg{width:24px;height:24px;margin:0;display:block}
.source-settings.glass{padding:0;overflow:hidden;box-shadow:0 12px 32px #00000029}.source-settings-scroll{max-height:inherit;padding:20px;overflow-y:auto}.settings-spotify{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.settings-spotify h3{margin-bottom:10px;font-size:15px}.settings-spotify p,.settings-spotify details,.settings-spotify a{font-size:12px;line-height:1.65}.settings-spotify p{color:var(--muted);margin-block:8px}.settings-spotify a,.spotify-connect-prompt button{color:var(--green)}.settings-spotify details{margin-block:14px}.settings-spotify summary{cursor:pointer}.spotify-login-button{background:var(--text);min-height:42px;color:var(--panel);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;margin-top:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.spotify-login-button svg{width:22px;height:22px}.spotify-login-button:hover:not(:disabled){opacity:.88}.spotify-login-button:disabled{opacity:.55;cursor:wait}.spotify-login-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.spotify-login-progress{margin-block:12px}.settings-spotify input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:9px;padding:8px 12px}.settings-spotify .spotify-session-note{margin-top:14px;font-size:11px}.spotify-recommendations .section-heading p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5}.spotify-connect-prompt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.spotify-connect-prompt p,.spotify-recommendations>p{color:var(--muted);font-size:13px;line-height:1.6}.spotify-connect-prompt button,.spotify-loading{align-items:center;gap:8px;display:flex}.spotify-connect-prompt svg{width:14px;height:14px}.spotify-seed-source{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.spotify-seed-source select{border:1px solid var(--line);background:var(--panel);max-width:100%;min-height:36px;color:var(--text);font:inherit;border-radius:8px;padding:6px 10px}.spotify-track{min-width:0}.spotify-track>button{width:100%}.spotify-track>a{color:var(--muted);margin:6px 8px 10px;font-size:11px;display:inline-block}.spotify-track>a:hover{color:var(--green)}.spotify-recommendations>.text-action{margin-top:16px}.spotify-recommendations .spotify-error,.settings-spotify .spotify-error{color:var(--error);line-height:1.6}@media (max-width:760px){.spotify-track-grid{grid-template-columns:1fr}.settings-spotify input{font-size:16px}}
.pine-account-entry{text-align:left;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.pine-account-copy{min-width:0}.pine-account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.pine-account-entry .library-avatar{font-size:16px;font-weight:600}.pine-account-dialog{border:1px solid var(--line);width:min(420px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 40px);color:var(--text);background:var(--panel);border-radius:16px;margin:auto;padding:28px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 20px 70px #00000052}.pine-account-dialog::backdrop{background:#0000008c}.pine-account-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.pine-account-dialog h2{letter-spacing:-.025em;margin:0;font-size:23px;line-height:1.25}.pine-account-dialog header .icon-button{flex:none;width:30px;height:30px}.pine-account-intro{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.6}.pine-google-button{border:1px solid var(--line);background:var(--bg);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-weight:500;display:flex}.pine-google-button svg{flex:none;width:20px;height:20px}.pine-account-divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:11px;display:flex}.pine-account-divider:before,.pine-account-divider:after{content:"";background:var(--line);flex:1;height:1px}.pine-account-dialog form{gap:16px;display:grid}.pine-account-dialog label{gap:7px;font-size:12px;font-weight:500;display:grid}.pine-account-dialog input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);caret-color:var(--green);font:inherit;border-radius:8px;padding:10px 12px;font-size:14px}.pine-password-field{position:relative}.pine-account-password{gap:7px;display:grid}.pine-password-field input{padding-right:58px}.pine-password-field button{height:100%;color:var(--muted);padding-inline:10px;font-size:11px;position:absolute;top:0;right:4px}.pine-account-submit{background:var(--green);width:100%;min-height:44px;color:var(--ink);border-radius:8px;margin-top:6px;padding:10px 16px;font-weight:600}.pine-account-switch{text-align:center;color:var(--muted);margin:22px 0;font-size:12px}.pine-account-switch button{color:var(--green);padding:0;font-weight:500}.pine-account-dialog .pine-account-note{color:var(--muted);margin:10px 0;font-size:11px;line-height:1.6}.pine-account-dialog form .pine-account-note{margin:-6px 0 0}.pine-account-error{color:var(--error);margin:18px 0 0;font-size:12px;line-height:1.6}.pine-account-identity{align-items:center;gap:14px;margin:24px 0;display:flex}.pine-account-identity>div{min-width:0}.pine-account-identity p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.pine-account-avatar{background:var(--bg);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:22px;display:grid;overflow:hidden}.pine-account-entry .library-avatar{font-size:16px;font-weight:600;overflow:hidden}.pine-account-avatar-img,.library-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.pine-account-linked-badge{border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));background:color-mix(in srgb, var(--green) 12%, var(--bg));width:100%;min-height:44px;color:var(--text);box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.pine-account-linked-badge svg{flex:none;width:20px;height:20px}.pine-account-entry:hover .library-avatar,.pine-google-button:hover:not(:disabled){background:color-mix(in srgb, var(--text) 7%, var(--bg))}.pine-account-dialog button:focus-visible,.pine-account-dialog input:focus-visible,.pine-account-entry:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (max-width:1200px){.pine-account-entry{flex:none}.pine-account-copy{display:none}.pine-account-entry .library-avatar{width:28px;height:28px}}@media (max-width:600px){.pine-account-dialog{padding:22px}.pine-account-dialog input{font-size:16px}}