@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;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 utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a24;--surface3:#222230;--border:#ffffff12;--accent:#7c3aed;--accent2:#a855f7;--accent-glow:#7c3aed4d;--text:#f0f0f8;--text2:#9090b0;--text3:#5a5a7a;--player-h:80px;--sidebar-w:220px;--red:#ef4444;--green:#22c55e}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);height:100%;font-family:DM Sans,sans-serif;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr var(--player-h);height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-row:1/3;padding:20px 12px;display:flex;overflow:hidden}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px 24px;display:flex}.logo-icon{color:var(--accent2)}.logo-text{background:linear-gradient(135deg,var(--accent2),#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--surface3);color:var(--text)}.nav-item.active .active-arrow{color:var(--accent2);margin-left:auto}.badge{background:var(--accent);color:#fff;text-align:center;border-radius:20px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:.7rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);color:var(--text3);padding:12px;font-size:.7rem;line-height:1.6}.main-content{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;padding:28px 32px;overflow-y:auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.section-title{color:var(--text);margin-bottom:20px;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.section-title .count{color:var(--text3);margin-left:8px;font-size:.9rem;font-weight:500}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header .section-title{margin-bottom:0}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.artist-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:0;padding:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.artist-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.artist-card.selected{border-color:var(--accent2);background:var(--surface2)}.artist-avatar{aspect-ratio:1;background:var(--surface2);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.artist-avatar img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.artist-card:hover .artist-avatar img{transform:scale(1.07)}.avatar-fallback{color:var(--text3);position:absolute}.artist-info{background:linear-gradient(to top,var(--surface) 0%,#111118d9 100%);width:100%;padding:10px 12px}.artist-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.artist-arrow{display:none}.artist-card-img{cursor:pointer;flex-direction:column;width:100%;display:flex}.artist-fav-btn{color:var(--text2);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#0a0a0fb8;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s,background .2s,transform .15s;display:flex;position:absolute;top:7px;right:7px}.artist-fav-btn:hover{color:#ef4444;background:#ef44442e;transform:scale(1.15)}.artist-fav-btn.active{color:#ef4444;background:#ef44442e}.artist-card{position:relative}.track-list-view{flex-direction:column;display:flex}.track-list-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.back-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-family:DM Sans,sans-serif;font-size:.85rem;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--text)}.artist-hero{align-items:center;gap:16px;display:flex}.artist-hero-avatar{background:var(--surface2);border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.artist-hero-avatar img{object-fit:cover;width:100%;height:100%}.artist-hero-avatar-fallback{width:100%;height:100%;color:var(--text3);background:var(--surface2);justify-content:center;align-items:center;display:flex}.artist-hero-name{text-transform:capitalize;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800}.artist-hero-sub{color:var(--text2);align-items:center;gap:5px;margin-top:4px;font-size:.85rem;display:flex}.play-all-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:24px;align-self:flex-start;align-items:center;gap:8px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.play-all-btn:hover{background:var(--accent2);box-shadow:0 0 20px var(--accent-glow)}.tracks-container{flex-direction:column;gap:6px;display:flex}.track-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:background .2s,border-color .2s;display:flex}.track-item:hover{background:var(--surface2);border-color:var(--surface3)}.track-item.playing{background:var(--surface2);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.track-thumb{background:var(--surface2);cursor:pointer;border-radius:8px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.track-thumb img{object-fit:cover;width:100%;height:100%}.track-play-overlay{opacity:0;background:#00000080;border-radius:8px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.track-thumb:hover .track-play-overlay,.track-item.playing .track-play-overlay{opacity:1}.track-meta{cursor:pointer;flex:1;min-width:0}.track-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;display:block;overflow:hidden}.track-details{color:var(--text3);gap:12px;margin-top:4px;font-size:.75rem;display:flex}.track-details span{align-items:center;gap:4px;display:flex}.track-artist-label{color:var(--text2);text-transform:capitalize;margin-top:2px;font-size:.78rem;display:block}.track-date{color:var(--text3);margin-top:2px;font-size:.72rem;display:block}.playing-bars{align-items:flex-end;gap:2px;height:20px;display:flex}.playing-bars span{background:var(--accent2);border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate bar}.playing-bars span:first-child{height:8px;animation-delay:0s}.playing-bars span:nth-child(2){height:16px;animation-delay:.15s}.playing-bars span:nth-child(3){height:12px;animation-delay:.3s}.playing-bars span:nth-child(4){height:18px;animation-delay:.45s}@keyframes bar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.fav-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex}.fav-btn:hover{color:#ef4444;background:#ef44441a}.fav-btn.active{color:#ef4444}.fav-btn.large{padding:10px}.clear-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.82rem;transition:color .2s,background .2s;display:flex}.clear-btn:hover{color:var(--red);background:#ef44441a}.player-bar{background:var(--surface);border-top:1px solid var(--border);height:var(--player-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;grid-column:2;align-items:center;gap:16px;padding:0 24px;display:flex}.player-bar.empty{justify-content:center}.player-empty-msg{color:var(--text3);font-size:.85rem}.player-track-info{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;min-width:200px;max-width:280px;display:flex}.player-thumb{background:var(--surface2);border-radius:8px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.player-thumb img{object-fit:cover;width:100%;height:100%}.player-meta{flex:1;min-width:0}.player-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.player-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:.75rem;display:block;overflow:hidden}.expand-hint{color:var(--text3);flex-shrink:0}.player-center{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.mini-controls{align-items:center;gap:8px;display:flex}.mini-progress{align-items:center;gap:8px;width:100%;max-width:500px;display:flex}.mini-time{color:var(--text3);min-width:32px;font-size:.72rem}.player-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:180px;display:flex}.ctrl-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex}.ctrl-btn:hover{color:var(--text);background:var(--surface2)}.ctrl-btn.active{color:var(--accent2)}.ctrl-btn.main{color:var(--text)}.ctrl-btn.sm{padding:4px}.ctrl-btn.play-sm{background:var(--accent);color:#fff;border-radius:50%;padding:8px;transition:background .2s,box-shadow .2s}.ctrl-btn.play-sm:hover{background:var(--accent2);box-shadow:0 0 12px var(--accent-glow)}.ctrl-btn.play-main{color:#111;background:#fff;border-radius:50%;width:60px;height:60px;padding:14px;transition:transform .15s}.ctrl-btn.play-main:hover{transform:scale(1.06)}.progress-slider,.volume-slider{appearance:none;background:var(--surface3);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #00000080}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #00000080}.progress-slider.mini{height:3px}.volume-slider.sm{flex:none;width:80px}.player-expanded{z-index:200;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.expanded-bg{filter:blur(60px)brightness(.3);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.expanded-overlay{background:linear-gradient(#0a0a0f99,#0a0a0ff2);position:absolute;inset:0}.expanded-content{z-index:1;flex-direction:column;align-items:center;height:100%;padding:24px;display:flex;position:relative;overflow-y:auto}.collapse-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;align-self:flex-start;margin-bottom:16px;padding:8px;transition:background .2s}.collapse-btn:hover{background:#fff3}.expanded-artwork{background:var(--surface2);border-radius:20px;width:min(300px,70vw);height:min(300px,70vw);margin-bottom:32px;overflow:hidden;box-shadow:0 20px 60px #00000080}.artwork-img{object-fit:cover;width:100%;height:100%}.artwork-img.spinning{animation:20s linear infinite slowspin}@keyframes slowspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expanded-info{flex-direction:column;gap:20px;width:100%;max-width:500px;display:flex}.expanded-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.expanded-title{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.2}.expanded-artist{color:var(--text2);text-transform:capitalize;margin-top:4px;font-size:.9rem}.progress-container{flex-direction:column;gap:6px;display:flex}.time-row{color:var(--text3);justify-content:space-between;font-size:.75rem;display:flex}.expanded-controls{justify-content:center;align-items:center;gap:20px;display:flex}.volume-row{align-items:center;gap:10px;display:flex}.volume-row .volume-slider{flex:1}.queue-panel{top:0;right:0;bottom:var(--player-h);background:var(--surface);border-left:1px solid var(--border);z-index:100;flex-direction:column;width:320px;display:flex;position:fixed;box-shadow:-10px 0 40px #0006}.queue-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.queue-header h3{font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.queue-header button{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.queue-header button:hover{color:var(--text)}.queue-list{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;flex:1;padding:8px;overflow-y:auto}.queue-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;transition:background .2s;display:flex;position:relative}.queue-item:hover,.queue-item.current{background:var(--surface2)}.queue-item img{object-fit:cover;background:var(--surface3);border-radius:6px;flex-shrink:0;width:40px;height:40px}.queue-item-info{flex:1;min-width:0}.queue-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.queue-artist{color:var(--text2);text-transform:capitalize;font-size:.73rem;display:block}.queue-playing-dot{background:var(--accent2);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.search-view{flex-direction:column;display:flex}.search-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:10px 16px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-icon{color:var(--text3);flex-shrink:0}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:.95rem}.search-input::placeholder{color:var(--text3)}.search-clear{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .2s;display:flex}.search-clear:hover{color:var(--text)}.search-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;transition:background .2s}.search-btn:hover{background:var(--accent2)}.results-count{color:var(--text3);margin-bottom:10px;font-size:.82rem}.search-hints{margin-top:8px}.hints-title{color:var(--text2);margin-bottom:12px;font-size:.85rem;font-weight:500}.hints-grid{flex-wrap:wrap;gap:8px;display:flex}.hint-chip{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;text-transform:capitalize;border-radius:20px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;transition:color .2s,border-color .2s,background .2s}.hint-chip:hover{color:var(--text);border-color:var(--accent);background:var(--surface2)}.loading-state{color:var(--text3);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state{color:var(--text3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.empty-state p{max-width:280px;font-size:.9rem;line-height:1.5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.favorites-view,.history-view{flex-direction:column;display:flex}.favs-section{margin-bottom:28px}.favs-section-title{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:14px;font-family:Syne,sans-serif;font-size:.92rem;font-weight:700;display:flex}.artist-favs-grid{flex-wrap:wrap;gap:10px;display:flex}.artist-fav-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;min-width:180px;max-width:240px;padding:8px 12px 8px 8px;transition:border-color .2s,background .2s;display:flex}.artist-fav-card:hover{border-color:var(--accent);background:var(--surface2)}.artist-fav-img{background:var(--surface2);cursor:pointer;width:40px;height:40px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.artist-fav-img img{object-fit:cover;width:100%;height:100%}.artist-fav-name{color:var(--text);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;font-size:.83rem;font-weight:500;overflow:hidden}.dl-note{color:var(--text3);border-bottom:1px solid var(--border);padding:6px 20px 10px;font-size:.75rem;line-height:1.5}.dl-queued{color:var(--text3);font-size:1rem}.dl-item.done{opacity:.55}.qm-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.qm-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:380px;max-width:100vw;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-12px 0 48px #00000080}.qm-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.qm-tabs{gap:4px;display:flex}.qm-tab{color:var(--text3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;transition:color .18s,border-color .18s;display:flex}.qm-tab:hover{color:var(--text2)}.qm-tab.active{color:var(--text);border-bottom-color:var(--accent2)}.qm-tab-badge{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:1px 5px;font-size:.65rem;font-weight:700}.qm-close{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-bottom:8px;padding:8px;transition:color .18s;display:flex}.qm-close:hover{color:var(--text)}.qm-toast{background:var(--surface3);color:var(--text);border-bottom:1px solid var(--border);text-align:center;flex-shrink:0;padding:8px 16px;font-size:.78rem}.qm-body{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;flex:1;overflow-y:auto}.qm-empty{color:var(--text3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:.85rem;line-height:1.6;display:flex}.qm-queue-actions{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.qm-queue-info{color:var(--text3);font-size:.78rem}.qm-clear-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-family:DM Sans,sans-serif;font-size:.78rem;transition:color .18s,background .18s;display:flex}.qm-clear-btn:hover{color:var(--red);background:#ef44441a}.qm-list{padding:6px 8px}.qm-item{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:7px 8px;transition:background .15s;display:flex}.qm-item:hover{background:var(--surface2)}.qm-item.current{background:#7c3aed1f;border-color:#7c3aed40}.qm-item.past{opacity:.45}.qm-item.dragging{background:var(--surface2);border-color:var(--accent);border-radius:10px;box-shadow:0 8px 24px #0006}.qm-drag-handle{color:var(--text3);cursor:grab;flex-shrink:0;align-items:center;padding:2px;display:flex}.qm-drag-handle:active{cursor:grabbing}.qm-item-num{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.qm-num{color:var(--text3);font-size:.7rem}.qm-playing-dot{background:var(--accent2);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulse}.qm-thumb{object-fit:cover;background:var(--surface2);border-radius:6px;flex-shrink:0;width:38px;height:38px}.qm-item-info{cursor:pointer;flex:1;min-width:0}.qm-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.qm-item-artist{color:var(--text2);text-transform:capitalize;margin-top:1px;font-size:.7rem;display:block}.qm-item-actions{flex-shrink:0;gap:2px;display:flex}.qm-play-btn,.qm-remove-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:color .15s,background .15s;display:flex}.qm-play-btn{color:var(--text3)}.qm-play-btn:hover{color:var(--accent2);background:#a855f71a}.qm-remove-btn{color:var(--text3)}.qm-remove-btn:hover{color:var(--red);background:#ef44441a}.qm-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.qm-search-icon{color:var(--text3);flex-shrink:0}.qm-search{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:.88rem}.qm-search::placeholder{color:var(--text3)}.qm-search-clear{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:color .15s;display:flex}.qm-search-clear:hover{color:var(--text)}.qm-loading{color:var(--text3);justify-content:center;align-items:center;padding:40px;display:flex}.qm-artist-list{padding:6px 0}.qm-artist-section{border-bottom:1px solid var(--border)}.qm-artist-row{cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.qm-artist-row:hover{background:var(--surface2)}.qm-artist-row.open{background:#7c3aed12}.qm-artist-avatar{background:var(--surface2);width:32px;height:32px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.qm-artist-avatar img{object-fit:cover;width:100%;height:100%}.qm-artist-name{color:var(--text);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.qm-artist-row-actions{color:var(--text3);flex-shrink:0;align-items:center;gap:6px;display:flex}.qm-add-all-btn{color:var(--accent2);cursor:pointer;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;transition:background .15s;display:flex}.qm-add-all-btn:hover{background:#7c3aed47}.qm-track-rows{background:#00000026;overflow:hidden}.qm-track-row{align-items:center;gap:8px;padding:7px 12px 7px 54px;transition:background .15s;display:flex}.qm-track-row:hover{background:var(--surface2)}.qm-track-row.in-queue{opacity:.55}.qm-track-thumb{object-fit:cover;background:var(--surface2);border-radius:5px;flex-shrink:0;width:34px;height:34px}.qm-track-info{flex:1;min-width:0}.qm-track-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;display:block;overflow:hidden}.qm-track-size{color:var(--text3);margin-top:1px;font-size:.68rem;display:block}.qm-track-btns{flex-shrink:0;gap:3px;display:flex}.qm-track-btn{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:color .15s,background .15s;display:flex}.qm-track-btn.next:hover{color:var(--accent2);background:#a855f71f}.qm-track-btn.add:hover{color:var(--green);background:#22c55e1f}.qm-track-btn.add.added{color:var(--text3);opacity:.5}.share-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:440px;display:flex;overflow:hidden;box-shadow:0 28px 80px #000000a6}.share-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.share-title{color:var(--text);font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.share-close{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s;display:flex}.share-close:hover{color:var(--text)}.share-preview{background:var(--surface2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.share-thumb{object-fit:cover;background:var(--surface3);border-radius:8px;flex-shrink:0;width:52px;height:52px}.share-preview-info{flex:1;min-width:0}.share-preview-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.share-preview-sub{color:var(--text2);text-transform:capitalize;margin-top:3px;font-size:.75rem;display:block}.share-native-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:14px 20px 0;padding:10px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:background .2s,box-shadow .2s;display:flex}.share-native-btn:hover{background:var(--accent2);box-shadow:0 0 16px var(--accent-glow)}.share-targets{grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 20px;display:grid}.share-target-btn{cursor:pointer;opacity:.9;box-sizing:border-box;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 9px;font-family:DM Sans,sans-serif;text-decoration:none;transition:filter .18s,transform .15s,box-shadow .18s;display:flex}.share-target-btn:hover{filter:brightness(1.18);opacity:1;transform:translateY(-3px);box-shadow:0 6px 20px #00000059}.share-target-btn:active{filter:brightness(.95);transform:translateY(0)}.share-target-btn.share-target-done{filter:brightness(1.1);opacity:1}.share-target-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.share-target-label{letter-spacing:.01em;text-align:center;font-size:.65rem;font-weight:600;line-height:1.2}.share-tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 20px;display:flex}.share-tab{color:var(--text3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;transition:color .18s,border-color .18s;display:flex}.share-tab:hover{color:var(--text2)}.share-tab.active{color:var(--accent2);border-bottom-color:var(--accent2)}.share-copy-row{align-items:center;gap:10px;padding:12px 20px;display:flex}.share-url-box{background:var(--surface2);border:1px solid var(--border);border-radius:8px;flex:1;min-width:0;padding:7px 10px}.share-url-text{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.72rem;display:block;overflow:hidden}.share-copy-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;transition:color .2s,border-color .2s,background .2s;display:flex}.share-copy-btn:hover{color:var(--text);border-color:var(--accent)}.share-copy-btn.copied{color:var(--green);border-color:var(--green);background:#22c55e1a}.share-direct-note{color:var(--text3);padding:0 20px 14px;font-size:.72rem;line-height:1.5}.keys-panel{bottom:calc(var(--player-h) + 8px);background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:14px;min-width:260px;padding:14px 16px;position:absolute;right:16px;box-shadow:0 12px 40px #00000080}.keys-header{color:var(--text2);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.82rem;font-weight:600;display:flex}.keys-header button{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:2px;transition:color .2s;display:flex}.keys-header button:hover{color:var(--text)}.keys-grid{flex-direction:column;gap:5px;display:flex}.keys-row{color:var(--text2);align-items:center;gap:10px;font-size:.78rem;display:flex}.key-badge{background:var(--surface2);border:1px solid var(--border);color:var(--text);text-align:center;white-space:nowrap;border-radius:5px;min-width:80px;padding:2px 7px;font-family:monospace;font-size:.72rem}.qm-queue-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:10px 14px 8px;display:flex}.qm-toolbar-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.qm-sort-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text3);cursor:pointer;border-radius:14px;align-items:center;gap:3px;padding:3px 9px;font-family:DM Sans,sans-serif;font-size:.72rem;transition:color .2s,border-color .2s;display:flex}.qm-sort-btn:hover{color:var(--text);border-color:var(--surface3)}.qm-sort-btn.active{color:var(--accent2);border-color:var(--accent)}.qm-shuffle-btn,.qm-share-btn,.qm-clear-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s,border-color .2s;display:flex}.qm-shuffle-btn:hover{color:var(--accent2);border-color:var(--accent)}.qm-share-btn:hover{color:var(--text);border-color:var(--surface3)}.qm-clear-btn:hover{color:var(--red);border-color:var(--red)}.qm-share-item-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px;transition:color .2s;display:flex}.qm-share-item-btn:hover{color:var(--text)}.qm-add-all-btn.shuffle{color:var(--accent2);background:#7c3aed1f;border-color:#7c3aed4d}.tl-toast{background:var(--surface);border:1px solid var(--accent);color:var(--text);z-index:500;pointer-events:none;white-space:nowrap;border-radius:20px;padding:8px 18px;font-size:.82rem;font-weight:500;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.play-all-btn.shuffle-play{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.play-all-btn.shuffle-play:hover{color:var(--accent2);border-color:var(--accent);box-shadow:none;background:#7c3aed26}.list-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sort-bar{align-items:center;gap:6px;display:flex}.sort-label{color:var(--text3);margin-right:4px;font-size:.78rem}.sort-buttons{gap:4px;display:flex}.sort-btn{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:flex}.sort-btn:hover{color:var(--text);background:var(--surface2)}.sort-btn.active{color:var(--accent2);border-color:var(--accent);background:#7c3aed1f}.track-count-label{color:var(--text3);font-size:.82rem}.track-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.download-all-btn{background:var(--surface2);color:var(--text2);border:1px solid var(--border);cursor:pointer;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.download-all-btn:hover{color:var(--text);border-color:var(--accent);background:#7c3aed1a}.track-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.dl-single-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;text-decoration:none;transition:color .2s,background .2s;display:flex}.dl-single-btn:hover{color:var(--accent2);background:#a855f71a}.dl-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dl-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;width:100%;max-width:560px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.dl-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.dl-title{color:var(--text);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.dl-subtitle{color:var(--text3);text-transform:capitalize;margin-top:3px;font-size:.8rem}.dl-close{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s;display:flex}.dl-close:hover{color:var(--text)}.dl-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:14px 20px;display:flex}.dl-action-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.dl-action-btn:hover{color:var(--text);border-color:var(--surface3)}.dl-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.dl-action-btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}.dl-action-btn:disabled{opacity:.5;cursor:not-allowed}.dl-list{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;flex:1;padding:8px;overflow-y:auto}.dl-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.dl-item:hover{background:var(--surface2)}.dl-item.selected{background:#7c3aed1a;border-color:#7c3aed4d}.dl-check{color:var(--text3);flex-shrink:0}.dl-check .checked{color:var(--accent2)}.dl-item-thumb{background:var(--surface2);border-radius:6px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.dl-item-thumb img{object-fit:cover;width:100%;height:100%}.dl-item-info{flex:1;min-width:0}.dl-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;display:block;overflow:hidden}.dl-item-size{color:var(--text3);margin-top:2px;font-size:.73rem;display:block}.dl-status{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.dl-done{color:var(--green);font-size:1rem;font-weight:700}.dl-error{color:var(--red);font-size:1rem;font-weight:700}.stats-view{flex-direction:column;gap:0;display:flex}.stats-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.stats-since{color:var(--text3);margin-bottom:20px;font-size:.8rem}.stats-tabs{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.stats-tab{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:500;transition:all .2s;display:flex}.stats-tab:hover{color:var(--text);border-color:var(--surface3);background:var(--surface2)}.stats-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 16px var(--accent-glow)}.stats-section{flex-direction:column;gap:28px;display:flex}.stat-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:18px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.stat-card:hover{border-color:var(--surface3);box-shadow:0 4px 20px #0000004d}.stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card-value{color:var(--text);font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text2);font-size:.75rem;font-weight:500}.stat-card-sub{color:var(--text3);font-size:.7rem}.stats-sub-title{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:12px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;display:flex}.stats-mini-section{flex-direction:column;display:flex}.stats-mini-list{flex-direction:column;gap:6px;display:flex}.stats-mini-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.stats-mini-row:hover{background:var(--surface2);border-color:var(--surface3)}.stats-rank{color:var(--text3);font-variant-numeric:tabular-nums;min-width:22px;font-size:.72rem;font-weight:700}.stats-mini-thumb{background:var(--surface2);width:34px;height:34px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.stats-mini-thumb img{object-fit:cover;width:100%;height:100%}.stats-mini-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;min-width:80px;max-width:140px;font-size:.82rem;font-weight:500;overflow:hidden}.stats-mini-meta{flex-direction:column;min-width:80px;max-width:160px;display:flex}.stats-mini-artist{color:var(--text3);text-transform:capitalize;font-size:.72rem}.stats-mini-count{color:var(--text2);text-align:right;font-variant-numeric:tabular-nums;min-width:24px;font-size:.75rem;font-weight:700}.stats-full-list{flex-direction:column;gap:8px;display:flex}.stats-full-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.stats-full-row:hover{background:var(--surface2);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.stats-rank-lg{color:var(--text3);min-width:30px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:800}.stats-rank-lg.top{color:#f59e0b}.stats-full-thumb{background:var(--surface2);width:46px;height:46px;color:var(--text3);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.stats-full-thumb img{object-fit:cover;width:100%;height:100%}.stats-full-meta{flex-direction:column;flex-shrink:0;min-width:100px;max-width:200px;display:flex}.stats-full-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:.88rem;font-weight:600;overflow:hidden}.stats-full-sub{color:var(--text3);text-transform:capitalize;margin-top:2px;font-size:.73rem}.stats-full-bar{flex:1;min-width:60px}.stats-full-count{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.stat-bar-track{background:var(--surface3);border-radius:3px;width:100%;height:6px;overflow:hidden}.stat-bar-fill{border-radius:3px;min-width:4px;height:100%}.activity-bars{align-items:flex-end;gap:3px;height:80px;padding-bottom:20px;display:flex;position:relative}.activity-bar-col{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.activity-bar-fill{background:var(--accent);opacity:.85;border-radius:2px 2px 0 0;width:100%;min-height:0;transition:opacity .15s}.activity-bar-col:hover .activity-bar-fill{opacity:1}.activity-bar-label{color:var(--text3);white-space:nowrap;font-size:.6rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hour-chart{align-items:flex-end;gap:3px;height:80px;padding-bottom:20px;display:flex}.hour-col{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.hour-bar{opacity:.8;background:#a855f7;border-radius:2px 2px 0 0;width:100%;transition:opacity .15s}.hour-col:hover .hour-bar{opacity:1}.hour-label{color:var(--text3);white-space:nowrap;font-size:.58rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dow-chart{align-items:flex-end;gap:8px;height:120px;padding-bottom:24px;display:flex}.dow-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex;position:relative}.dow-bar{background:linear-gradient(to top,var(--accent),var(--accent2));border-radius:4px 4px 0 0;width:100%;min-height:0}.dow-label{color:var(--text2);font-size:.72rem;font-weight:600;position:absolute;bottom:0}.dow-count{color:var(--text3);font-variant-numeric:tabular-nums;font-size:.68rem;position:absolute;top:-18px}.queue-panel-sidebar{flex-direction:column;height:100%;min-height:0;display:flex}.qps-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.qps-title-row{color:var(--text);align-items:center;gap:7px;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;display:flex}.qps-count{color:var(--text3);margin-left:2px;font-size:.85rem;font-weight:500}.qps-header-actions{align-items:center;gap:6px;display:flex}.qps-action-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:.78rem;transition:color .18s,background .18s,border-color .18s;display:flex}.qps-action-btn:hover{color:var(--text);border-color:var(--accent);background:#7c3aed1a}.qps-action-btn.danger:hover{color:var(--red);border-color:var(--red);background:#ef44441a}.qps-list{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.qps-empty{color:var(--text3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.qps-empty p{font-size:.85rem}.qps-add-first{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:5px;margin-top:4px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:.82rem;transition:background .18s;display:flex}.qps-add-first:hover{background:var(--accent2)}.qps-section{margin-bottom:8px}.qps-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:4px 0 6px;font-size:.68rem;font-weight:700;display:block}.qps-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:5px 6px;transition:background .15s;display:flex}.qps-item:hover{background:var(--surface2)}.qps-item.current{background:#7c3aed1f;border-color:#7c3aed47}.qps-item.dimmed{opacity:.45}.qps-item.dimmed:hover{opacity:.8}.qps-item-thumb{background:var(--surface2);border-radius:6px;flex-shrink:0;width:38px;height:38px;position:relative;overflow:hidden}.qps-item-thumb img{object-fit:cover;width:100%;height:100%}.qps-item-play-overlay{opacity:0;background:#00000073;border-radius:6px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.qps-item:hover .qps-item-play-overlay,.qps-item.current .qps-item-play-overlay{opacity:1}.qps-item-info{flex:1;min-width:0}.qps-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;line-height:1.3;display:block;overflow:hidden}.qps-item-artist{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:.7rem;display:block;overflow:hidden}.qps-item-actions{opacity:0;flex-shrink:0;gap:1px;transition:opacity .15s;display:flex}.qps-item:hover .qps-item-actions{opacity:1}.qps-icon-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:color .15s,background .15s;display:flex}.qps-icon-btn:hover{color:var(--text);background:var(--surface3)}.qps-icon-btn.remove:hover{color:var(--red);background:#ef44441f}.playing-bars.sm{height:14px}.playing-bars.sm span{width:2px}.qps-browser{background:var(--surface2);border:1px solid var(--border);border-radius:12px;flex-shrink:0;margin-bottom:12px;overflow:hidden}.qps-browser-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.qps-browser-title{color:var(--text);font-size:.8rem;font-weight:600}.qps-browser-search{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 10px;display:flex}.qps-search-icon{color:var(--text3);flex-shrink:0}.qps-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:.8rem}.qps-search-input::placeholder{color:var(--text3)}.qps-browser-loading{color:var(--text3);justify-content:center;padding:12px;display:flex}.qps-artist-list{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;flex-wrap:wrap;gap:5px;max-height:160px;padding:8px 10px;display:flex;overflow-y:auto}.qps-artist-chip{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;text-transform:capitalize;white-space:nowrap;border-radius:14px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:.72rem;transition:color .15s,border-color .15s,background .15s}.qps-artist-chip:hover{color:var(--text);border-color:var(--accent);background:#7c3aed1a}.qps-track-browser-header{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:6px 10px;display:flex}.qps-back-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:3px 6px;font-family:DM Sans,sans-serif;font-size:.75rem;transition:color .15s,background .15s}.qps-back-btn:hover{color:var(--text);background:var(--surface3)}.qps-browser-artist{color:var(--text);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;font-weight:600;overflow:hidden}.qps-add-all-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:3px;padding:3px 9px;font-family:DM Sans,sans-serif;font-size:.7rem;transition:background .15s;display:flex}.qps-add-all-btn:hover{background:var(--accent2)}.qps-track-list{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;max-height:200px;overflow-y:auto}.qps-track-row{align-items:center;gap:7px;padding:5px 10px;transition:background .12s;display:flex}.qps-track-row:hover{background:var(--surface3)}.qps-track-row.added{opacity:.5}.qps-track-thumb{object-fit:cover;background:var(--surface3);border-radius:4px;flex-shrink:0;width:30px;height:30px}.qps-track-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.73rem;overflow:hidden}.qps-track-btns{flex-shrink:0;gap:3px;display:flex}.qps-track-btn{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:color .15s,background .15s,border-color .15s;display:flex}.qps-track-btn.next:hover{color:var(--accent2);border-color:var(--accent);background:#7c3aed1a}.qps-track-btn.add:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.qps-track-btn.add.done{color:var(--green);border-color:var(--green)}.badge.badge-queue{color:var(--accent2);background:#7c3aed40;border:1px solid #7c3aed59}.queue-action-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:color .18s,background .18s;display:flex}.queue-action-btn:hover{color:var(--accent2);background:#a855f71a}.queue-all-btn{background:var(--surface2);color:var(--text2);border:1px solid var(--border);cursor:pointer;border-radius:24px;align-items:center;gap:6px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.queue-all-btn:hover{color:var(--accent2);border-color:var(--accent);background:#7c3aed1a}.share-icon-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;text-decoration:none;transition:color .2s,background .2s;display:flex}.share-icon-btn:hover{color:var(--accent2);background:#a855f71a}.share-overlay{z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.share-panel{background:var(--surface);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 28px 80px #000000a6}.share-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 20px 16px;display:flex}.share-header-info{align-items:center;gap:14px;min-width:0;display:flex}.share-thumb{object-fit:cover;border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:52px;height:52px}.share-title{color:var(--text);margin-bottom:3px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.share-track-name{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.83rem;overflow:hidden}.share-artist-name{color:var(--text3);text-transform:capitalize;margin-top:1px;font-size:.76rem}.share-close{color:var(--text2);cursor:pointer;background:#ffffff12;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.share-close:hover{color:#ef4444;background:#ef444433}.share-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:16px 20px 8px;font-size:.72rem;font-weight:700}.share-platforms{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 4px;display:grid}.share-platform-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text2);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;display:flex}.share-platform-btn:hover{border-color:var(--platform-color,var(--accent));background:var(--surface3);color:var(--text);box-shadow:0 0 14px var(--platform-color,var(--accent))}@supports (color:color-mix(in lab,red,red)){.share-platform-btn:hover{box-shadow:0 0 14px color-mix(in srgb,var(--platform-color,var(--accent)) 30%,transparent)}}.share-platform-btn svg{color:var(--platform-color,var(--accent2))}.share-link-row{align-items:center;gap:8px;padding:0 20px 4px;display:flex}.share-link-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex;overflow:hidden}.share-link-icon{color:var(--text3);flex-shrink:0}.share-link-text{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:DM Mono,monospace,DM Sans,sans-serif;font-size:.75rem;overflow:hidden}.share-copy-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;transition:background .2s;display:flex}.share-copy-btn:hover{background:var(--accent2)}.share-copy-btn.copied{background:var(--green)}.share-copy-btn.embed{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.share-copy-btn.embed:hover{background:var(--surface3);color:var(--text)}.share-copy-btn.embed.copied{background:var(--green);color:#fff;border-color:var(--green)}.share-embed-row{align-items:flex-start;gap:8px;padding:0 20px 20px;display:flex}.share-embed-code{background:var(--surface2);border:1px solid var(--border);color:var(--accent2);white-space:pre-wrap;word-break:break-all;border-radius:10px;flex:1;margin:0;padding:10px 12px;font-family:DM Mono,Courier New,monospace;font-size:.72rem;line-height:1.6}.mini-player{bottom:calc(var(--player-h) + 16px);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:150;cursor:default;-webkit-user-select:none;user-select:none;background:#11111ceb;border:1px solid #a855f740;border-radius:18px;flex-direction:column;gap:8px;width:300px;padding:10px 12px 12px;display:flex;position:fixed;right:20px;overflow:hidden;box-shadow:0 16px 48px #000000a6,0 0 0 1px #ffffff0a}.mini-player-handle{color:var(--text3);cursor:grab;justify-content:center;align-items:center;margin-bottom:-4px;padding:2px 0 0;transition:color .2s;display:flex}.mini-player-handle:active{cursor:grabbing}.mini-player-handle:hover{color:var(--text2)}.mini-player-close{color:var(--text3);cursor:pointer;z-index:2;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s,color .2s;display:flex;position:absolute;top:8px;right:8px}.mini-player-close:hover{color:#ef4444;background:#ef444440}.mini-player-top{cursor:pointer;align-items:center;gap:10px;padding-right:20px;display:flex}.mini-player-art{background:var(--surface2);border:1px solid #ffffff12;border-radius:10px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.mini-player-art img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.mp-art-spin{animation:12s linear infinite mp-spin}@keyframes mp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-art-placeholder{background:var(--surface3);width:100%;height:100%}.mini-player-info{flex:1;min-width:0}.mp-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;line-height:1.3;display:block;overflow:hidden}.mp-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;margin-top:2px;font-size:.72rem;display:block;overflow:hidden}.mp-expand-hint{color:var(--text3);flex-shrink:0}.mp-progress-wrap{align-items:center;gap:6px;display:flex}.mp-time{color:var(--text3);text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-size:.68rem}.mp-progress{appearance:none;background:var(--surface3);cursor:pointer;border-radius:2px;outline:none;flex:1;height:3px}.mp-progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent2);cursor:pointer;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #a855f780}.mp-controls{justify-content:space-between;align-items:center;gap:2px;padding:2px 0;display:flex}.mp-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .18s,background .18s,transform .12s;display:flex}.mp-btn:hover{color:var(--text);background:#ffffff12;transform:scale(1.1)}.mp-btn:active{transform:scale(.93)}.mp-btn.mp-play{background:var(--accent);color:#fff;width:40px;height:40px;box-shadow:0 0 14px #7c3aed73}.mp-btn.mp-play:hover{background:var(--accent2);transform:scale(1.08);box-shadow:0 0 20px #a855f78c}.mp-volume-row{align-items:center;gap:6px;padding:0 2px;display:flex}.mp-vol-btn{width:26px;height:26px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .18s,background .18s;display:flex}.mp-vol-btn:hover{color:var(--accent2);background:#a855f71a}.mp-vol-slider{appearance:none;background:var(--surface3);cursor:pointer;border-radius:2px;outline:none;flex:1;height:3px}.mp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent2);cursor:pointer;border-radius:50%;width:11px;height:11px;transition:transform .12s;box-shadow:0 0 5px #a855f780}.mp-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.mp-vol-pct{color:var(--text3);text-align:right;font-variant-numeric:tabular-nums;min-width:28px;font-size:.66rem}.mp-share-row{justify-content:center;padding:0 2px 2px;display:flex}.mp-share-btn{color:var(--text3);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;gap:5px;width:100%;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:.73rem;font-weight:500;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.mp-share-btn:hover{color:var(--accent2);background:#a855f71a;border-color:#a855f74d}.ctrl-btn.stop-btn{color:var(--text2)}.ctrl-btn.stop-btn:hover{color:#ef4444;background:#ef44441f}.expanded-share-row{justify-content:center;margin-top:-4px;display:flex}.expanded-share-btn{color:var(--text2);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;align-items:center;gap:7px;padding:8px 24px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.expanded-share-btn:hover{color:var(--accent2);background:#a855f71f;border-color:#a855f759}.mini-player:before{content:"";background:linear-gradient(90deg,transparent,var(--accent2),transparent);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:10%;right:10%}.pwa-banner{z-index:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px;font-family:DM Sans,sans-serif;font-size:.83rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.pwa-banner.update{color:var(--text);background:#11111cf2;border:1px solid #a855f766;top:16px}.pwa-banner.install{bottom:calc(var(--player-h) + 16px);color:var(--text);background:#11111cf2;border:1px solid #a855f759}.pwa-banner-text{flex-direction:column;gap:1px;display:flex}.pwa-banner-title{color:var(--text);font-weight:600}.pwa-banner-sub{color:var(--text2);font-size:.73rem}.pwa-banner-action{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;transition:background .2s;display:inline-flex}.pwa-banner-action:hover{background:var(--accent2)}.pwa-banner-dismiss{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.pwa-banner-dismiss:hover{color:var(--text);background:#ffffff14}@supports (padding-bottom:env(safe-area-inset-bottom)){.player-bar{padding-bottom:calc(env(safe-area-inset-bottom) + 0px);height:calc(var(--player-h) + env(safe-area-inset-bottom))}.app{grid-template-rows:1fr calc(var(--player-h) + env(safe-area-inset-bottom))}.mini-player,.pwa-banner.install{bottom:calc(var(--player-h) + env(safe-area-inset-bottom) + 16px)}}@media(max-width:768px){:root{--sidebar-w:0px}.app{grid-template-columns:1fr}.sidebar{display:none}.player-bar{grid-column:1}.player-track-info{min-width:120px;max-width:180px}.player-right .volume-slider{display:none}.main-content{padding:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}