:root{--bg:#0a0a0d;--bg2:#101014;--panel:#16161c;--panel2:#1d1d25;--card:#18181f;--line:#26262f;--line2:#33333e;--txt:#f2f2f5;--dim:#a0a0ab;--faint:#6b6b76;--accent:#4de8ff;--accent2:#7c5cff;--green:#3ddc84;--gold:#f5c518;--r:14px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--txt);font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1100px 480px at 85% -120px,rgba(124,92,255,.16),transparent 60%),radial-gradient(900px 420px at 10% -100px,rgba(77,232,255,.1),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:22px 16px;background:rgba(12,12,15,.85);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:3px;font-size:17px;padding:2px 10px}.brand .mark{width:32px;height:32px;flex-shrink:0}.brand .word span{color:var(--accent);font-weight:300}.mtop .brand .mark{width:26px;height:26px}.mtop .brand{font-size:15px}.snav{display:flex;flex-direction:column;gap:4px}.snav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--dim);font-size:14px;font-weight:600;transition:background .15s,color .15s}.snav a:hover{color:var(--txt);background:hsla(0,0%,100%,.05)}.snav a.active{color:var(--txt);background:hsla(0,0%,100%,.08)}.snav .ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;opacity:.9;flex-shrink:0}.snav .ico svg{width:20px;height:20px}.mtop{display:none}.hero.slim{padding:26px 28px 22px}.hero.slim h1{font-size:28px}.hero.slim p{margin-bottom:0}.panel.auth{max-width:440px}.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:18px}.tabs button{border:none;border-radius:999px;color:var(--dim);padding:9px}.tabs button.on{background:var(--txt);color:#0c0c0f}.tabs button:hover{background:none}.tabs button.on:hover{background:#fff}.field{position:relative;display:flex;align-items:center}.field input{padding-left:42px!important}.field .fic{position:absolute;left:13px;display:inline-flex;color:var(--faint)}.field .fic svg{width:18px;height:18px}.field .eye{position:absolute;right:6px;border:none;color:var(--faint);padding:8px;display:inline-flex}.field .eye:hover{background:none;color:var(--txt)}.field .eye svg{width:18px;height:18px}.btn.big,button.big{width:100%;padding:12px;font-size:14px}.panel.profile{max-width:560px;display:flex;gap:18px;align-items:flex-start}.avatar{width:58px;height:58px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06232a}.pinfo h3{margin:2px 0 8px;font-size:17px;word-break:break-all}.pinfo .badge svg{width:12px;height:12px;vertical-align:-1px;margin-right:4px}button.ghost{border-color:var(--line2);color:var(--dim)}button.ghost:hover{color:var(--txt);border-color:var(--faint);background:hsla(0,0%,100%,.04)}.row .btn{display:inline-flex;align-items:center;gap:8px}.row .btn svg,.row button svg{width:16px;height:16px}.row button{display:inline-flex;align-items:center;gap:8px}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:var(--faint);font-size:12.5px}.trust span{display:inline-flex;align-items:center;gap:7px}.trust svg{width:15px;height:15px;color:var(--green)}.side-card{margin-top:auto;background:linear-gradient(160deg,#1e1e28,#141419);border:1px solid var(--line);border-radius:var(--r);padding:14px;font-size:12.5px;color:var(--dim);line-height:1.5}.side-card b{color:var(--txt);display:block;margin-bottom:4px;font-size:13px}.content{flex:1 1;min-width:0}.wrap{max-width:1160px;margin:0 auto;padding:30px 34px 70px}.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;padding:34px 32px 28px;margin-bottom:26px;background:radial-gradient(500px 220px at 90% 0,rgba(77,232,255,.16),transparent 65%),radial-gradient(520px 240px at 65% 110%,rgba(124,92,255,.22),transparent 65%),linear-gradient(180deg,#1b1b24,#121218)}.hero .kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--accent);text-transform:uppercase;margin-bottom:10px}.hero h1{font-size:34px;line-height:1.1;margin:0 0 8px;letter-spacing:-.5px}.hero p{color:var(--dim);margin:0 0 20px;font-size:14.5px;max-width:560px}.hero .search{width:100%;max-width:480px;background:hsla(0,0%,100%,.07);border:1px solid var(--line2);color:var(--txt);border-radius:999px;padding:12px 20px;font-size:14px;outline:none;margin-bottom:16px}.hero .search:focus{border-color:var(--accent)}.hero .search::placeholder{color:var(--faint)}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:12.5px;font-weight:700;border:1px solid var(--line2);border-radius:999px;padding:7px 16px;color:var(--dim);transition:all .15s}.pill:hover{color:var(--txt);border-color:var(--faint)}.pill.on{background:var(--txt);color:#0c0c0f;border-color:var(--txt)}.count{color:var(--faint);font-size:12.5px;margin:18px 0 12px}.count b{color:var(--dim)}.sect{display:flex;align-items:baseline;gap:12px;margin:26px 0 14px}.sect h2{font-size:20px;margin:0;letter-spacing:-.3px}.sect span{color:var(--faint);font-size:12.5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:18px;gap:18px}.card{background:var(--card);border:1px solid transparent;border-radius:16px;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 14px 40px rgba(0,0,0,.5)}.cover{position:relative;height:168px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover .art{font-size:52px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}.cover .play{position:absolute;right:12px;bottom:12px;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#06232a;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;opacity:0;transform:translateY(8px);transition:opacity .16s,transform .16s;box-shadow:0 8px 24px rgba(77,232,255,.4);cursor:pointer;border:none;padding:0}.card:hover .cover .play,.cover .play.show{opacity:1;transform:translateY(0)}.cover .kindtag{position:absolute;left:12px;top:12px;font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.14);padding:4px 10px;border-radius:999px;color:#fff}.card .body{padding:14px 16px 16px}.card h3{margin:0 0 2px;font-size:15.5px;letter-spacing:-.2px}.card .owner,.meta{color:var(--faint);font-size:12px}.meta{justify-content:space-between;margin:10px 0 4px}.meta,.row{display:flex}.row{gap:8px;align-items:center;margin-top:10px}.btn,button{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.btn:hover,button:hover{background:rgba(77,232,255,.12)}button.solid{background:var(--txt);color:#0c0c0f;border-color:var(--txt)}button.solid:hover{background:#fff}button:disabled{opacity:.35;cursor:default}.price{font-size:14px}.free,.price{font-weight:800}.free{color:var(--green);font-size:13px;letter-spacing:.5px}audio{width:100%;height:26px;margin-top:10px}audio::-webkit-media-controls-panel{background:var(--panel2)}.tile{min-width:0}.tile-cover{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#1b1b23;transition:transform .16s,box-shadow .16s}.tile:hover .tile-cover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.55)}.tile-cover img{width:100%;height:100%;object-fit:cover;display:block}.tile-cover .tart{font-size:64px;font-weight:800;color:hsla(0,0%,100%,.9)}.chip{left:10px;top:10px;text-transform:uppercase;border:1px solid hsla(0,0%,100%,.14);border-radius:999px}.brandtag,.chip{position:absolute;font-size:10.5px;font-weight:800;letter-spacing:1.5px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 10px;color:#fff}.brandtag{right:10px;bottom:10px;border:1px solid hsla(0,0%,100%,.14);border-radius:6px}.bigplay{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;transform:translate(-50%,-50%) scale(.9);background:var(--accent);color:#06232a;border:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .16s,transform .16s;box-shadow:0 10px 28px rgba(77,232,255,.45);cursor:pointer;padding:0}.bigplay svg{width:22px;height:22px}.bigplay.show,.tile:hover .bigplay{opacity:1;transform:translate(-50%,-50%) scale(1)}.tprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:hsla(0,0%,100%,.2)}.tprog>div{height:100%;background:var(--accent)}.tile-title{margin:10px 2px 0;font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px}.tile-title svg{width:15px;height:15px;color:var(--green);flex-shrink:0}.tile-cat{margin:1px 2px 0;color:var(--faint);font-size:12.5px}.tile-foot{display:flex;align-items:center;gap:4px;margin:8px 0 0}.tile-brand{color:var(--faint);font-size:12px;font-weight:700;letter-spacing:1px;margin-right:auto}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--dim);border:none;background:transparent;padding:0}.iconbtn:hover{color:var(--txt);background:hsla(0,0%,100%,.07)}.iconbtn svg{width:18px;height:18px}.iconbtn.off{opacity:.3;pointer-events:none}.kebab{position:relative}.kebab .menu{position:absolute;right:0;top:36px;z-index:30;min-width:160px;background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.6)}.kebab .menu a,.kebab .menu button{display:block;width:100%;text-align:left;border:none;background:none;color:var(--txt);font-size:13px;font-weight:600;padding:9px 12px;border-radius:8px}.kebab .menu a:hover,.kebab .menu button:hover{background:hsla(0,0%,100%,.07)}.player{gap:10px;background:hsla(0,0%,100%,.05);border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 7px;margin-top:12px}.pbtn,.player{display:flex;align-items:center}.pbtn{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:transparent;border:none;color:var(--txt);justify-content:center;padding:0}.pbtn svg{width:16px;height:16px}.pbtn:hover{background:hsla(0,0%,100%,.1)}.pbtn.ghost,.ptime{color:var(--dim)}.ptime{font-size:12px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pbar{flex:1 1;height:4px;background:hsla(0,0%,100%,.16);cursor:pointer}.pbar,.pfill{border-radius:999px}.pfill{height:100%;background:var(--txt)}.pvol{width:70px;accent-color:var(--txt);height:3px}.featx{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;max-width:520px}.feat-ov{position:relative;aspect-ratio:16/8.2;overflow:hidden}.feat-ov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ov-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.ov-top .chip{position:static}.ov-free{font-size:12px;font-weight:800;letter-spacing:2px;color:rgba(0,0,0,.75)}.ov-title{position:absolute;left:0;right:0;top:30%;text-align:center;color:#0c0c0f;font-size:clamp(30px,6vw,44px);font-weight:900;letter-spacing:.5px;text-shadow:none}.feat-ov:has(img) .ov-free,.feat-ov:has(img) .ov-sub,.feat-ov:has(img) .ov-title{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.7)}.ov-sub{position:absolute;left:0;right:0;bottom:22%;text-align:center;color:#0c0c0f;font-size:19px;font-weight:800;letter-spacing:3px}.ov-sub i{font-style:normal;margin:0 10px;opacity:.7}.ov-play{position:absolute;right:18px;bottom:16px;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#06232a;border:2px solid hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.45);cursor:pointer;padding:0}.ov-play svg{width:22px;height:22px}.feat-body{padding:18px 20px 20px}.feat-body h3{font-size:21px;margin:0}.feat-body h3 .v{color:var(--faint);font-weight:400;font-size:16px}.feat-brand{color:var(--faint);font-size:13px;margin-top:2px}.feat-meta{justify-content:space-between;margin-top:12px;font-size:13.5px;color:var(--dim)}.feat-cta,.feat-meta{display:flex;align-items:center}.feat-cta{gap:10px;margin-top:14px}.btn.light{background:var(--txt);border-color:var(--txt);color:#0c0c0f}.btn.light:hover{background:#fff}.feat{display:grid;grid-template-columns:220px 1fr;grid-gap:22px;gap:22px;background:linear-gradient(120deg,#1d1d29,#121218);border:1px solid var(--line2);border-radius:18px;padding:20px;margin-bottom:8px;align-items:center}.feat .cover{height:190px;border-radius:12px;border:1px solid var(--line)}.feat h3{font-size:24px;margin:0 0 4px}.feat .sub{margin-bottom:12px}h1{font-size:26px;margin:6px 0 4px;letter-spacing:-.4px}.sub{color:var(--dim);margin:0 0 22px;font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;max-width:560px}.form{display:flex;flex-direction:column;gap:12px}.form input,.form select{background:var(--bg2);border:1px solid var(--line2);color:var(--txt);border-radius:12px;padding:11px 14px;font-size:14px;outline:none;width:100%}.form input:focus,.form select:focus{border-color:var(--accent)}.form input[type=file]{padding:9px 12px;color:var(--dim)}.form label.lbl{font-size:12px;color:var(--faint);margin:2px 0 -6px}.msg{font-size:13px;color:var(--dim);min-height:18px}.msg.ok{color:var(--green)}.badge{display:inline-block;font-size:11px;font-weight:700;border:1px solid var(--line2);border-radius:999px;padding:2px 10px;color:var(--dim);margin-left:8px}.badge.admin{color:var(--gold);border-color:rgba(245,197,24,.4)}@media (max-width:860px){.sidebar{display:none}.mtop{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(12,12,15,.9);position:-webkit-sticky;position:sticky;top:0;z-index:20}.mtop nav{display:flex;gap:6px}.mtop nav a{display:inline-flex;padding:9px;border-radius:10px;color:var(--dim)}.mtop nav a:hover{color:var(--txt);background:hsla(0,0%,100%,.06)}.mtop nav svg{width:21px;height:21px}.wrap{padding:20px 18px 60px}.hero h1{font-size:26px}.feat{grid-template-columns:1fr}}