@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#061327;--surface:#0c1e35;--card:#10243c;--line:#1b344d;--cyan:#04c9eb;--blue:#1678ee;--text:#f1f7ff;--muted:#90a5be;--sidebar:216px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}.brand,h1,h2,h3,strong{font-family:Manrope,sans-serif}h1{font-size:36px;letter-spacing:-1.3px;margin:8px 0 22px}h2{font-size:22px;letter-spacing:-.6px;margin:8px 0 20px}h3{font-size:17px}p{line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:1px solid var(--cyan)}button{color:var(--text)}svg{flex-shrink:0}.topbar{position:fixed;z-index:30;inset:0 0 auto;height:80px;gap:25px;padding:0 30px;border-bottom:1px solid var(--line);background:#071529f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;white-space:nowrap;font-size:27px;font-weight:800;letter-spacing:-1.4px;min-width:191px}.brand b{color:var(--cyan);font-weight:800}.brand-symbol{height:35px;width:35px;border:5px solid var(--cyan);border-right:5px solid #1678ee;border-radius:12px;transform:rotate(-8deg);display:grid;place-items:center;color:var(--cyan)}.brand-symbol svg{transform:rotate(8deg);width:17px}.desktop-nav{display:flex;gap:24px;font-size:13px;white-space:nowrap}.desktop-nav a{padding:30px 0;color:var(--muted);border-bottom:2px solid transparent}.desktop-nav a.active{color:var(--cyan);border-bottom-color:var(--cyan)}.search{display:flex;align-items:center;gap:10px;background:#10243b;border:1px solid #1b324a;border-radius:30px;padding:11px 16px;margin:0 0 0 auto;min-width:180px;max-width:340px;flex:1 1;color:var(--muted)}.search input{border:0;background:none;color:var(--text);padding:0;outline:0;min-width:0;width:100%;font-size:12px}.studio-link{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}.avatar{border:1px solid #2b637b;background:#184760;border-radius:50%;width:34px;height:34px}.avatar,.login{font-weight:700}.login{color:var(--cyan);font-size:12px}.sidebar{width:var(--sidebar);position:fixed;top:80px;left:0;bottom:0;border-right:1px solid var(--line);padding:31px 15px;background:#08162a;z-index:20;overflow:auto}.side-heading{font-size:9px;letter-spacing:1.3px;color:#6b829e;margin:0 10px 20px}.sidebar>a{padding:13px 15px;display:flex;align-items:center;gap:12px;color:#a9bad0;font-size:12px;margin-bottom:5px;border-radius:9px}.sidebar>a.active{color:var(--cyan);background:linear-gradient(100deg,#06446788,#0b315c88);border:1px solid #13597c55}.side-divider{border-top:1px solid var(--line);margin:24px 10px}.creator-promo{border:1px solid #1d3d59;border-radius:14px;padding:19px 15px;background:linear-gradient(145deg,#123652,#0b2136);margin:45px 2px 0;color:var(--cyan)}.creator-promo h3{font-size:15px;line-height:1.6;color:var(--text)}.creator-promo p{color:var(--muted);font-size:11px}.creator-promo a{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin-top:20px}.side-tagline{font-size:9px;color:#6b829e;text-align:center;letter-spacing:1px;margin-top:32px}.main{margin:80px 0 0 var(--sidebar);padding:32px 38px 20px;min-height:calc(100vh - 80px)}.hero{min-height:405px;border:1px solid #1c3c59;border-radius:18px;overflow:hidden;background-image:linear-gradient(90deg,#06172df5,#06172d99 35%,transparent 70%),url(/hero.webp);background-size:cover;background-position:center 54%;padding:38px 40px;margin-bottom:24px}.hero,.hero-copy{position:relative}.hero-copy{z-index:1}.eyebrow{display:block;color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:1.8px}.hero h1{font-size:49px;line-height:1.14;letter-spacing:-1.8px;margin:18px 0 17px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p{font-size:12px;line-height:1.8;color:#c1d1e4;margin:0 0 22px}.danger,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:700;line-height:1.4}.primary{background:var(--cyan);color:#042039}.primary:hover{background:#49def1}.secondary{background:#0c2239;border-color:#2a4661}.secondary:hover{background:#14324d}.danger{color:#ffb2ba;background:#552536;border-color:#723143}.hero-foot{font-size:9px;letter-spacing:1px;display:inline-flex;align-items:center;gap:7px;margin-left:17px;color:#a3b7cd}.hero-foot i{height:5px;width:5px;background:var(--cyan);border-radius:50%}.hero-badge{position:absolute;bottom:27px;right:30px;font-size:8px;letter-spacing:1.5px;display:flex;gap:8px;align-items:center;color:#d0e4f6;background:#071b2e99;border:1px solid #3e667b;padding:10px 13px;border-radius:25px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:39px}.category{display:flex;align-items:center;text-align:left;gap:12px;background:#10233a;border:1px solid #1a344e;border-radius:11px;padding:17px 13px;min-width:0;transition:.2s}.category.selected,.category:hover{border-color:var(--cyan);transform:translateY(-2px)}.category>span{width:44px;height:48px;border-radius:11px;display:grid;place-items:center;background:#96651d55;color:#ffbf61}.category-1>span{background:#0759a755;color:#2ccfff}.category-2>span{background:#8641b855;color:#d589ff}.category-3>span{background:#007d6155;color:#36e1b1}.category strong{font-size:12px;display:block;margin-bottom:6px}.category small{font-size:9px;color:var(--muted);line-height:1.5;display:block}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}.section-title .eyebrow{font-size:8px;letter-spacing:1.6px}.section-title h2{margin:7px 0 18px}.text-btn{background:none;border:0;padding:8px 0;color:var(--cyan);display:inline-flex;align-items:center;gap:8px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;min-height:70px}.work-card{min-width:0;position:relative}.cover{aspect-ratio:4/5;position:relative;overflow:hidden;background:linear-gradient(145deg,#713e78,#172945);border-radius:10px;border:1px solid #ffffff15;isolation:isolate}.cover img{width:100%;height:100%;object-fit:cover}.orb{inset:13% 10% auto auto;width:70%;aspect-ratio:1;background:#ffa474;border-radius:50%;filter:blur(1px);opacity:.75}.horizon,.orb{position:absolute}.horizon{bottom:0;left:-20%;width:140%;height:55%;background:linear-gradient(170deg,#162947,#070e21);clip-path:polygon(0 70%,30% 15%,45% 35%,70% 0,100% 45%,100% 100%,0 100%)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,#07132655 50%,#071326aa);pointer-events:none}.cover-words{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:17px 14px}.cover-words small{font-size:6px;letter-spacing:1px;color:#acf5ff;margin-bottom:13px}.cover-words strong{font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.05;max-width:130px}.art-1{background:linear-gradient(145deg,#1b5b76,#101832)}.art-1 .orb{background:#88c3cf}.art-2{background:linear-gradient(145deg,#b68a65,#1b2631)}.art-2 .orb{background:#ffe0b4}.art-3{background:linear-gradient(145deg,#123a60,#07182e)}.art-3 .orb{background:#2878a8}.art-4{background:linear-gradient(145deg,#4b435e,#07162e)}.art-4 .orb{background:#ae7c9c}.art-5{background:linear-gradient(145deg,#165447,#081f37)}.art-5 .orb{background:#93d5af}.kind{display:block;font-size:9px;color:var(--muted);margin:14px 0 6px}.work-title{display:block;font-size:12px;font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card>small{font-size:9px;color:#7089a6}.card-play{position:absolute;top:calc(100% - 96px);right:9px;border-radius:50%;width:31px;height:31px;background:var(--cyan);border:0;color:#062139;display:grid;place-items:center;box-shadow:0 3px 15px #0005}.bottom-banner{padding:25px 28px;background:linear-gradient(105deg,#123650,#10233c);border:1px solid #214460;border-radius:13px;margin-top:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.bottom-banner h2{font-size:21px;margin-bottom:9px}.bottom-banner p{font-size:11px;color:var(--muted);margin:0}.bottom-banner .secondary{white-space:nowrap}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#132b3d;color:#a3c6da;border:1px dashed #30506c;padding:9px 12px;font-size:9px;border-radius:8px;margin-bottom:18px}.preview-bar button{border:0;background:transparent;text-decoration:underline;color:#9be6f4;font-size:9px}.notice{background:#17384b;border:1px solid #296381;padding:14px 18px;border-radius:10px;font-size:12px;color:#c6efff}.muted{color:var(--muted)}.block{display:block;margin:14px 0}.empty{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);margin-bottom:25px}.empty>svg{color:var(--cyan)}.empty h2,.empty h3{color:var(--text)}.empty .primary{margin:10px}footer{padding:30px 0 15px;margin-top:26px;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:#617c99;font-size:9px}footer,footer a{display:flex;align-items:center}footer a{gap:7px}footer b{color:#7fc2df}.detail{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center;margin:12px 0 40px}.detail h1{font-size:44px}.detail p{color:#a7bdd3;max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 8px}.episode-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:20px 0 30px}.episode-list button{background:#0d2035;border:0;border-bottom:1px solid var(--line);padding:20px;display:flex;align-items:center;gap:17px;text-align:left;width:100%}.episode-list button:last-child{border-bottom:0}.episode-list button:hover{background:#132b44}.episode-list button>svg:last-child{margin-left:auto;color:var(--cyan)}.episode-list small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.episode-number{font-size:21px;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}.panel{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:24px;margin-bottom:20px}.studio-item{width:100%;padding:14px 12px;background:#102b43;border:1px solid transparent;text-align:left;border-radius:8px;margin-bottom:8px}.studio-item.selected{border-color:#2ea3bc}.studio-item small,.studio-item strong{display:block;font-size:12px}.studio-item small{margin-top:8px;font-size:10px;color:var(--muted)}.status{font-size:10px;display:inline-block;border-radius:5px;padding:4px 7px;background:#24405b;color:#b7d4ea}.status.pending{background:#614b20;color:#ffd694}.status.approved{background:#145947;color:#9de9cf}.status.rejected{background:#663646;color:#ffd0d9}.editor label,.review-card label{display:block;font-size:12px;color:#c5d5e6;margin-bottom:19px}.editor input:not([type=file]),.editor select,.editor textarea,.import-box>input,.review-card textarea{width:100%;margin-top:9px;padding:12px;color:var(--text);background:#08172b;border:1px solid #27405b;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor .upload{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:17px;border:1px dashed #2b5b76;border-radius:9px;background:#0a2035;font-size:11px}.upload input{width:100%;font-size:10px;color:var(--muted)}.cover-preview{width:90px;max-height:115px;object-fit:cover;border-radius:7px}.episode-editor{background:#091a2e;border:1px solid #1c364e;border-radius:9px;padding:17px;margin:15px 0}.episode-editor audio,.review-episode audio{max-width:100%;height:36px;display:block;margin:10px 0}.editor fieldset{border:0;padding:0;margin:0;min-width:0}.editor pre{white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:300px;overflow:auto}.import-box{border-top:1px solid var(--line);padding-top:17px;margin-top:25px;font-size:11px;color:var(--muted)}.import-box h3{font-size:13px;color:var(--text)}.import-box .check{display:flex;align-items:flex-start;gap:8px;line-height:1.5;margin:15px 0}.import-box small{display:block;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stats>div{background:#0f2a40;border:1px solid #24435b;padding:23px;border-radius:12px;font-size:11px;color:var(--muted)}.stats strong{display:block;font-size:35px;color:var(--text);margin-bottom:6px}.review-episode{background:#08192d;padding:17px;border-radius:9px;margin:12px 0}.review-episode strong{font-size:12px}.review-card .section-title{align-items:flex-start}.review-card h2{margin-bottom:4px}.review-card p{color:#a3bad0;font-size:13px}.player{position:fixed;z-index:40;bottom:0;left:var(--sidebar);right:0;min-height:103px;background:#0b1f35f5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:1px solid #29516b;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:25px;padding:15px 26px;box-shadow:0 -10px 40px #030c1b77}.player-now{display:flex;align-items:center;gap:12px;min-width:0}.player-now>div:last-of-type{min-width:0;flex:1 1}.player-now strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.player-now a{display:block;font-size:10px;color:#b3c7db;margin-top:5px}.player-now small{display:none}.player-expand{border:0;background:none;padding:0;flex-shrink:0}.cover.small{width:49px;height:54px;border-radius:6px}.cover.small .cover-words{display:none}.icon-btn{background:none;border:0;padding:7px;display:grid;place-items:center;color:#adc2d8}.icon-btn:hover{color:var(--cyan)}.transport{display:flex;align-items:center;justify-content:center;gap:17px}.main-play{width:42px;height:42px;border:0;background:var(--cyan);color:#05223b;border-radius:50%;display:grid;place-items:center}.skip{position:relative;background:none;border:0;color:#bbd0e4;font-size:30px;line-height:25px;width:24px;padding:0}.skip small{position:absolute;font-size:8px;top:10px;left:8px}.timeline{display:flex;align-items:center;gap:9px;margin-top:8px}.timeline small{color:#88a6c0;font-size:9px;min-width:26px}.timeline input{width:100%;height:3px;accent-color:var(--cyan);cursor:pointer}.player-extra{display:flex;align-items:center;justify-content:flex-end;gap:12px}.player-extra label span{display:none}.player-extra select{background:#102a42;border:1px solid #23435d;color:#b3cce1;font-size:10px;padding:6px;border-radius:5px}.volume{width:55px;accent-color:var(--cyan);height:3px}.has-player{padding-bottom:140px}.mobile-nav{display:none}.player-full{inset:0;left:0;overflow:auto;background:radial-gradient(ellipse at 50% 0,#13395c,#061327 65%);display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:30px;-webkit-backdrop-filter:none;backdrop-filter:none}.player-full .player-now{display:flex;flex-direction:column;text-align:center;width:100%;max-width:390px;gap:16px}.player-full .player-expand{align-self:flex-start}.player-full .player-now>.cover{width:270px}.player-full .player-now strong{font-size:17px;max-width:350px;white-space:normal}.player-full .player-now a{font-size:13px;margin:10px}.player-full .player-now small{display:block;color:var(--muted);font-size:10px}.player-full .player-heart{position:absolute;right:35px;top:30px}.player-full .player-center{width:100%;max-width:440px;display:flex;flex-direction:column-reverse;gap:25px}.player-full .main-play{width:60px;height:60px}.player-full .transport{gap:28px}.player-full .player-extra{justify-content:center;margin-top:10px;gap:20px}.player-full .player-extra label span{display:block;font-size:9px;color:var(--muted);margin-bottom:9px}.player-full .player-extra select{font-size:12px}.player-full .expand-desktop{display:none}.queue{width:100%;max-width:440px;padding-bottom:30px}.queue h3{font-size:12px;color:var(--muted)}.queue button{width:100%;display:flex;justify-content:space-between;gap:15px;text-align:left;padding:14px;border:1px solid #21415a;background:#0b233c;font-size:12px;border-radius:7px;margin:8px 0}.queue button.active{color:var(--cyan);border-color:#137e9a}@media(min-width:1500px){.main{max-width:1600px}.hero{min-height:460px;padding:50px}.hero h1{font-size:60px}.cards{gap:22px}.cover-words strong{font-size:31px;max-width:160px}}@media(max-width:1200px){:root{--sidebar:190px}.topbar{gap:20px;padding:0 22px}.brand{min-width:148px;font-size:24px}.desktop-nav{gap:17px;font-size:11px}.studio-link{display:none}.main{padding:25px}.hero{padding:32px;min-height:380px}.hero h1{font-size:44px}.category{padding:14px 10px;gap:8px}.category small{display:none}.category>span{width:36px;height:39px}.cards{gap:12px}.cover-words{padding:12px 9px}.cover-words strong{font-size:23px}.player{gap:15px;padding:15px}.player-extra{gap:7px}.volume{display:none}.studio-grid{grid-template-columns:200px 1fr}.panel{padding:18px}}@media(max-width:900px){:root{--sidebar:0px}.sidebar{display:none}.topbar{height:70px}.main{margin-top:70px}.hero{background-position:60% 50%}.hero-foot{display:none}.desktop-nav{gap:18px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.cover-words strong{font-size:31px;max-width:150px}.cover-words{padding:20px}.card-play{top:calc(100% - 100px)}.player-now strong{max-width:160px}.player{grid-template-columns:1fr 1.2fr .8fr}.detail h1{font-size:36px}}@media(max-width:600px){body{font-size:13px}.topbar{height:68px;padding:0 20px;gap:12px}.brand{font-size:25px;min-width:0;margin-right:auto}.brand-symbol{width:32px;height:32px}.desktop-nav,.search{display:none}.login{font-size:11px}.main{margin-top:68px;padding:20px 20px 90px}.hero{min-height:380px;padding:28px 24px;border-radius:14px;background-position:64%;background-image:linear-gradient(90deg,#06172df2,#06172d99 45%,#06172d22),url(/hero.webp);margin-bottom:20px}.hero h1{font-size:39px;letter-spacing:-1.5px;margin:24px 0 20px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px;max-width:150px;line-height:1.8}.hero p{font-size:10px;max-width:190px}.hero .primary{font-size:10px;padding:11px 15px}.hero-badge{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:29px}.category{padding:14px 12px;gap:10px}.category strong{font-size:11px;margin-bottom:0}.category>span{width:34px;height:39px}.category>span svg{width:23px}.section-title h2{font-size:21px}.section-title .eyebrow{font-size:7px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.cover-words{padding:17px 13px}.cover-words strong{font-size:28px}.work-title{font-size:12px}.kind{font-size:9px}.card-play{width:32px;height:32px;right:8px;top:calc(100% - 100px)}.bottom-banner{padding:23px;display:block;margin-top:28px}.bottom-banner h2{font-size:23px;line-height:1.4;margin:13px 0}.bottom-banner .secondary{margin-top:20px}.preview-bar{font-size:8px;line-height:1.6;display:block}.preview-bar>div{margin-top:5px}.preview-bar button{padding-left:0;margin-right:10px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:69px;z-index:35;background:#071a2ff7;border-top:1px solid #1f4059;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav,.mobile-nav a{display:flex;align-items:center}.mobile-nav a{flex-direction:column;gap:6px;color:#829cb7;width:23%}.mobile-nav a.active{color:var(--cyan)}.mobile-nav small{font-size:9px}footer{font-size:8px;line-height:1.7;display:block}footer a{margin-top:10px}.player{bottom:69px;min-height:77px;padding:11px 16px;display:flex;justify-content:space-between;gap:10px;border-radius:12px 12px 0 0}.player-now{flex:1 1}.cover.small{width:42px;height:48px}.player-now strong{max-width:170px;font-size:10px}.player-now a{font-size:9px}.player .skip,.player .timeline,.player .transport>.icon-btn,.player-extra,.player-heart{display:none}.player .transport{gap:0}.player .main-play{width:36px;height:36px}.player-center{flex:0 1}.has-player{padding-bottom:175px}.player-full{bottom:0;display:flex;padding:24px;min-height:100dvh;justify-content:flex-start}.player-full .player-now{flex:none}.player-full .player-now>.cover{width:min(65vw,280px);margin-top:5px}.player-full .player-now strong{max-width:100%}.player-full .player-now a{font-size:13px}.player-full .timeline{display:flex}.player-full .skip,.player-full .transport>.icon-btn{display:grid}.player-full .transport{gap:28px}.player-full .player-extra{display:flex}.player-full .main-play{height:57px;width:57px}.player-full .player-heart{display:block;right:20px;top:25px}.player-full .player-extra select{max-width:110px}.player-full .player-center{flex:none}.detail{display:block;text-align:center}.detail>.cover{width:200px;margin:0 auto 25px}.detail h1{font-size:32px}.detail .actions{justify-content:center}.studio-grid{display:flex;flex-direction:column}.studio-grid>.panel{width:100%}.studio-grid>.panel:first-child{margin-bottom:0}.form-row{grid-template-columns:1fr}.form-row label{margin-bottom:16px}.panel{padding:20px}.stats{gap:8px}.stats>div{padding:15px 10px;font-size:9px}.stats strong{font-size:26px}.main>.section-title{align-items:flex-start}.main>.section-title h1{font-size:28px}.main>.section-title .primary{padding:10px;font-size:10px;white-space:nowrap}.review-card .actions button{width:100%}h1{font-size:29px}.actions button{font-size:11px}.empty{padding:40px 15px}.empty h2{font-size:21px}}.brand-logo{position:relative;display:block;width:190px;height:48px;overflow:hidden;flex-shrink:0}.brand-logo img{position:absolute;width:270px;max-width:none;left:-40px;top:-22px}@media(max-width:600px){.brand-logo{width:171px;height:44px}.brand-logo img{width:243px;left:-36px;top:-20px}}.upload-status{margin:10px 0 18px;padding:14px;border:1px solid #28617c;background:#0c2a40;border-radius:9px;overflow-wrap:anywhere}.upload-status-title{display:flex;gap:9px;align-items:center;font-size:12px}.upload-status small{display:block;color:#c2d8e9;margin-top:7px;line-height:1.6}.upload-status .upload-filename{color:#91bdd4}.upload-status progress{display:block;width:100%;height:8px;margin-top:12px;accent-color:var(--cyan)}.upload-status.done{border-color:#277c70;background:#0b302f}.upload-status.error{border-color:#a55262;background:#361f32}.upload-spinner{width:15px;height:15px;border:2px solid #39738b;border-top:2px solid var(--cyan);border-radius:50%;animation:upload-spin .8s linear infinite;flex-shrink:0}.missing-audio{color:#f4bd72;margin-top:8px}@keyframes upload-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.upload-spinner{animation:none}}.submission-notice:empty{display:none}.submission-notice:not(:empty){padding:15px 17px;margin-top:16px;border:1px solid #247b72;border-radius:9px;background:#0b302f;scroll-margin-bottom:100px}.submission-notice strong{font-size:13px;color:#b7f7e8}.submission-notice p{font-size:12px;margin:7px 0 0;color:#d0e6ec}.submission-notice.sending{background:#0c2a40;border-color:#28617c}.submission-notice.error{background:#361f32;border-color:#a55262}.submission-notice.error strong{color:#ffd1d7}.page-banner{position:relative;isolation:isolate;overflow:hidden;min-height:238px;border:1px solid #20425d;border-radius:18px;background:#0c243c;padding:35px 37px;margin-bottom:32px;display:flex;align-items:center}.page-banner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%;z-index:-2}.page-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07172cf5,#07172cce 36%,#07172c44 68%,#07172c11)}.page-banner-copy{max-width:64%}.page-banner h1{font-size:35px;line-height:1.18;letter-spacing:-1px;margin:14px 0 12px}.page-banner p{max-width:430px;color:#bacfe0;font-size:13px;margin:0;line-height:1.75}.page-banner .eyebrow{font-size:9px;letter-spacing:2px}.banner-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.banner-pills span{font-size:10px;color:#b8e6f5;background:#0c3349c9;border:1px solid #24617a;border-radius:30px;padding:6px 11px}.studio-library{margin-bottom:32px;min-width:0}.studio-library .section-title{margin-bottom:18px}.studio-library h2{display:flex;align-items:center;gap:10px;margin:9px 0 0}.studio-library .muted{font-size:12px;margin:9px 0 0}.section-count{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:7px;color:#70dcf4;background:#103149;border:1px solid #25516c;font-size:12px;letter-spacing:0;font-family:DM Sans,sans-serif}.shelf-hint{display:flex;align-items:center;gap:7px;color:#8ba7c1;font-size:10px}.studio-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:185px;justify-content:start;gap:19px;overflow-x:auto;padding:3px 3px 15px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#28536c transparent;min-width:0}.studio-shelf:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.studio-cover-card{text-align:left;border:1px solid transparent;border-radius:13px;background:#0b2036;padding:10px;min-width:0;scroll-snap-align:start;transition:transform .18s,border-color .18s;align-self:start;overflow:hidden}.studio-cover-card:hover{transform:translateY(-2px);border-color:#35718f}.studio-cover-card.selected{border-color:var(--cyan);background:#0d2b42}.studio-cover-card .cover{width:100%;aspect-ratio:1/1.16;border-radius:8px}.studio-cover-card .cover img{width:100%;height:100%;object-fit:cover}.studio-cover-wrap{position:relative}.studio-edit-hint{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:0;left:0;right:0;border-radius:0 0 8px 8px;background:linear-gradient(transparent,#061327ed);padding:25px 4px 10px;font-size:10px;color:#e2f7ff}.studio-cover-card>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;min-height:39px;margin:12px 0 6px;overflow-wrap:anywhere}.studio-cover-card>small{display:block;font-size:10px;color:#92adc7;line-height:1.5;margin-bottom:10px}.studio-cover-card .status{display:inline-block;font-size:9px;padding:5px 8px}.studio-cover-card .draft-revision{font-size:9px;margin:8px 0 0;color:#efc887}.studio-cover-card .cover-words{padding:16px 11px}.studio-cover-card .cover-words strong{font-size:24px}.studio-create{display:flex;align-items:center;gap:20px;border:1px solid #244863;border-radius:13px;background:linear-gradient(115deg,#0c2b43,#0b1c33);padding:25px;margin:15px 0}.studio-create-icon{width:54px;height:60px;display:grid;place-items:center;border-radius:13px;background:#103f55;color:#40dff0;flex-shrink:0}.studio-create>div{flex:1 1;min-width:0}.studio-create h2{font-size:22px;margin:9px 0 7px}.studio-create p{font-size:12px;color:#a6c0d5;margin:0}.studio-create .eyebrow{font-size:8px;letter-spacing:1.6px}.studio-create .primary{flex-shrink:0;white-space:nowrap}.studio-import{margin:0 0 24px;padding:0;border:1px solid #213e57;border-radius:12px;background:#0a1e34;color:#a9c4db}.studio-import summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:20px;list-style:none;color:#d7eaf8}.studio-import summary::-webkit-details-marker{display:none}.studio-import summary>span{flex:1 1;font-size:13px;font-weight:600}.studio-import summary small{font-weight:400;color:#91acc5;margin-top:5px;font-size:11px}.studio-import-body{border-top:1px solid #213e57;padding:0 20px 20px;max-width:640px}.studio-import-body input:not([type=checkbox]){background:#07182b;color:var(--text);border:1px solid #29475f;border-radius:8px;padding:12px;width:100%;font-size:12px}.studio-import .secondary{font-size:11px}.studio-editor{scroll-margin-top:105px;margin-top:24px;max-width:100%;border-color:#2b5670}.editor-heading-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}.editor-heading-actions .text-btn{font-size:11px;display:flex;gap:6px;align-items:center}.editor-heading-actions .status{font-size:10px}.library-section{margin-bottom:34px}.library-section h2{margin:9px 0 0}.collection-empty{display:flex;align-items:center;gap:17px;padding:23px;border:1px dashed #29465f;border-radius:12px;background:#091d32;color:#8cafc8}.collection-empty>div{flex:1 1;min-width:0}.collection-empty strong{font-size:13px;color:#c6dded}.collection-empty p{font-size:12px;margin:5px 0 0;color:#8daac3}.collection-empty .text-btn{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}.continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.continue-card{display:flex;align-items:center;gap:17px;text-align:left;background:#0d243b;border:1px solid #203f59;border-radius:12px;padding:14px;min-width:0;transition:border-color .18s,background .18s}.continue-card:hover{border-color:#32a2be;background:#102c43}.continue-card>.cover{width:82px;aspect-ratio:1/1.13;flex-shrink:0;border-radius:7px}.continue-card .cover-words{padding:8px}.continue-card .cover-words strong{font-size:16px}.continue-card .cover-words small{display:none}.continue-copy{flex:1 1;min-width:0}.continue-copy .eyebrow{display:block;font-size:7px;letter-spacing:1.3px;margin-bottom:7px}.continue-copy>strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.continue-copy>span:not(.eyebrow){font-size:11px;color:#9db6ce;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0}.continue-copy>small{font-size:10px;color:#58d6e6}.continue-play{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#08c5e4;color:#062238;flex-shrink:0}.detail{padding:30px;border:1px solid #23425a;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#123b58,transparent 70%),#0a1f35}@media(min-width:1500px){.studio-shelf{grid-auto-columns:210px;gap:22px}.page-banner{min-height:260px}.page-banner h1{font-size:40px}}@media(max-width:1100px){.continue-grid{grid-template-columns:1fr}.studio-create{gap:15px}.studio-create-icon{display:none}}@media(max-width:600px){.page-banner{min-height:224px;padding:25px 22px;border-radius:14px;margin-bottom:27px}.page-banner:after{background:linear-gradient(90deg,#07172cfa,#07172cd9 38%,#07172c44)}.page-banner-copy{max-width:83%}.page-banner h1{font-size:29px;margin:13px 0 12px}.page-banner .eyebrow{font-size:7px;letter-spacing:1.5px}.page-banner p{font-size:11px;line-height:1.75}.page-banner-art{object-position:64% center}.banner-pills{gap:7px;margin-top:16px}.banner-pills span{font-size:9px;padding:5px 9px}.studio-shelf{grid-auto-columns:151px;gap:12px;padding-bottom:12px}.studio-cover-card{padding:8px}.studio-cover-card>strong{font-size:12px;margin-top:10px;min-height:36px}.studio-cover-card>small{font-size:9px}.studio-library{margin-bottom:27px}.studio-library h2{font-size:21px}.studio-library .muted{font-size:11px}.shelf-hint{display:none}.library-section .eyebrow,.studio-library .eyebrow{font-size:7px}.studio-create{padding:21px;display:block;border-radius:12px;margin-top:10px}.studio-create h2{font-size:22px;line-height:1.4}.studio-create p{font-size:11px;line-height:1.8}.studio-create .primary{margin-top:18px;font-size:12px}.studio-create .eyebrow{font-size:7px}.studio-import summary{padding:17px 16px;gap:10px}.studio-import summary>span{font-size:12px}.studio-import summary small{font-size:10px;line-height:1.7}.studio-import-body{padding:0 16px 18px}.studio-editor{scroll-margin-top:85px}.studio-editor>.section-title{align-items:flex-start;gap:10px}.editor-heading-actions{gap:10px;max-width:145px}.editor-heading-actions .text-btn{font-size:10px}.collection-empty{gap:12px;padding:19px 16px;align-items:flex-start;flex-wrap:wrap}.collection-empty>div{flex-basis:70%}.collection-empty strong{font-size:12px}.collection-empty p{font-size:11px}.collection-empty .text-btn{margin-left:37px}.continue-card{gap:12px;padding:12px}.continue-card>.cover{width:68px}.continue-copy>strong{font-size:12px}.continue-copy>span:not(.eyebrow){font-size:10px}.continue-play{width:30px;height:30px}.detail{padding:23px 18px}}@media(prefers-reduced-motion:reduce){.continue-card,.studio-cover-card{transition:none}}