*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none}:focus{outline:none!important}:root{--bg-main: #ffffff;--bg-sidebar: #eff1f5;--bg-player: #eff1f5;--bg-header: #eff1f5;--accent: #6366f1;--accent-hover: #4f46e5;--accent-rgb: 99, 102, 241;--visual: #fde68a;--filtered: #bbf7d0;--search: #ffe4e6;--searching: #fecdd3;--cursor-search: #b91c1c;--muted: #e2e8f0;--slider-preview: rgba(100, 116, 139, .3);--badge-visual-text: #1a1200;--badge-search-text: #9f1239;--badge-search-hover: #fb7185;--badge-muted-text: #475569;--badge-filtered-text: #166534;--badge-filtered-hover: #86efac;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--status-ok: #166534;--status-ok-bg: #f0fdf4;--status-ok-border: #22c55e;--text: #0f172a;--text-muted: #475569;--text-on-accent: #ffffff;--track-info-artist: #1e293b;--track-info-meta: #334155;--queue-header: #475569;--queue-artist: #1e293b;--queue-meta: #64748b;--border: #e2e8f0;--hover: #e4e7ec;--active: #eef2ff;--row-even: #ffffff;--row-odd: #fafbfc;--sidebar-width: 280px;--rightpane-width: 380px;--header-height: 48px;--radius: 8px;--radius-sm: 4px;--anim-speed: .4s;--queue-item-height: 26px;--panel-pad: 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--bg-main);-webkit-font-smoothing:antialiased}html,body,#root{height:100%;overflow:hidden}.app{display:grid;grid-template-areas:"main right" "player player";grid-template-columns:1fr var(--rightpane-width);grid-template-rows:1fr auto;height:100%}.library{grid-area:sidebar;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.playlist-panel{grid-area:main;display:flex;flex-direction:column;min-height:0;background:var(--bg-main);overflow:hidden}.playlist-wrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.pl-scroll-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.pl-scroll{overflow-y:auto;overflow-x:hidden;position:relative;height:100%}.lasso{position:absolute;border:1px solid var(--accent);background:rgba(var(--accent-rgb),.1);pointer-events:none;z-index:100;border-radius:2px}.right-pane{grid-area:right;display:flex;flex-direction:column;min-height:0;background:var(--bg-sidebar);position:relative;overflow:hidden}.right-pane:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 75%,rgba(239,241,245,.2) 85%,rgba(239,241,245,.6) 94%,var(--bg-sidebar) 100%);pointer-events:none;z-index:1}.right-pane-resize-handle{position:absolute;left:0;top:0;bottom:0;width:4px;cursor:col-resize;z-index:100;transition:background .15s}.right-pane-resize-handle:hover,.right-pane-resize-handle:active{background:var(--accent);opacity:.4}.right-pane-bg{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(60px) saturate(1.4) brightness(1.35);z-index:0;pointer-events:none;opacity:0;transition:opacity var(--anim-speed) ease}.right-pane-bg--active{opacity:.4}.dark .right-pane-bg{filter:blur(55px) saturate(.8) brightness(.35)}.dark .right-pane-bg--active{opacity:1}.right-pane-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");background-size:160px 160px}.player-bar{grid-area:player;background:var(--bg-sidebar);display:flex;align-items:center;padding:12px 24px;gap:32px;z-index:10;position:relative}h1,h2,h3{font-weight:600;color:var(--text)}button{font-family:inherit}.player-left{flex:0 0 auto;display:flex;align-items:center;min-width:0}.player-center{flex:1;display:flex;align-items:center;gap:8px;padding:0 32px}.player-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:16px}.player-controls{display:flex;align-items:center;gap:8px}.btn-icon{background:none;border:none;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;transition:background .2s ease,color .2s ease,transform .2s ease}.btn-icon svg{width:16px;height:16px}.btn-icon:hover{background:var(--hover);color:var(--accent)}.btn-play{width:44px;height:44px;background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.btn-play svg{width:20px;height:20px}.btn-play:hover{background:var(--accent-hover);color:#fff!important;box-shadow:0 6px 16px rgba(var(--accent-rgb),.4)}.playback-seek{width:100%;display:flex;align-items:center;gap:18px}.custom-slider-container{position:relative;display:flex;align-items:center;height:24px;cursor:pointer;user-select:none;touch-action:none}.seek-slider{flex:1}.volume-slider{width:100px}.custom-slider-track{position:relative;width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.custom-slider-preview{position:absolute;top:0;left:0;height:100%;background:var(--slider-preview);pointer-events:none}.custom-slider-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:0;pointer-events:none}.slider-tooltip{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:6px;background:var(--accent);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);z-index:50;animation:tooltip-in .2s cubic-bezier(.16,1,.3,1)}.slider-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--accent) transparent transparent transparent}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.time-display{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:40px}.playback-seek .time-display:first-child{text-align:right}.volume-db{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:45px;text-align:right}.library-header,.pane-header{height:var(--header-height);padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;color:var(--text)}.pane-header{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.btn-icon--sm{width:26px;height:26px;color:var(--text-muted)}.library-tree{flex:1;overflow-y:auto;padding:8px}.lib-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius);cursor:pointer;margin-bottom:2px;user-select:none}.lib-row:hover{background:var(--hover)}.lib-row-active{background:var(--active);color:var(--accent)}.lib-children{padding-left:18px}.lib-label{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.expander{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted)}.tab-strip{display:flex;height:var(--header-height);padding:0 16px;gap:4px;align-items:center;border-bottom:1px solid var(--border);background:var(--bg-main)}.tab{padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-muted);border-radius:0;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;user-select:none;white-space:nowrap}.tab:hover{background:var(--hover);color:var(--text)}.tab-active{background:var(--active);color:var(--accent)}@keyframes playing-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tab-playing-indicator{display:flex;align-items:center;animation:playing-in .2s ease}@keyframes spinner{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border:2px solid rgba(var(--accent-rgb),.2);border-top-color:var(--accent);border-radius:50%;animation:spinner .6s linear infinite}@keyframes pulse-indigo{0%{transform:scale(1);opacity:1;filter:drop-shadow(0 0 0px var(--accent))}50%{transform:scale(1.3);opacity:.6;filter:drop-shadow(0 0 8px var(--accent))}to{transform:scale(1);opacity:1;filter:drop-shadow(0 0 0px var(--accent))}}.pl-header-logo--scanning{animation:pulse-indigo 1.2s ease-in-out infinite;color:var(--accent);z-index:10}.logo-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--accent);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);z-index:100;animation:logo-tooltip-in .2s cubic-bezier(.16,1,.3,1)}.logo-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent var(--accent) transparent}@keyframes logo-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.pl-header{display:grid;grid-template-columns:32px 40px 1.5fr 2fr 1.5fr 80px;height:var(--header-height);padding:0 16px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;background:var(--bg-sidebar);position:relative}.pl-row{display:grid;grid-template-columns:32px 40px 1.5fr 2fr 1.5fr 80px;align-items:center;height:28px;padding:0 16px;font-size:12px;border-radius:0;margin:0;user-select:none}.pl-row:hover{background:var(--hover)}.pl-cell-muted{color:var(--text-muted)}.pl-col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.pl-row-search-match{background:var(--search)}.pl-row-filter-preview{background:var(--filtered)}.pl-row.pl-row-selected{background:var(--active)}.pl-search-active .pl-row-selected{background:var(--cursor-search);color:#fff}.pl-search-active .pl-row-selected span,.pl-search-active .pl-row-selected .pl-row-btn{color:#fff}.pl-visual-mode .pl-row-selected{background:var(--visual);color:var(--text)}.pl-visual-mode .pl-row-selected span{color:var(--text)}.pl-visual-mode .pl-row-selected .pl-row-btn{color:var(--text-muted)}.pl-row-active{color:var(--accent);font-weight:600}.pl-status-badges{position:absolute;bottom:12px;left:12px;display:flex;flex-direction:row;align-items:center;gap:4px;z-index:100;pointer-events:none}.pl-status-badges>*{pointer-events:auto;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px}.pl-visual-badge{background:var(--visual);color:var(--badge-visual-text);border-radius:var(--radius-sm);font-size:10px;font-weight:900}.pl-search-badge{background:var(--searching);color:var(--badge-search-text);border-radius:var(--radius-sm);font-size:10px;font-weight:900;cursor:pointer}.pl-search-badge:hover{background:var(--badge-search-hover)}.pl-mute-badge{background:var(--muted);color:var(--badge-muted-text);border-radius:var(--radius-sm);font-size:10px;font-weight:900}.pl-filter-badge{background:var(--filtered);color:var(--badge-filtered-text);border-radius:var(--radius-sm);font-size:10px;font-weight:900;cursor:pointer}.pl-filter-badge:hover{background:var(--badge-filtered-hover)}.pl-shuffle-badge{background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-sm);font-size:10px;font-weight:900}@keyframes filter-bar-in{0%{opacity:0}to{opacity:1}}@keyframes filter-bar-out{0%{opacity:1}to{opacity:0}}.tab-strip-container{position:relative;flex-shrink:0}.pl-filter-backdrop{position:absolute;inset:0;background:var(--bg-main);z-index:1}.pl-filter-bar{position:absolute;inset:0;display:flex;align-items:center;padding:0 16px;background:var(--bg-main);border-bottom:1px solid var(--border);z-index:2;animation:filter-bar-in .15s ease}.pl-filter-bar-out{animation:filter-bar-out .15s ease forwards}.pl-floating-container{position:absolute;top:38%;left:0;right:0;transform:translateY(calc(-50% + 6px));z-index:20;pointer-events:none;opacity:0;will-change:transform,opacity;transition:opacity .08s ease-in,transform .08s ease-in}.pl-floating-container-open{opacity:1;transform:translateY(-50%);pointer-events:auto;transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.pl-bar{display:flex;align-items:center;padding:0 12.5%}.pl-bar-inner{flex:1;display:flex;align-items:center;gap:8px;padding:0 14px;height:40px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-main);box-shadow:0 8px 32px #00000059,0 2px 8px #0003}.pl-bar-input{flex:1;border:none;background:transparent;font-size:13px;font-family:inherit;color:var(--text);padding:0;outline:none;user-select:text}.pl-bar-suffix{font-size:11px;color:var(--text-muted);white-space:nowrap}.pl-row-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:50%;transition:all .1s ease}.pl-row-btn:hover{background:#0000000f;color:var(--accent)}.pl-row-active .pl-row-btn{color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border:2px solid transparent;background-clip:content-box}.track-info-panel{flex:0 0 auto;padding:var(--panel-pad) var(--panel-pad) 0;position:relative;z-index:3}.track-info-body{display:flex;align-items:flex-start;gap:16px}.track-info-cover{flex:0 0 auto;width:100px;height:100px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-sidebar);position:relative;box-shadow:0 2px 12px #00000026}.track-cover-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);transition:opacity var(--anim-speed) ease}.track-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--anim-speed) ease}.track-cover-image--visible{opacity:1}.track-info-text{flex:1;min-width:0;display:flex;flex-direction:column;height:100px;justify-content:space-between}.track-info-main{display:flex;flex-direction:column;gap:4px}.track-info-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info-artist{font-size:12px;color:var(--track-info-artist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info-meta-stack{display:flex;flex-direction:column;gap:2px}.track-meta-row{display:flex;align-items:center;font-size:11px;color:var(--track-info-meta);overflow:hidden}.track-meta-item{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta-separator{margin:0 4px;opacity:.5;flex-shrink:0}.lyrics-panel{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg-sidebar);position:relative;z-index:4}.lyrics-content{flex:1;overflow-y:auto}.next-section{flex:0 0 auto;position:relative;z-index:3;padding-bottom:8px}.queue-drawer{overflow:hidden;transition:max-height var(--anim-speed) ease}@keyframes queue-item-in{0%{opacity:0;transform:translateY(12px);height:0}to{opacity:1;transform:translateY(0);height:var(--queue-item-height)}}@keyframes queue-item-out{0%{opacity:1;transform:translateY(0);height:var(--queue-item-height)}to{opacity:0;transform:translateY(-4px);height:0}}.queue-drawer .queue-item{animation:queue-item-in var(--anim-speed) ease both;overflow:hidden}.queue-drawer .queue-item.closing{animation:queue-item-out var(--anim-speed) ease forwards}.queue-drawer-item{display:flex;align-items:center;gap:6px;height:var(--queue-item-height);padding:0 var(--panel-pad);font-size:12px;min-width:0}.queue-drawer-index{flex:0 0 auto;font-size:11px;color:var(--queue-meta);opacity:.8;min-width:16px;text-align:right}.queue-drawer-artist{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--queue-artist)}.queue-drawer-sep{flex:0 0 auto;color:var(--queue-meta);opacity:.8;font-size:11px}.queue-drawer-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.next-section-header{position:relative;padding:16px var(--panel-pad) 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--queue-header)}.next-section-header .btn-icon{position:absolute;right:calc(var(--panel-pad) - 6px);top:16px;transform:translateY(-25%)}.next-section-queue-count{font-weight:400;letter-spacing:.04em;opacity:.9}.settings-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg-main);display:flex;flex-direction:column}.settings-modal{display:flex;flex-direction:column;height:100%;border:none;box-shadow:none}.settings-header{height:var(--header-height);padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-header);flex-shrink:0}.settings-header-actions{display:flex;align-items:center;gap:12px}.settings-btn-primary,.settings-btn-secondary{padding:6px 12px;border-radius:var(--radius);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s ease,box-shadow .15s ease}.settings-btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.25);font-size:12px;padding:4px 12px}.settings-btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-rgb),.35)}.settings-body{flex:1;overflow-y:auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center}.settings-content{width:100%;max-width:480px;display:flex;flex-direction:column}.settings-section{display:flex;flex-direction:column;margin-bottom:32px}.settings-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:16px}.settings-section-content{display:flex;flex-direction:column;gap:12px}.settings-field{display:flex;flex-direction:column;gap:5px}.settings-label{font-size:12px;font-weight:500;color:var(--text-muted)}.settings-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sidebar);color:var(--text);font-family:inherit;font-size:13px;transition:border-color .15s ease;user-select:text}.settings-input:focus{border-color:var(--accent);outline:none}.settings-input::placeholder{color:var(--text-muted);opacity:.6}.settings-password-wrap{position:relative;display:flex;align-items:center}.settings-password-wrap .settings-input{padding-right:40px}.settings-show-pass{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:4px;border-radius:var(--radius-sm);transition:color .15s ease}.settings-show-pass:hover{color:var(--text)}.settings-status{font-size:12px;color:var(--text-muted);padding:8px 12px;background:var(--hover);border-radius:var(--radius);border-left:3px solid var(--border)}.settings-status--ok{color:var(--status-ok);background:var(--status-ok-bg);border-left-color:var(--status-ok-border)}.settings-account-username{font-size:13px;color:var(--text);padding:8px 12px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius)}.settings-actions{display:flex;gap:8px;align-items:center}.settings-actions .settings-stat{margin-left:auto;text-align:right}.settings-stats{display:flex;gap:24px;padding:4px 0;flex-wrap:wrap}.settings-stat{display:flex;flex-direction:column;gap:2px}.settings-stat--last-scan .settings-stat-value,.settings-stat--duration .settings-stat-value{font-size:13px}.settings-stat-value{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2}.settings-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.settings-toggle-label{font-size:13px;color:var(--text)}.settings-toggle{width:44px;height:24px;border-radius:12px;background:var(--border);border:none;cursor:pointer;padding:2px;transition:background .2s ease;display:flex;align-items:center;flex-shrink:0}.settings-toggle--on{background:var(--accent)}.settings-toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0003;pointer-events:none}.settings-toggle--on .settings-toggle-thumb{transform:translate(20px)}.settings-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.settings-btn-secondary:hover:not(:disabled){background:var(--hover)}.settings-btn-primary:disabled,.settings-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.auth-screen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg-main)}.auth-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px;padding:32px 28px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius)}.auth-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;text-align:center}.auth-submit{width:100%;padding:8px 12px;font-size:13px;margin-top:4px}.dark.tokyo-night{--bg-main: #1a1b26;--bg-sidebar: #24283b;--bg-player: #1a1b26;--bg-header: #24283b;--text: #c0caf5;--text-muted: #565f89;--border: #292e42;--hover: #1f2335;--active: #33467c;--row-even: #1a1b26;--row-odd: #1e2030;--visual: #3d2b1a;--filtered: #1e3320;--search: #3a1a28;--searching: #4a1a2e;--muted: #292e42;--slider-preview: rgba(86, 95, 137, .3);--badge-visual-text: #e0af68;--badge-search-text: #f7768e;--badge-search-hover: #5c1530;--badge-muted-text: #565f89;--badge-filtered-text: #9ece6a;--badge-filtered-hover: #1a3820;--scrollbar-thumb: #3b4067;--scrollbar-thumb-hover: #4e5585;--status-ok: #9ece6a;--status-ok-bg: rgba(158, 206, 106, .08);--status-ok-border: #9ece6a;--track-info-artist: #a9b1d6;--track-info-meta: #7982b0;--queue-header: #7982b0;--queue-artist: #a9b1d6;--queue-meta: #565f89}.dark.tokyo-night .right-pane:after{background:linear-gradient(to bottom,transparent 0%,transparent 75%,rgba(36,40,59,.2) 85%,rgba(36,40,59,.6) 94%,var(--bg-sidebar) 100%)}