*{box-sizing:border-box}html{background:#08090d}body{margin:0;background:#08090d;color:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #9186ff;outline-offset:2px}.topbar{height:70px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;padding:0 24px;background:rgba(8,9,13,.86);backdrop-filter:blur(20px);border-bottom:1px solid #20232c}.brand{background:transparent;display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.6px}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#090a0f;box-shadow:0 8px 24px #0008}.searchbox{position:relative;flex:1;max-width:620px;margin:auto}.searchbox>span{position:absolute;left:15px;top:9px;color:#8f96a6;font-size:20px}.searchbox input{width:100%;height:44px;border-radius:14px;border:1px solid #272b36;background:#14161e;color:white;padding:0 16px 0 43px;outline:0}.searchbox input:focus{border-color:#665bbd;box-shadow:0 0 0 4px #8b7cff16}.ghost{width:42px;height:42px;border-radius:13px;background:#151820}.content{max-width:1180px;margin:auto;padding:26px 20px 150px}.hero{height:430px;border-radius:28px;overflow:hidden;position:relative;display:flex;align-items:flex-end;border:1px solid #272a34}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#08090eee 0%,#08090caa 50%,#08090c22),linear-gradient(0deg,#08090f 0%,transparent 55%)}.hero-copy{position:relative;max-width:650px;padding:42px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#a79eff;text-transform:uppercase}.hero h1,.page-head h1,.anime-info h1,.login-panel h1,.profile-card h1{font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-3px;margin:9px 0 15px}.hero p,.anime-info p,.page-head p{color:#b1b6c4;line-height:1.6;max-width:620px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{padding:12px 17px;border-radius:13px;font-weight:850}.primary{background:#f7f8fb;color:#090a0f}.secondary{background:#222530}.section{margin-top:36px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{font-size:23px;letter-spacing:-.7px;margin:0}.section-title button{background:transparent;color:#a79eff}.song-list{background:#11131a;border:1px solid #252833;border-radius:19px;overflow:hidden}.song-row{display:grid;grid-template-columns:48px 1fr 42px 42px;gap:12px;align-items:center;padding:10px 13px;border-bottom:1px solid #232631}.song-row:last-child{border-bottom:0}.song-row:hover{background:#171a22}.song-art{width:44px;height:44px;border-radius:11px;background:linear-gradient(145deg,#f39a20,#35313d);font-weight:900}.song-main{background:transparent;text-align:left;min-width:0}.song-main b,.song-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-main span{color:#9299aa;font-size:12px;margin-top:4px}.song-heart,.song-play{width:38px;height:38px;border-radius:11px;background:#1d2029}.song-heart.liked{color:#ff7e95}.song-play{color:#bdb6ff}.anime-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.anime-card{background:#11131a;border:1px solid #252833;border-radius:18px;padding:10px;cursor:pointer;transition:.18s}.anime-card:hover{transform:translateY(-2px);background:#151821}.cover{aspect-ratio:1/1;border-radius:13px;overflow:hidden;background:#20232d}.cover img{width:100%;height:100%;object-fit:cover}.card-copy{padding:12px 3px 4px}.card-copy b,.card-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy span{font-size:12px;color:#9299aa;margin-top:4px}.page-head{padding:20px 0 10px}.page-head h1{font-size:44px;margin-bottom:8px}.anime-hero{position:relative;min-height:450px;border:1px solid #272a34;border-radius:28px;overflow:hidden;display:flex;align-items:flex-end;padding:38px}.anime-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.anime-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090fee,#08090cbb 52%,#08090c55),linear-gradient(0deg,#08090f 0%,transparent 70%)}.anime-info{position:relative;max-width:680px}.cover-small{display:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#1c1f28;border:1px solid #2b2e39;padding:8px 11px;border-radius:10px;color:#bfc4d0;font-size:12px}.info-grid,.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-box{background:#11131a;border:1px solid #252833;border-radius:18px;padding:20px}.info-box h2{margin:7px 0}.info-box p{color:#969dad;line-height:1.6}.profile-card{background:#11131a;border:1px solid #252833;border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px}.profile-card h1{font-size:34px;margin:3px 0}.profile-card p{color:#9299aa;margin:0}.avatar{width:74px;height:74px;border-radius:50%;background:linear-gradient(145deg,#9184ff,#332f58);display:grid;place-items:center;font-size:27px;font-weight:900}.login-panel{min-height:55vh;display:grid;place-items:center;text-align:center;align-content:center;padding:40px}.login-panel p{max-width:530px;color:#9299aa;line-height:1.6}.big-icon{font-size:60px;color:#a79eff}.empty{padding:38px;text-align:center;color:#858c9b}.bottom-dock{position:fixed;z-index:100;left:0;right:0;bottom:0;background:rgba(13,14,19,.96);backdrop-filter:blur(24px);border-top:1px solid #262a35}.player{max-width:1180px;margin:auto;min-height:94px;display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:center;gap:20px;padding:12px 20px}.player[hidden]{display:none}.now{display:flex;align-items:center;gap:11px;min-width:0}.now-art{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#f49a20,#3a3147);font-weight:950;flex:none}.now-copy{min-width:0}.now-copy b,.now-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-copy span{color:#9299aa;font-size:12px;margin-top:4px}.heart{margin-left:auto;background:transparent;color:#a7aebc;font-size:22px}.player-center{min-width:0}.controls{display:flex;justify-content:center;align-items:center;gap:8px}.control,.play-main{width:36px;height:34px;border-radius:10px;background:transparent;color:#b7bdc9}.control:hover{background:#20232c}.control.on{color:#a79eff}.play-main{width:42px;height:42px;border-radius:50%;background:#f7f8fb;color:#08090d;font-weight:900}.seek{display:flex;align-items:center;gap:8px;font-size:10px;color:#7e8594}.seek input{width:100%;accent-color:#8b7cff}.player-right{display:flex;justify-content:flex-end;align-items:center;gap:9px;color:#8f96a5}.player-right input{width:120px;accent-color:#8b7cff}.close-player{background:transparent;color:#747b89;font-size:20px}.nav{height:62px;max-width:1180px;margin:auto;display:flex;justify-content:center;gap:4px}.nav-item{min-width:92px;background:transparent;color:#818898;border-radius:11px;margin:5px 0;padding:7px 13px;font-size:11px;line-height:1.1}.nav-item span{display:block;margin-top:3px}.nav-item.active{color:#ddd9ff;background:#292440}.results{position:absolute;top:51px;left:0;right:0;background:#151820;border:1px solid #292d39;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0009;z-index:80}.results button{width:100%;display:grid;grid-template-columns:38px 1fr;column-gap:11px;text-align:left;background:transparent;padding:11px 13px}.results button:hover{background:#20232d}.results b{align-self:end}.results small{grid-column:2;color:#9299aa;margin-top:2px}.result-art{grid-row:1/3;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#2c2941;color:#c8c1ff;font-size:10px}.no-results{padding:18px;color:#9299aa}.toast{position:fixed;z-index:200;left:50%;bottom:155px;transform:translate(-50%,10px);opacity:0;background:#f4f5f8;color:#0c0d11;padding:10px 15px;border-radius:12px;font-weight:800;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;z-index:180;background:#000b;display:grid;place-items:center;padding:20px}.modal-box{position:relative;width:min(430px,100%);background:#151720;border:1px solid #2a2e3a;border-radius:22px;padding:24px;box-shadow:0 30px 90px #000b}.modal-close{position:absolute;right:14px;top:12px;background:#22252e;width:34px;height:34px;border-radius:10px}.auth-tabs{display:flex;background:#101219;border-radius:12px;padding:4px;margin-bottom:17px}.auth-tabs button{flex:1;background:transparent;padding:10px;border-radius:9px;color:#8d94a4}.auth-tabs button.active{background:#2a2541;color:#d5d0ff}.modal-box input{width:100%;height:46px;margin:6px 0;background:#0e1016;border:1px solid #2a2e39;border-radius:12px;color:white;padding:0 12px;outline:0}.modal-box input:focus{border-color:#6e62c9}@media(max-width:800px){.topbar{height:62px;padding:0 11px;gap:9px}.brand span:last-child{display:none}.searchbox{max-width:none}.top-actions{display:none}.content{padding:14px 11px 155px}.hero{height:520px;border-radius:22px}.hero-copy{padding:23px}.hero h1{font-size:42px;letter-spacing:-2px}.anime-grid{grid-template-columns:repeat(2,1fr);gap:10px}.anime-hero{min-height:510px;border-radius:22px;padding:21px}.anime-info{padding-top:210px}.anime-info h1{font-size:43px}.info-grid,.library-grid{grid-template-columns:1fr}.player{min-height:120px;grid-template-columns:1fr auto;gap:4px;padding:9px 11px}.player-center{grid-column:1/-1;grid-row:1}.now{grid-row:2}.player-right{grid-row:2}.player-right input{display:none}.now-art{width:40px;height:40px}.heart{font-size:19px}.nav{height:58px}.nav-item{min-width:72px;font-size:10px}.toast{bottom:145px}.song-row{grid-template-columns:42px 1fr 38px}.song-play{display:none}.results{top:48px}.page-head h1{font-size:40px}.profile-card{flex-wrap:wrap}.profile-card .secondary{margin-left:auto}}