:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#ebe7ef;background:#130f17;font-synthesis:none;--bg:#130f17;--panel:#18141e;--line:#2e2737;--muted:#9286a0;--accent:#c1a2e8;--accent-dark:#2f233e;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,color .18s,transform .18s}button:hover{color:var(--accent)}button:active{transform:translateY(1px)}[hidden]{display:none!important}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}span[data-icon]{display:inline-flex;align-items:center;justify-content:center}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.app-shell{display:grid;grid-template-columns:204px minmax(0,1fr) 320px;min-height:100vh;max-width:1900px;margin:auto}.sidebar{position:sticky;top:0;height:100vh;padding:38px 22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#15111a}.brand{display:flex;gap:11px;align-items:center;padding-left:13px;font-weight:600;font-size:23px;letter-spacing:4px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#a499b1;font-weight:400;margin-top:3px}.nav-caption{font-size:10px;color:#7b6e8b;letter-spacing:2px;margin:50px 0 14px 15px}.nav-item{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:13px 14px;margin-bottom:6px;font-size:13px;color:#a89fb4;border-radius:8px;white-space:nowrap}.nav-item.active{background:#2d2439;color:#d7c3ef}.nav-item:hover{background:#231c2c}.nav-count{font-size:10px;margin-left:auto;color:#9287a0}.collection-caption{margin-top:28px}.sidebar-bottom{margin-top:auto;padding:30px 14px 0}.quiet-symbol{font-size:38px;font-weight:200;line-height:1;color:#9880b5;transform:rotate(-18deg);width:38px}.sidebar-bottom p{font-size:21px;line-height:1.7;letter-spacing:3px;margin:12px 0 9px;color:#a99bbb}.sidebar-bottom>span{font-size:10px;letter-spacing:1px;color:#776a87}.private-label{border-top:1px solid var(--line);padding-top:23px;margin-top:28px;font-size:10px;color:#817392;display:flex;align-items:center;gap:7px}.private-label .icon{width:14px;height:14px}main{padding:0 36px;min-width:0}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#8c7f9b}.breadcrumb span{margin:0 12px;color:#564c63}.breadcrumb b{font-weight:400;color:#c8c2d0}.top-actions{display:flex;gap:12px;align-items:center}.mode-badge{font-size:10px;color:#a08eb5;border:1px solid #3a3047;border-radius:20px;padding:5px 10px}.avatar{width:30px;height:30px;border-radius:50%;background:#382d46;color:#c5b3da;display:grid;place-items:center;font-size:12px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;color:#b7afc1}.icon-button:hover{background:#ffffff09}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:10px 0 30px}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#9082a2;font-weight:500}h1{font-size:30px;font-weight:500;letter-spacing:1px;margin:12px 0 10px;line-height:1.4}h1 span{color:#b99bde}.heading-row p{font-size:11px;letter-spacing:.6px;color:var(--muted)}.search-box{width:220px;height:39px;border:1px solid #393242;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#867995;flex-shrink:0}.search-box .icon{width:16px}.search-box input{width:100%;min-width:0;color:#e1dae9;background:none;border:0;outline:none;font-size:11px}.search-box input::placeholder{color:#7a6c8a}.search-box kbd{font-size:11px;color:#726581;border:1px solid #393242;border-radius:3px;padding:0 4px}.hero{height:276px;background:#2d1f3f;border-radius:12px;position:relative;overflow:hidden;display:flex}.hero-content{position:relative;z-index:2;padding:29px 32px;width:58%}.hero-label{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1.5px;color:#bcacd0}.hero-label i{display:block;width:5px;height:5px;border-radius:50%;background:#b292da}.hero h2{font-size:27px;line-height:1.5;font-weight:450;letter-spacing:2px;margin:12px 0 11px}.hero p{font-size:10px;line-height:1.8;letter-spacing:1px;color:#b4a9c1}.primary-button{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--accent);border-radius:6px;color:#2b1e39;padding:11px 17px;font-size:11px;font-weight:600}.primary-button:hover{background:#d9c4f3;color:#1d1625}.primary-button .icon{width:14px;height:14px;fill:currentColor;stroke-width:1px}.hero-note{font-size:8px;color:#b0a2c1;margin-left:11px;letter-spacing:.6px}.hero-art{position:absolute;right:0;top:0;width:50%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 62% 50%,#806e9633 0,transparent 70%)}.moon{position:absolute;width:112px;height:112px;border-radius:50%;left:49%;top:49px;background:radial-gradient(circle at 35% 28%,#decdf2 0%,#cab5e3 55%,#af9ac9 100%);box-shadow:0 0 90px 24px #b290dc16,0 0 28px #cab4e520}.orbit{position:absolute;border:1px solid #cdbbe213;border-radius:50%;width:254px;height:254px;left:26%;top:-18px}.orbit-two{width:356px;height:356px;left:7%;top:-68px;border-style:dashed}.landscape{position:absolute;left:-12%;bottom:-119px;width:145%;height:230px;background:#261838;transform:rotate(-13deg);border-radius:40% 62% 0 0}.landscape-back{bottom:-92px;background:#3e2c55;transform:rotate(18deg)}.landscape-front{background:linear-gradient(180deg,#29173e,#1e0f30)}.star{position:absolute;color:#cbb6e5;font-size:13px}.star-one{left:30%;top:59px}.star-two{right:14%;top:124px;font-size:10px}.hero-art-caption{position:absolute;bottom:20px;right:27px;font-size:6px;letter-spacing:2px;color:#9988ad}.library-section{margin-top:31px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading>div{display:flex;gap:13px;align-items:baseline}.section-heading h2{font-size:17px;font-weight:500;letter-spacing:1px}.section-heading .muted{font-size:10px}.text-button{display:inline-flex;gap:6px;align-items:center;color:#ac9ac2;font-size:10px;white-space:nowrap}.text-button .icon{width:13px;height:13px}.filter-row{display:flex;justify-content:space-between;gap:12px;margin:19px 0 22px;align-items:center}.categories{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.category-button{padding:7px 13px;border-radius:20px;font-size:10px;color:#958aa3;white-space:nowrap;border:1px solid transparent}.category-button.active{border-color:#775e95;color:#d1bfe8;background:#2c2238}.category-button:hover{background:#292132}.filter-reset{font-size:10px;color:#b495d9;white-space:nowrap}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}.media-card{min-width:0;position:relative}.cover-button{position:relative;display:block;width:100%;padding:0;border-radius:9px;overflow:hidden;aspect-ratio:1.6;background:#2a2136}.cover-button img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.cover-button:hover img{transform:scale(1.04)}.card-play{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;background:#d9c7ee;color:#2d213c;width:32px;height:32px;border-radius:50%;box-shadow:0 2px 20px #0003}.card-play .icon{width:15px;height:15px;fill:currentColor;stroke-width:1.5}.card-duration{position:absolute;bottom:12px;left:12px;border-radius:4px;background:#0e071677;backdrop-filter:blur(5px);padding:4px 6px;color:#e4dded;font-size:9px;letter-spacing:.5px}.card-kind{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1.5px;padding:5px 7px;border:1px solid #e1d8ed33;border-radius:4px;color:#d4cbe0;background:#170c2444}.card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:11px;align-items:flex-start}.card-title{font-size:12px;letter-spacing:.3px;line-height:1.5;font-weight:500;display:block;text-align:left;padding:0;overflow-wrap:anywhere}.card-artist{font-size:9px;color:#877a97;margin-top:5px;line-height:1.6}.card-meta .icon-button{width:26px;height:27px;margin-top:-2px}.card-meta .icon{width:15px;height:15px}.is-favorite{color:var(--accent)!important}.is-favorite .icon{fill:currentColor}.media-card.is-current .card-title{color:var(--accent)}.video-grid .cover-button{aspect-ratio:16/9}.content-footer{border-top:1px solid #292232;margin-top:32px;padding:22px 0 26px;display:flex;align-items:center;gap:10px;font-size:9px;color:#726483}.content-footer>span:last-child{margin-left:auto;letter-spacing:1.7px;font-size:7px}.little-wave{letter-spacing:1px;font-size:11px;color:#8f72b2}.player-panel{position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#3c3149 transparent;border-left:1px solid var(--line);padding:38px 27px 25px;background:#18141e}.player-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#998bab}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ba9ae1;margin-right:5px}.player-kind{font-size:8px;color:#625572;letter-spacing:2px}.player-artwork{margin-top:30px;position:relative;border-radius:11px;overflow:hidden;aspect-ratio:1;background:#2e1e42}.player-artwork>img{width:100%;height:100%;object-fit:cover}.now-playing-title{display:flex;align-items:flex-start;gap:8px;margin-top:22px;justify-content:space-between}.now-playing-title>div{min-width:0}.now-playing-title h2{font-size:17px;font-weight:500;letter-spacing:.5px;line-height:1.6;overflow-wrap:anywhere}.now-playing-title p{font-size:9px;color:#9287a0;margin-top:7px;line-height:1.7}.now-playing-title .icon{width:18px;height:18px}.progress-area{margin-top:27px}input[type=range]{width:100%;height:3px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--accent) var(--progress,0%),#3c3149 var(--progress,0%));border-radius:10px;cursor:pointer;display:block;padding:0;margin:7px 0;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#cbafee}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#cbafee}.time-labels{display:flex;justify-content:space-between;margin-top:11px;font-size:9px;color:#90849f;font-variant-numeric:tabular-nums}.playback-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:4px}.big-play{width:54px;height:54px;border-radius:50%;background:var(--accent);color:#2b1e39;display:grid;place-items:center;flex-shrink:0}.big-play:hover{background:#dbc9f2;color:#2b1e39}.big-play .icon{width:23px;height:23px;fill:currentColor}.skip-button{position:relative}.skip-button small{position:absolute;inset:0;display:grid;place-items:center;font-size:7px;margin-top:2px}.skip-button .icon{width:24px;height:24px}.playback-controls>.icon-button .icon{width:18px;height:18px}.playback-controls>.skip-button .icon{width:23px;height:23px}.player-options{display:flex;justify-content:space-between;margin-top:24px;gap:7px}.option-button{display:flex;gap:6px;align-items:center;font-size:9px;color:#968ba4;padding:6px 0}.option-button .icon{width:15px;height:15px}.option-button small{font-size:8px;color:#796c89}.volume-control{display:flex;align-items:center;gap:10px;padding:18px 4px 22px;border-bottom:1px solid var(--line);color:#726483}.volume-control .icon{width:14px;height:14px}.volume-control input{height:2px}.volume-control input::-webkit-slider-thumb{width:6px;height:6px}.queue-heading{display:flex;justify-content:space-between;align-items:center;margin:23px 0 14px}.queue-heading h3{font-weight:500;font-size:11px;letter-spacing:.5px}.queue-heading>span{font-size:9px;color:#827494}.queue-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:7px 0}.queue-item img{height:35px;width:35px;object-fit:cover;border-radius:5px}.queue-item>span{min-width:0;flex:1}.queue-item b{font-size:10px;font-weight:400;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item small{display:block;font-size:8px;color:#7f7191;margin-top:4px}.queue-item time{font-size:8px;color:#9387a1}.queue-item.active b{color:var(--accent)}.player-footnote{font-size:9px;text-align:center;margin-top:26px;color:#6e5e82;letter-spacing:1.2px}.playing-equalizer{position:absolute;display:flex;gap:3px;align-items:center;bottom:14px;right:14px;height:27px;background:#23143599;padding:7px 9px;border-radius:5px}.playing-equalizer i{width:3px;height:13px;background:#c8aaed;animation:equalize .9s ease-in-out infinite alternate}.playing-equalizer i:nth-child(2){animation-delay:-.6s}.playing-equalizer i:nth-child(3){animation-delay:-.3s}.playing-equalizer i:nth-child(4){animation-delay:-.9s}@keyframes equalize{to{height:3px}}.empty-state{padding:48px 15px;text-align:center;background:#1c1624;border:1px dashed #3b3148;border-radius:10px}.empty-state>span>.icon{width:36px;height:36px;color:#a084c2}.empty-state h3{font-size:17px;font-weight:500;margin:19px 0 10px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:22px}.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #473859;border-radius:6px;font-size:11px;padding:10px 17px;color:#c5b3da}.outline-button .icon{width:14px;height:14px}.notice{border:1px solid #4d3867;background:#2d213c;color:#c1a8df;padding:12px 14px;border-radius:7px;font-size:11px;line-height:1.7;margin-bottom:16px}.skeleton{height:180px;background:linear-gradient(100deg,#241a30,#2d233a,#241a30);background-size:200% 100%;border-radius:9px;animation:loading 1.5s infinite}@keyframes loading{to{background-position:-200% 0}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#cfb9ea;color:#291b39;padding:12px 22px;border-radius:7px;box-shadow:0 8px 40px #0005;font-size:12px;max-width:90vw;z-index:10000}.mini-player,.mobile-nav,.mobile-player-close{display:none}dialog{color:#ebe7ef;border:1px solid #463b53;background:#1e1726;border-radius:16px;padding:28px;max-width:calc(100vw - 30px);box-shadow:0 20px 100px #0009}dialog::backdrop{background:#08040ebb;backdrop-filter:blur(7px)}.timer-dialog{width:420px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:21px;font-weight:500;margin-top:10px}.timer-dialog>p{font-size:12px;color:#978ca4;margin:14px 0 22px}.timer-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timer-choices button{padding:17px 4px;background:#31273e;border:1px solid #423057;border-radius:8px;font-size:24px;color:#c8afe6}.timer-choices button small{display:block;font-size:10px;margin-top:7px}.cancel-timer{margin-top:20px;width:100%}.timer-dialog p.dialog-note{font-size:10px;line-height:1.6;margin-bottom:0;color:#7c6c90}.video-dialog{padding:0;width:850px;overflow:auto}.video-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;color:#a997c0}.video-heading>span{display:flex;gap:9px;align-items:center}.video-heading .icon{width:17px;height:17px}video{display:block;width:100%;max-height:65vh;aspect-ratio:16/9;background:#050208}.video-details{padding:20px 24px 12px;display:flex;gap:16px;justify-content:space-between;align-items:center}.video-details h2{font-size:20px;font-weight:500;overflow-wrap:anywhere}.video-details p{font-size:11px;color:#9488a2;margin-top:8px}.video-actions{padding:10px 24px;display:flex;gap:12px;justify-content:space-between;align-items:center}.video-tip{padding:10px 24px 20px;font-size:10px;color:#867898}.gated .hero,.gated .player-panel,.gated .mini-player{opacity:.45;pointer-events:none}.gated .media-grid{display:none}.gated .library-section{margin-top:25px}body.video-section .hero{background:#322344}body.video-section .moon{background:radial-gradient(circle at 35% 28%,#e8e2f0,#c0afd5 65%,#a48dc1)}body.video-section .landscape-back{background:#463060}body.video-section .landscape-front{background:linear-gradient(180deg,#361e53,#210f37)}
@media(min-width:1550px){main{padding:0 48px}.hero{height:310px}.hero-content{padding:36px}.hero h2{font-size:31px}.hero p{font-size:12px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-button{aspect-ratio:1.25}.hero-art{width:48%}.moon{width:137px;height:137px;top:48px}.hero-note{display:block;margin:12px 0 0}.hero-content{width:50%}}
@media(max-width:1250px){.app-shell{grid-template-columns:170px minmax(0,1fr) 282px}.sidebar{padding:30px 13px 22px}.brand{font-size:21px;padding-left:11px}.nav-item{font-size:12px;padding:12px 10px;gap:9px}main{padding:0 24px}.player-panel{padding:32px 22px}.heading-row{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.search-box{width:100%}.hero-content{padding:26px 25px;width:66%}.hero-note{display:none}.hero-art{width:56%;opacity:.85}.hero h2{font-size:25px}.hero p{font-size:10px}.player-options{gap:4px}.option-button{font-size:8px;gap:4px}.content-footer>span:last-child{display:none}.player-artwork{margin-top:30px}.topbar{height:82px}}
@media(max-width:1000px){.app-shell{grid-template-columns:160px minmax(0,1fr)}.player-panel{position:fixed;right:0;bottom:0;top:auto;width:340px;height:100dvh;max-height:880px;transform:translateX(110%);z-index:30;transition:transform .25s;background:#1b1423;border-radius:15px 0 0 0;box-shadow:-10px 0 80px #0009}.player-panel.is-open{transform:translateX(0)}.mobile-player-close{display:flex}.player-kind{display:none}.mini-player{position:fixed;left:176px;right:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:9px 14px 9px 9px;background:#2d233af2;border:1px solid #473959;border-radius:11px;z-index:20;box-shadow:0 5px 35px #0006;backdrop-filter:blur(20px)}.mini-info{display:flex;gap:11px;align-items:center;flex:1;text-align:left;min-width:0;padding:0}.mini-info img{width:39px;height:39px;border-radius:6px;object-fit:cover}.mini-info>span{min-width:0}.mini-info b{font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.mini-info small{font-size:9px;color:#9789a9;margin-top:5px;display:block}main{padding-bottom:90px}.heading-row{flex-direction:row;align-items:flex-end}.search-box{width:210px}h1{font-size:27px}.hero{height:280px}.hero-art{width:50%;opacity:1}.hero-content{width:55%}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px}.cover-button{aspect-ratio:1}.card-artist{font-size:8px}.section-heading .muted{font-size:9px}.player-artwork{max-height:290px}.toast{bottom:92px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}main{padding:0 20px 155px}.topbar{height:72px;padding-top:max(0px,var(--tg-content-safe-area-inset-top,0px))}.breadcrumb{font-size:11px}.breadcrumb:before{content:'眠屿';font-size:19px;letter-spacing:3px;color:#d7c6eb;margin-right:12px}.top-actions{gap:7px}.top-actions .mode-badge{font-size:8px;padding:4px 7px}.top-actions .icon-button{width:28px;height:28px}.avatar{width:26px;height:26px;font-size:10px}.heading-row{margin:13px 0 22px;display:block}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:27px;margin:12px 0 8px;letter-spacing:1px}.heading-row p{font-size:11px}.search-box{width:100%;margin-top:22px;height:40px;font-size:12px}.search-box input{font-size:12px}.search-box kbd{display:none}.hero{height:250px;border-radius:10px}.hero-content{padding:25px 23px;width:68%}.hero-label{font-size:9px}.hero h2{font-size:25px;letter-spacing:1.5px;margin:12px 0 9px}.hero p{font-size:9px;line-height:1.8;letter-spacing:.5px}.primary-button{margin-top:14px;padding:10px 13px;font-size:10px}.hero-art{width:52%;right:-12px;opacity:.85}.moon{width:88px;height:88px;top:55px;left:38%}.orbit{left:3%;width:220px;height:220px;top:1px}.orbit-two{left:-25%;width:300px;height:300px;top:-40px}.star-one{top:50px;left:20%;font-size:11px}.star-two{top:126px;right:10%}.hero-art-caption{font-size:5px;right:23px;bottom:14px;letter-spacing:1px}.landscape{bottom:-124px;left:-40%;width:180%;transform:rotate(-12deg)}.landscape-back{bottom:-103px;transform:rotate(22deg)}.library-section{margin-top:27px}.section-heading h2{font-size:16px}.section-heading>div{gap:9px}.text-button{font-size:10px}.filter-row{margin:18px 0 20px}.category-button{font-size:10px;padding:7px 13px}.categories{gap:6px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.cover-button{aspect-ratio:1.15;border-radius:8px}.video-grid .cover-button{aspect-ratio:1.45}.card-title{font-size:12px}.card-meta{margin-top:10px;gap:3px}.card-artist{font-size:8px;line-height:1.7}.card-kind{font-size:7px;top:9px;left:9px;padding:4px 5px}.card-duration{font-size:8px;bottom:9px;left:9px}.card-play{right:9px;bottom:9px;width:29px;height:29px}.content-footer{margin-top:28px;font-size:9px;padding:20px 0}.mini-player{left:12px;right:12px;bottom:calc(65px + var(--safe-bottom));padding:9px;gap:8px;border-radius:10px}.mini-info b{font-size:11px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#181220f7;border-top:1px solid #352d3f;padding:9px 14px calc(8px + var(--safe-bottom));backdrop-filter:blur(20px);z-index:21}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#8a7d99;width:60px}.mobile-nav .icon{width:19px;height:19px}.mobile-nav button.active{color:#ccb1ee}.player-panel{width:100%;height:100dvh;max-height:none;border-radius:0;transform:translateY(110%);padding:22px 35px calc(22px + var(--safe-bottom));z-index:40;top:0;bottom:auto}.player-panel.is-open{transform:translateY(0)}.player-heading{font-size:10px;padding-top:var(--tg-content-safe-area-inset-top,0px)}.player-artwork{max-height:none;width:min(100%,310px);margin:25px auto 0}.now-playing-title{margin-top:26px}.now-playing-title h2{font-size:21px}.now-playing-title p{font-size:10px}.progress-area{margin-top:25px}.playback-controls{max-width:340px;margin:24px auto 0}.big-play{width:62px;height:62px}.player-options{margin-top:28px}.option-button{font-size:10px}.queue-heading{margin-top:20px}.queue-item b{font-size:11px}.queue-item small{font-size:9px}.toast{bottom:calc(145px + var(--safe-bottom));width:max-content;text-align:center;font-size:11px}.video-dialog{max-width:calc(100vw - 20px);border-radius:10px}.video-heading{padding:9px 13px}.video-details{padding:17px 15px 10px}.video-details h2{font-size:17px}.video-actions{padding:12px 14px;gap:8px;flex-wrap:wrap}.video-actions .outline-button{padding:8px 11px;font-size:10px}.video-tip{padding:8px 15px 17px;font-size:9px}.timer-dialog{padding:23px}.timer-choices{gap:8px}.dialog-heading h2{font-size:19px}.empty-state{padding:35px 16px}.empty-state p{font-size:11px}.notice{font-size:10px}.volume-control{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.player-panel{visibility:hidden}.player-panel.is-open{visibility:visible}} @media(max-width:760px){.hero-content{width:77%}.hero h2{font-size:clamp(20px,6vw,24px)}}
:root{--bg:#100b1c;--panel:#181126;--line:#342547;--muted:#a196b5;--accent:#b28aff;--accent-dark:#352149;color:#efe8ff;background:var(--bg)}
.card-meta{gap:4px}.card-meta>div{flex:1}.card-meta>.icon-button{flex-shrink:0;width:26px;height:32px}.card-meta>.icon-button .icon{width:16px;height:16px}.profile-links button>span:nth-child(3){margin-left:auto}.now-playing-title>div:first-child,.video-details>div:first-child{flex:1;min-width:0}.now-playing-title>.icon-button,.video-details>.icon-button{flex-shrink:0}
.filter-row{flex-wrap:wrap;gap:10px}.filter-row .categories{flex:1 1 220px;min-width:0}.author-filter{font:inherit;font-size:11px;color:#dfcaff;background:#241632;border:1px solid #664181;border-radius:7px;padding:8px 28px 8px 11px;min-width:110px;max-width:220px;cursor:pointer;text-overflow:ellipsis}.author-filter:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.author-filter:disabled{opacity:.45;cursor:not-allowed}.author-filter option{background:#241632;color:#dfcaff}.card-meta>div{min-width:0}.card-artist{display:block;padding:2px 0;max-width:100%;text-align:left;overflow-wrap:anywhere}.card-artist:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.section-actions{display:flex;align-items:center;gap:18px}.back-link{display:inline-flex;align-items:center;gap:6px;color:#b7a1cb;font-size:12px;padding:8px 0;margin-bottom:10px}.back-link .icon{width:15px;height:15px;transform:rotate(90deg)}.authors-heading{display:flex;align-items:baseline;gap:15px;margin:6px 0 25px}.authors-heading h1{margin:0;font-size:30px;font-weight:600}.authors-heading .muted{font-size:12px}.authors-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.authors-toolbar .search-box{width:min(100%,320px);margin:0}.author-sort{display:flex;padding:4px;background:#21152e;border:1px solid #493158;border-radius:8px;flex-shrink:0}.author-sort button{font-size:11px;color:#aa95be;padding:8px 13px;border-radius:5px}.author-sort button.active{background:#543379;color:#efdcff;box-shadow:0 0 12px #a66aff12}.authors-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.author-row{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;padding:20px 16px;background:linear-gradient(115deg,#2b1c3c,#1c1429);border:1px solid #4b325f;border-radius:12px}.author-row:hover{background:#342046;border-color:#9464ba}.author-initial{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:14px;background:#58317a;color:#e3c2ff;font-size:19px}.author-row-name{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere;color:#e4d4f3}.author-row-count{font-size:10px;color:#ad96c1;white-space:nowrap}.author-row-arrow{color:#9772ae;flex-shrink:0}.author-row-arrow .icon{width:14px;height:14px;transform:rotate(-90deg)}.authors-section .empty-state h3{margin:5px 0 22px}.heading-row h1{min-width:0;overflow-wrap:anywhere}
@media(max-width:1250px){.authors-list{grid-template-columns:1fr}.authors-toolbar{flex-wrap:wrap}.authors-toolbar .search-box{flex:1 1 180px}.author-row{padding:18px 16px}}
@media(max-width:760px){.section-heading{flex-wrap:wrap;gap:14px}.section-actions{margin-left:auto;gap:16px}.authors-heading{margin:4px 0 22px}.authors-heading h1{font-size:28px}.authors-toolbar{gap:12px}.authors-toolbar .search-box{width:100%;flex-basis:100%;max-width:none}.author-sort{margin-left:auto}.author-row{gap:12px}.author-row-name{font-size:14px}.author-initial{width:40px;height:40px}.author-row-count{font-size:11px}.back-link{font-size:12px}}
@media(max-width:760px){.author-filter{font-size:12px;min-height:36px;max-width:calc(100% - 80px)}.filter-row .categories{order:1;flex-basis:100%}.filter-row .filter-reset{margin-left:auto}}
body{background:radial-gradient(ellipse at 60% 0,#522c7224,transparent 45%),var(--bg)}
.sidebar{background:#130e21;border-color:var(--line)}.player-panel{background:#181126;border-color:var(--line)}
.brand{color:#f0e7ff}.brand img{box-shadow:0 0 22px #a76cff30;border-radius:11px}.brand small{color:#9889b3}
.nav-item{color:#a89dbb}.nav-item.active{background:linear-gradient(95deg,#56308780,#37234d55);box-shadow:inset 2px 0 #b28aff;color:#dfcaff}.nav-item:hover{background:#39234f66}
.nav-caption{color:#827292}.mode-badge{border-color:#634282;color:#ceadf4;background:#49276733}.avatar{background:#442963;color:#dfc2ff;border:1px solid #775196}
.heading-row{align-items:center;margin:16px 0 24px}.heading-row h1{margin:0;font-size:30px;font-weight:600;letter-spacing:2px}.search-box{background:#21152e;border-color:#493158;color:#b4a4c6}.search-box input::placeholder{color:#8c7b9f}.search-box kbd{border-color:#543969;color:#a18aad}
.library-section{margin-top:0}.section-heading{padding-top:4px}.section-heading h2{font-size:13px;color:#b8a8c8}.category-button.active{background:#69429a44;color:#e4cfff;border-color:#9969ce;box-shadow:0 0 12px #9a50ff0c}.category-button:hover{background:#472d60}
.media-grid{gap:25px 20px}.cover-button{border:1px solid #74509244;box-shadow:0 7px 24px #0003}.cover-button:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 22px #b779ff10;pointer-events:none}.cover-button img,.player-artwork>img,.queue-item img,.mini-info img{filter:hue-rotate(155deg) saturate(.85)}
.card-play,.big-play{background:linear-gradient(135deg,#dbb3ff,#a36bf5);color:#210d39;box-shadow:0 0 24px #9c5cf640}.big-play:hover{background:#ddb8ff;color:#210d39;box-shadow:0 0 35px #aa68ff66}.card-play{box-shadow:0 0 18px #a75cff44}.card-artist{color:#9988ae}.card-kind{color:#eee0ff;background:#23113488;border-color:#cfa1ff44}.card-duration{background:#1b0d2a99;color:#efe0ff}
.player-heading{color:#b8a1d0}.status-dot{background:#c29aff;box-shadow:0 0 7px #bf87ff}.player-artwork{border:1px solid #74509255;box-shadow:0 0 40px #a15dfb0d}.now-playing-title p{color:#9887aa}.player-options .option-button{color:#af98c6}.volume-control{color:#9377aa;border-color:var(--line)}.queue-heading>span{color:#927ba7}.queue-item small{color:#927ba7}.queue-item time{color:#aa94bb}.queue-item:hover{background:#38204b44}.playing-equalizer{background:#2c104ea1}.playing-equalizer i{background:#dbbaff}.empty-state{background:#1b1327;border-color:#513666}.empty-state p:empty{display:none}
.profile h1{margin:16px 0 27px;font-size:30px}.profile-user{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,#342047,#1d142b);padding:27px;border:1px solid #5c3d76;border-radius:14px;box-shadow:0 0 40px #8040c812}.profile-avatar{height:62px;width:62px;display:grid;place-items:center;background:linear-gradient(140deg,#d4adff,#7848b9);border-radius:20px;font-size:27px;font-weight:600;color:#25103b;box-shadow:0 0 22px #b35cff33;flex-shrink:0}.profile-user h2{font-size:21px;font-weight:500}.profile-user p{color:#a795b8;font-size:11px;margin-top:9px}.profile-status{font-size:10px;border:1px solid #795098;border-radius:20px;padding:5px 10px;color:#d6b5ef;margin-left:auto;white-space:nowrap}.profile-links{margin-top:24px;border:1px solid var(--line);border-radius:12px;background:#1b1327;overflow:hidden}.profile-links button{width:100%;display:flex;align-items:center;gap:15px;padding:22px;color:#cbb8df;text-align:left;border-bottom:1px solid var(--line)}.profile-links button:last-child{border-bottom:0}.profile-links button:hover{background:#31203f}.profile-links button>span:nth-child(2){font-size:13px}.profile-links button b{margin-left:auto;font-size:12px;font-weight:400;color:#a48bb8}.profile-links button>span:last-child{transform:rotate(-90deg);color:#8c6aa5}.profile-links .icon{width:19px;height:19px}
.mini-player{background:#251631f5;border-color:#674084;box-shadow:0 0 24px #9d5cff19}.mini-info small{color:#ac93bd}.mobile-nav{background:#140c21f7;border-color:#4a2e61}.mobile-nav button{color:#9984ae}.mobile-nav button.active{color:#d7adff}.mobile-nav button.active>.icon,.mobile-nav button.active>span{filter:drop-shadow(0 0 6px #a457ff80)}
dialog{background:#1b1228;border-color:#6c458c}.timer-dialog .dialog-heading h2{margin:0}.timer-choices{margin-top:25px}.timer-choices button{color:#dec3fa;background:#38204c;border-color:#664181}.video-dialog video{background:#080510}.video-actions{padding-bottom:22px}.toast{background:#d5b4ff;color:#260f3b}.outline-button{border-color:#795095;color:#d6b9ef}.notice{border-color:#685080;background:#2e1c42;color:#dcc3f3}
@media(min-width:1550px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){.heading-row{flex-direction:row;align-items:center}.search-box{width:200px}}
@media(max-width:760px){main{padding-top:0}.topbar{height:64px}.topbar .avatar{display:none}.heading-row{display:flex;flex-direction:column;align-items:stretch;margin:15px 0 25px;gap:18px}.heading-row h1{font-size:28px}.search-box{width:100%;margin-top:0;height:42px}.media-grid{gap:25px 14px}.cover-button{aspect-ratio:1.1}.category-button{font-size:11px}.library-section{margin-top:0}.card-title{font-size:13px}.card-artist{font-size:9px}.profile h1{font-size:28px;margin:15px 0 24px}.profile-user{padding:20px 17px;gap:13px;flex-wrap:wrap}.profile-user h2{font-size:18px}.profile-avatar{width:53px;height:53px;font-size:23px;border-radius:16px}.profile-status{font-size:9px;padding:5px 8px}.profile-links button{padding:20px 17px}.mobile-nav{padding-left:8px;padding-right:8px}.mobile-nav button{width:58px}.video-details h2{font-size:17px}.player-panel{background:#181126}.mini-player{bottom:calc(65px + var(--safe-bottom))}}