:root{color-scheme:dark;--base:#0b0b11;--panel:#16151f;--line:#ffffff18;--ink:#f6f4ff;--muted:#aaa5bb;--accent:#bc9aff;--primary:#a574ff;--pad:clamp(20px,5vw,78px);font:15px Geist,system-ui,sans-serif;color:var(--ink);background:var(--base)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:var(--accent)}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c5a7ff;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,5vw,65px);line-height:1.02;letter-spacing:-.065em}h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.045em}p{color:var(--muted);line-height:1.6}small{color:var(--muted)}.eyebrow{font:11px 'Space Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.brand{display:inline-flex;gap:10px;align-items:center;font-size:22px;font-weight:800;letter-spacing:-.06em;color:#fff;text-decoration:none}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#221338;background:linear-gradient(145deg,#e2c8ff,#a977ff);box-shadow:0 0 24px #a574ff44;font-size:22px}.btn{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#242132;color:var(--ink);font-weight:650;padding:11px 16px;transition:transform .16s,background .2s,box-shadow .2s;white-space:normal}.btn:hover{background:#352a48;transform:translateY(-2px)}.btn:active{transform:scale(.96)}.primary{background:linear-gradient(110deg,#dbbaff,#ad7aff);color:#170c2b;border-color:#d2aaff;box-shadow:0 5px 25px #8c56e64a}.primary:hover{background:linear-gradient(110deg,#ebd5ff,#bd95ff);box-shadow:0 6px 30px #a36cff7a}.primary::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fff8 48%,transparent 70%);transform:translateX(-120%)}.primary:hover::after{transform:translateX(120%);transition:transform .6s}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.quiet:hover,.active{color:#eee4ff;background:#aa79ff22}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:16px}.space{justify-content:space-between}.field{display:grid;gap:8px;font-weight:600;color:#eee8fc;font-size:13px}input,textarea,select{width:100%;min-width:0;background:#0e0d15;color:var(--ink);border:1px solid #ffffff27;border-radius:9px;padding:11px 12px}textarea{resize:vertical;min-height:95px}.error{color:#ffacbd;font-size:13px;min-height:1em}.gate{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.23fr) minmax(365px,1fr);background:#100e18}.gate-art{min-height:100%;position:relative;padding:42px var(--pad);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#0c0a17 3%,transparent 72%),linear-gradient(90deg,#110e2180,transparent),url('/night.png') center/cover}.gate-art h1{max-width:560px;font-size:clamp(54px,7vw,105px);margin:14px 0 22px}.gate-art h1 span{color:#cfacff}.gate-art p{max-width:420px;color:#dad0eb}.gate-desk{display:grid;align-items:center;justify-items:center;padding:40px 32px;background:radial-gradient(ellipse at 50% 0%,#261b3b,transparent 67%)}.gate-main{width:min(100%,405px)}.gate-main h2{font-size:40px}.gate-main form{margin:10px 0}.gate-main details{border-top:1px solid var(--line);padding-top:16px}.gate-main summary{cursor:pointer;color:var(--muted)}.gate-main .mobile-brand{display:none}.top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:12px var(--pad);background:#0c0b12ef;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.top nav{display:flex;gap:5px;flex-wrap:wrap}.top .btn{padding:8px 11px}.top .search{max-width:210px}.menu{position:relative}.menu summary{list-style:none;cursor:pointer}.menu-body{position:absolute;right:0;top:44px;width:188px;background:#1b1727;padding:8px;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #000a}.menu-body button{width:100%;text-align:left}.avatar{display:grid;place-items:center;background:var(--avatar,#ab7cff);color:#160f25;font-weight:800;width:36px;height:36px;border-radius:10px}.hero{min-height:490px;display:grid;align-content:center;padding:70px var(--pad);background:linear-gradient(90deg,#0b0b11 0%,#0b0b11df 23%,transparent 95%),linear-gradient(0deg,#0b0b11,transparent 46%),var(--hero,url('/night.png')) center 48%/cover}.hero p{max-width:480px;color:#d4cbdf}.hero h1{max-width:710px}.content{padding:32px var(--pad) 64px}.section{margin-bottom:36px}.section h2{margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px}.card{border:1px solid var(--line);overflow:hidden;border-radius:13px;background:#14131d;color:inherit;display:block;text-align:left;padding:0;width:100%;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-4px);border-color:#ae82ff}.card:active{transform:scale(.98)}.card img,.placeholder{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:radial-gradient(ellipse at 70% 20%,#362652,#14121e 65%)}.placeholder{display:grid;place-items:center;color:#c099ff;font-size:32px}.card-copy{display:grid;gap:5px;padding:13px}.progress{height:4px;background:#2e273d}.progress span{display:block;height:100%;background:#b78aff}.empty{padding:28px;border:1px dashed #aa80fe45;border-radius:13px;background:#aa80fe0a}.profiles{min-height:100svh;display:grid;align-content:center;justify-items:center;text-align:center;gap:25px;padding:32px;background:linear-gradient(#110c26e0,#0c0b13 90%),url('/night.png') center/cover}.profiles .avatar{width:76px;height:76px;font-size:33px}.profiles .btn{display:grid;justify-items:center;gap:7px}.panel{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:14px}.wide{max-width:825px}.player{width:100%;background:#000;max-height:75vh;border-radius:12px}.tabs{margin:22px 0}.studio .editor{max-width:760px}.studio progress{width:100%;accent-color:var(--primary)}.editor .split{display:grid;grid-template-columns:1fr 1fr;gap:12px}#toast{position:fixed;z-index:5;bottom:22px;right:22px;max-width:min(350px,90vw);padding:14px;border-radius:10px;background:#2e2045;border:1px solid #ffffff40;display:none}#toast.show{display:block}
@media(max-width:760px){.gate{display:block}.gate-art{min-height:42svh;padding:22px var(--pad);gap:45px}.gate-art h1{font-size:clamp(40px,9vw,70px);margin-bottom:8px}.gate-art p{display:none}.gate-desk{padding:30px var(--pad)}.top{flex-wrap:wrap;gap:8px}.top nav{order:3;width:100%}.top .search{max-width:140px}.hero{min-height:410px;background-position:62% center}.content{padding-top:22px}.studio .editor .split{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.danger{color:#ffb3c3;background:#341b27;border-color:#ff9bb245}.danger:hover{background:#532638}

.card img{object-fit:contain}
.player{object-fit:contain}
.hero-upload{position:relative;isolation:isolate;overflow:hidden;background:var(--base)}
.hero-upload::before,.hero-upload::after{content:'';position:absolute;inset:0;pointer-events:none}
.hero-upload::before{z-index:-3;background:var(--hero) center/cover;filter:blur(24px) brightness(.64);transform:scale(1.08)}
.hero-upload .hero-art{position:absolute;z-index:-2;left:55%;top:0;transform:translateX(-50%);width:auto;max-width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 86%,transparent)}
.hero-upload::after{z-index:-1;background:linear-gradient(90deg,#0b0b11 0%,#0b0b11e0 17%,#0b0b1138 58%,#0b0b1125),linear-gradient(0deg,#0b0b11,transparent 28%)}
@media(max-width:760px){
  .hero-upload .hero-art{left:50%;height:64%;object-position:center top}
  .hero-upload{align-content:end;padding-top:170px;padding-bottom:32px}
  .hero-upload::after{background:linear-gradient(0deg,#0b0b11 1%,#0b0b11cf 28%,#0b0b111c 82%),linear-gradient(90deg,#0b0b1166,transparent 75%)}
}

.cinema{background:#08070d;border:1px solid #30263d;border-radius:14px;overflow:hidden}
.cinema .player{display:block;max-height:72vh;border-radius:0}
.controls{padding:12px 16px;display:grid;gap:10px;background:linear-gradient(155deg,#21182e,#101018 70%)}
.control-row,.volume,.autoplay{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.control-row .btn{min-width:42px;min-height:40px;padding:7px 10px}
.play-time{color:#dbcaeb;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:auto}
.control-select{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.control-select select{width:auto;padding:7px 9px}
.controls input[type=range]{padding:0;accent-color:#ba8cff;cursor:pointer}
.volume input{width:72px}
.timeline{appearance:none;background:linear-gradient(90deg,#c8a0ff var(--played,0%),#443351 var(--played,0%));border:0;height:6px;margin:7px 0}
.timeline::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#e6cbff;box-shadow:0 0 12px #b37affaa}
.timeline::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#e6cbff}
.autoplay{font-size:13px;color:var(--muted)}
.autoplay input{width:auto;accent-color:var(--primary)}
.cinema:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0}
.cinema:fullscreen .player{flex:1;min-height:0;height:0;max-height:none}
.track-import{border:1px solid #a574ff55;border-radius:10px;padding:12px 14px;background:#a574ff0d}.track-import summary{cursor:pointer;color:var(--accent);font-weight:650}.track-import>div{margin-top:14px}
.mark img{display:block;width:100%;height:100%;border-radius:10px}.gate-actions{display:flex;flex-wrap:wrap;gap:4px}.gate-actions .btn{padding-inline:8px}.episode-tags{display:flex;flex-wrap:wrap;gap:6px}.episode-tags span{font-size:11px;color:#d8bfff;background:#a574ff20;border:1px solid #a574ff39;border-radius:999px;padding:3px 8px}