:root{color-scheme:dark;--red:#e21c42;--bg:#0b0d10;--muted:#9c9da5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f6f3eb;font-family:Tahoma,Arial,sans-serif;padding-bottom:125px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff6984;outline-offset:4px}header{height:88px;display:flex;align-items:center;gap:45px;padding:0 4%;background:linear-gradient(#070809ed,#0b0d10b0);position:absolute;z-index:2;width:100%;border-bottom:1px solid #ffffff0b}.brand{font-size:38px;font-weight:bold;color:#fff;text-decoration:none}.brand:first-letter{color:var(--red)}nav{display:flex;gap:30px;height:100%;align-items:center}nav button{height:100%;font-size:15px;position:relative}nav .active:after{content:'';position:absolute;bottom:17px;right:0;left:0;height:3px;background:var(--red)}.search{margin-right:auto;display:flex;gap:10px;align-items:center;background:#ffffff0d;border:1px solid #ffffff20;border-radius:30px;padding:11px 18px}.search input{background:transparent;border:0;outline:none;width:210px;color:#fff}.avatar{background:#662235;border:1px solid #ab5366;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}#hero{height:570px;position:relative;background-size:cover;background-position:center 35%;background-color:#241a16}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b1020,#080b10d9 78%),linear-gradient(0deg,var(--bg),transparent 45%)}.hero-content{position:relative;max-width:760px;padding:165px 8% 50px 0}.eyebrow{color:#ffccd5;font-size:13px;background:#68162b99;padding:8px 15px;border-radius:6px;display:inline-block}h1{font-size:clamp(32px,4vw,60px);line-height:1.45;margin:20px 0 8px}.hero-content p{font-size:21px;color:#d7d0c7}.actions{display:flex;gap:14px;margin:25px 0}.primary,.secondary{padding:14px 24px;border-radius:7px;font-weight:bold;font-size:15px}.primary{background:var(--red);box-shadow:0 4px 25px #e21c4222}.primary:hover{background:#ff3058}.secondary{background:#16171bb0;border:1px solid #ffffff65}.hero-content small{color:var(--muted)}.shelf{padding:18px 4% 30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head h2{font-size:24px}.section-head span{color:var(--muted);font-size:13px}.filters{display:flex;gap:10px;margin:5px 0 25px}.filters button{border:1px solid #ffffff17;border-radius:25px;padding:9px 19px;color:#b3b4bc}.filters .selected{background:#e21c4220;color:#ff8ba1;border-color:#e21c4260}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 22px}.card{position:relative;min-width:0;transition:transform .2s}.card:hover{transform:translateY(-5px)}.art{display:block;width:100%;padding:0;position:relative;border-radius:10px;overflow:hidden;background:#202127;aspect-ratio:16/10}.art img{width:100%;height:100%;object-fit:cover}.art:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;background:#0005;font-size:36px;opacity:0;transition:.2s}.art:hover:after{opacity:1}.card h3{font-size:16px;margin:13px 0 7px;line-height:1.65;padding-left:25px}.card small{color:var(--muted);font-size:12px}.save{position:absolute;bottom:13px;left:0;font-size:24px;color:#e6a5b1}.progress{height:3px;background:#ffffff26;position:absolute;bottom:0;right:0;left:0;z-index:1}.progress i{height:100%;display:block;background:var(--red)}.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}footer{text-align:center;color:#6c6e77;padding:35px;font-size:13px}#player{position:fixed;bottom:0;left:0;right:0;min-height:110px;background:#111317f5;backdrop-filter:blur(18px);border-top:1px solid #ffffff17;z-index:5;display:flex;align-items:center;gap:30px;padding:14px 3%}.now{display:flex;align-items:center;gap:14px;width:30%;min-width:0}.now img{width:66px;height:60px;object-fit:cover;border-radius:7px}.now img:not([src]){display:none}.now strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.now small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.now button{font-size:25px}.transport{flex:1}.controls{display:flex;justify-content:center;align-items:center;gap:20px;direction:ltr}.controls button{font-size:17px}.controls .round{background:var(--red);width:44px;height:44px;border-radius:50%}.timeline{display:flex;align-items:center;gap:12px;margin-top:9px}.timeline time{color:#a5a6ad;font-size:11px;min-width:35px}input[type=range]{accent-color:var(--red);height:4px;cursor:pointer}.timeline input{width:100%}.extras{display:flex;align-items:center;gap:16px;width:21%;direction:ltr}.extras input{width:100px}.extras select{background:transparent;border:0;color:#fff}dialog{background:#14161b;border:1px solid #ffffff20;color:#fff;padding:0;border-radius:16px;width:650px;max-width:93vw}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog>img{width:100%;max-height:320px;object-fit:cover}.dialog-body{padding:25px}.dialog-body h2{line-height:1.5}#close{position:absolute;top:12px;left:12px;background:#151515bb;border-radius:50%;font-size:28px;width:40px;height:40px}#filename{color:#777;font-size:12px;direction:ltr}#toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);background:#34363e;border-radius:8px;padding:13px 24px;z-index:10;display:none}#empty{padding:40px;color:#aaa;text-align:center}[hidden]{display:none!important}@media(min-width:1600px){.grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:900px){header{gap:20px}.search input{width:130px}nav{gap:16px}.grid,.row{grid-template-columns:repeat(3,1fr)}.extras{display:none}.now{width:35%}.hero-content{max-width:90%;padding-right:5%}}@media(max-width:600px){header{height:115px;padding:12px 5%;gap:15px;flex-wrap:wrap}.brand{font-size:29px}nav{gap:18px;margin-right:auto;height:35px}nav button{font-size:13px}nav .active:after{bottom:-4px}.search{order:4;width:100%;padding:7px 15px}.search input{width:100%}.avatar{display:none}#hero{height:500px}.hero-content{padding-top:170px}.hero-content p{font-size:16px}.primary,.secondary{font-size:13px;padding:12px 16px}.grid,.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.section-head h2{font-size:19px}.section-head span{font-size:11px}.filters{gap:6px}.filters button{font-size:11px;padding:8px 11px}.card h3{font-size:13px}.shelf{padding-top:10px}#player{flex-wrap:wrap;padding:10px 4%;gap:8px}.now{width:100%;height:40px}.now img{width:45px;height:37px}.now strong{max-width:70vw;font-size:12px}.now small{font-size:10px;margin-top:4px}.now button{margin-right:auto}.transport{width:100%}.controls{gap:25px}.controls .round{height:34px;width:34px}.timeline{margin-top:4px}body{padding-bottom:155px}#toast{bottom:165px}}