:root{--bg:#f6f7fb;--panel:#fff;--text:#182033;--muted:#687086;--line:#e7e9f2;--primary:#4f46e5;--primary2:#7c3aed;--green:#0f9f75;--red:#dc4453;--sidebar:#15182b;--shadow:0 12px 36px rgba(34,38,71,.08);--radius:20px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.hint{font-size:12px;color:var(--muted);font-weight:500}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#16192e,#101220);color:#e9eaf3;padding:22px 16px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;gap:12px;align-items:center;padding:4px 7px 22px}.brand-icon,.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#655cf6,#9e56f7);box-shadow:0 8px 25px rgba(101,92,246,.35)}.brand-icon{width:42px;height:42px;border-radius:13px;font-size:22px}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-size:15px}.brand small{font-size:10px;color:#a9adc6;margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:12px;color:#b9bdd0;font-weight:700;font-size:14px;position:relative}.sidebar nav a:hover,.sidebar nav a.active{background:#262a45;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 0 #7c72ff}.sidebar nav a span{font-size:17px;width:22px;text-align:center}.nav-label{font-size:10px;letter-spacing:1.4px;color:#777c9a;margin:17px 12px 7px;font-weight:800}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff4660;margin-left:auto;box-shadow:0 0 0 5px rgba(255,70,96,.13)}.sidebar-foot{margin-top:auto;border-top:1px solid #2a2e47;padding:15px 4px 0}.user-mini{display:flex;gap:10px;align-items:center}.user-mini>span:last-child{display:flex;flex-direction:column;min-width:0}.user-mini b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini small{font-size:11px;color:#9da1b8}.avatar{width:36px;height:36px;border-radius:11px;background:var(--avatar,#4f46e5);display:grid;place-items:center;color:#fff;font-weight:900;flex:0 0 auto}.link-btn{border:0;background:none;color:#8d91aa;font-size:12px;padding:9px 0 0}.main{margin-left:260px;min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.topbar h2{font-size:16px;margin:2px 0}.topbar small{font-size:11px;color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:11px;font-size:18px}.status-pill{font-size:11px;font-weight:900;padding:8px 11px;border-radius:999px;background:#f0f1f6;color:#7c8293}.status-pill.on{background:#fff0f2;color:#d9354d}.content{padding:28px 30px 110px;max-width:1500px;margin:auto}.mobile-menu{display:none}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:30px;margin:3px 0 5px;letter-spacing:-.7px}.page-head p{margin:0;color:var(--muted);max-width:720px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--primary);font-weight:900}.welcome-card{min-height:235px;border-radius:26px;padding:34px 38px;background:linear-gradient(120deg,#4b49de,#7850e7 58%,#9b56eb);color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:0 20px 45px rgba(80,70,220,.22)}.welcome-card h1{font-size:33px;margin:8px 0}.welcome-card p{max-width:610px;color:#e6e4ff;margin:0 0 24px}.welcome-card .eyebrow{color:#d9d7ff}.welcome-actions{display:flex;gap:10px}.radio-art{font-size:110px;position:relative;transform:rotate(4deg);filter:drop-shadow(0 20px 20px rgba(32,25,104,.22));margin-right:55px}.radio-art span{position:absolute;font-size:34px;right:-25px;top:-12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 16px;background:#eef0f7;color:#303751;font-weight:800;font-size:13px}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.23)}.btn.secondary{background:#eef0ff;color:#4f46e5}.btn.light{background:#fff;color:#4641ce}.btn.ghost-light{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.23)}.btn.danger{background:#fff0f2;color:var(--red)}.btn.full{width:100%}.btn.small{padding:8px 11px;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:19px;display:flex;gap:14px;align-items:center}.stat-icon{width:46px;height:46px;border-radius:14px;background:#f1f0ff;display:grid;place-items:center;font-size:22px}.stat-card div{display:flex;flex-direction:column}.stat-card b{font-size:21px}.stat-card small{color:var(--muted);font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:22px}.panel.narrow{max-width:720px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h3,.panel>h3{margin:3px 0 14px;font-size:18px}.panel-head a{font-size:12px;color:var(--primary);font-weight:800}.schedule-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #eef0f4}.schedule-row:first-of-type{border-top:0}.schedule-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.schedule-row b{font-size:13px}.schedule-row small{color:var(--muted);font-size:11px}.schedule-row .chip{margin-left:auto}.schedule-row.large{padding:20px 5px}.schedule-row.large h3{margin:6px 0 4px}.schedule-row.large p{margin:0 0 8px;color:var(--muted);font-size:13px}.date-box{width:48px;height:54px;border-radius:13px;background:#f1f0ff;color:#5048db;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0!important;flex:0 0 auto}.date-box b{font-size:17px}.date-box small{font-size:9px!important;font-weight:900;color:#7770e0!important}.chip{display:inline-flex;align-items:center;width:max-content;background:#f0f2f7;color:#646b80;border-radius:999px;padding:5px 8px;font-size:10px!important;font-weight:800;border:0}.chip.good{background:#e8f8f2;color:#087c5b}.chip.bad{background:#fff0f2;color:#c53749}.episode-mini{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid #eef0f4}.episode-mini:first-of-type{border-top:0}.episode-mini>span{width:40px;height:40px;border-radius:12px;background:#f5f0ff;display:grid;place-items:center}.episode-mini div{display:flex;flex-direction:column;flex:1;min-width:0}.episode-mini b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-mini small{font-size:10px;color:var(--muted)}.episode-mini i{font-style:normal;color:var(--primary)}.live-stage{background:linear-gradient(145deg,#2e3152,#20243f);color:#fff;min-height:420px;border-radius:28px;padding:45px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 22px 55px rgba(30,32,61,.2);margin-bottom:22px}.live-stage.is-live{background:radial-gradient(circle at 50% 15%,#5d4ed8,#282a4c 55%,#1b1e37)}.live-badge{background:#ff4660;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.8px}.big-cover{font-size:72px;margin:17px}.live-stage h2{font-size:27px;margin:8px}.live-stage p{color:#c7cae0;max-width:640px;margin:0 0 11px}.meta-line{display:flex;gap:18px;color:#afb3d0;font-size:12px}.audio-main,.now-playing audio{width:min(700px,100%);margin-top:22px}.waves{height:22px;display:flex;gap:4px;align-items:center}.waves i{display:block;width:4px;background:#fff;border-radius:5px;animation:wave 1s ease-in-out infinite}.waves i:nth-child(1){height:8px}.waves i:nth-child(2){height:17px;animation-delay:.15s}.waves i:nth-child(3){height:22px;animation-delay:.25s}.waves i:nth-child(4){height:14px;animation-delay:.35s}.waves i:nth-child(5){height:9px;animation-delay:.45s}@keyframes wave{50%{transform:scaleY(.4);opacity:.55}}.search{display:flex;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:300px}.search input{border:0;padding:11px 14px;outline:none;flex:1}.search button{border:0;background:#fff;padding:0 12px}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.episode-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.episode-cover{height:130px;background:linear-gradient(135deg,#f0efff,#f9f4ff);display:grid;place-items:center;position:relative}.episode-cover>span{font-size:52px}.play-float{position:absolute;right:13px;bottom:12px;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:0 8px 16px rgba(79,70,229,.3)}.episode-body{padding:15px}.card-top{display:flex;justify-content:space-between;align-items:center}.heart{border:0;background:none;color:#e3a008;font-size:22px;line-height:1}.episode-body h3{font-size:15px;margin:9px 0 6px;line-height:1.35}.episode-body p{font-size:12px;color:var(--muted);line-height:1.5;min-height:36px}.episode-body>small{font-size:10px;color:#858b9b}.now-playing{display:flex;gap:25px;align-items:center;padding:26px;border-radius:22px;background:linear-gradient(120deg,#222641,#34395f);color:#fff;margin-bottom:22px}.np-cover{width:130px;height:130px;border-radius:20px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:62px;flex:0 0 auto}.np-info{flex:1}.np-info .eyebrow{color:#b5afff}.np-info h2{margin:5px 0}.np-info p{color:#c3c6d7;font-size:13px;margin:0}.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:var(--shadow);display:block}.quiz-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#f2efff;font-size:25px;margin-bottom:13px}.quiz-card h3{margin:9px 0 5px}.quiz-card p{color:var(--muted);font-size:12px}.score-line{border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;align-items:center}.score-line b{font-size:11px;color:var(--muted)}.score-line strong{font-size:22px;color:var(--green)}.result-badge{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 18px;display:flex;align-items:center;gap:15px}.result-badge small{color:var(--muted)}.result-badge b{font-size:28px;color:var(--primary)}.quiz-form{max-width:860px}.question-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:var(--shadow)}.question-no{font-size:10px;color:var(--primary);font-weight:900}.question-card h3{font-size:16px}.options{display:grid;gap:8px}.options label{cursor:pointer}.options input{position:absolute;opacity:0}.options span{display:block;border:1px solid var(--line);padding:11px 13px;border-radius:11px;font-size:13px}.options input:checked+span{border-color:var(--primary);background:#f2f1ff;color:#4038c7;font-weight:800}.notes-layout{align-items:start}.note-stack{display:grid;gap:12px}.note-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.note-card>div{display:flex;justify-content:space-between;align-items:center}.note-card small{font-size:10px;color:var(--muted)}.note-card p{font-size:13px;line-height:1.6}.text-danger{color:var(--red);border:0;background:none;font-size:11px;font-weight:800}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:10px 13px;border-radius:11px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#6a7184}.tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#545b70;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #dfe2ec;background:#fff;border-radius:10px;padding:10px 11px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#8d86ee;box-shadow:0 0 0 3px rgba(79,70,229,.08)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .span-2{grid-column:span 2}.form-grid.compact{gap:0 8px}.manage-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eef0f4}.manage-row:first-of-type{border-top:0}.manage-row>div:not(.date-box){display:flex;flex-direction:column}.manage-row b{font-size:12px}.manage-row small{font-size:10px;color:var(--muted)}.manage-icon{width:39px;height:39px;border-radius:12px;background:#f4f1ff;display:grid;place-items:center}.grow{flex:1}.builder-question{border:1px dashed #cfd2df;background:#fafafe;border-radius:14px;padding:14px;margin:15px 0}.builder-head{display:flex;justify-content:space-between;margin-bottom:10px}.alert{padding:12px 14px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:15px;transition:.3s}.alert.success{background:#e9f8f3;color:#087c5b}.alert.danger{background:#fff0f2;color:#bc2f42}.alert.info{background:#eef2ff;color:#4b51aa}.alert.fade{opacity:.15}.empty{text-align:center;padding:35px;color:var(--muted)}.mini-player{position:fixed;left:280px;right:20px;bottom:18px;z-index:60;background:#191d34;color:#fff;border-radius:18px;padding:10px 14px;display:flex;align-items:center;gap:13px;box-shadow:0 15px 40px rgba(20,23,44,.28)}.mini-cover{width:42px;height:42px;border-radius:12px;background:#2c3153;display:grid;place-items:center;font-size:23px}.mini-title{display:flex;flex-direction:column;width:210px;min-width:0}.mini-title small{font-size:9px;color:#ff6f82;font-weight:900}.mini-title b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player audio{height:35px;flex:1}.mini-player>a{font-size:11px;color:#c4c7e2;font-weight:800}.login-body{background:radial-gradient(circle at 15% 20%,#665af0,#2b2c55 42%,#14172b);color:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;max-width:1200px;margin:auto;align-items:center;gap:70px;padding:50px}.login-hero h1{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:18px 0}.login-hero h1 span{color:#c4b7ff}.login-hero>p{max-width:650px;color:#c9cbe1;line-height:1.7}.hero-chip{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:1.3px}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.hero-features div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);padding:15px;border-radius:15px;display:flex;flex-direction:column}.hero-features small{color:#aeb2cc;font-size:10px;margin-top:5px}.login-card{background:#fff;color:var(--text);border-radius:25px;padding:30px;box-shadow:0 30px 70px rgba(6,8,21,.35)}.login-card.wide{width:min(700px,94vw)}.login-card .brand-mark{width:54px;height:54px;border-radius:16px;font-size:27px}.login-card h2,.login-card h1{margin:15px 0 3px}.demo-box{margin-top:18px;border:1px dashed #d7d9e5;border-radius:12px;padding:11px;display:flex;flex-direction:column}.demo-box b{font-size:11px}.demo-box small{font-size:10px;color:var(--muted);line-height:1.55;margin-top:3px}.install-shell{min-height:100vh;display:grid;place-items:center;padding:30px}
@media(max-width:1100px){.episode-grid{grid-template-columns:repeat(3,1fr)}.quiz-grid{grid-template-columns:repeat(2,1fr)}.radio-art{margin-right:10px;font-size:85px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-105%);transition:.25s;width:255px;box-shadow:20px 0 60px rgba(20,20,40,.25)}.sidebar.open{transform:none}.main{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 16px;height:67px}.content{padding:20px 16px 100px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:25px}.search{min-width:100%;width:100%}.grid-2{grid-template-columns:1fr}.episode-grid{grid-template-columns:repeat(2,1fr)}.welcome-card{padding:25px}.radio-art{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.mini-player{left:10px;right:10px;bottom:10px}.mini-title{width:120px}.mini-player>a{display:none}.login-shell{grid-template-columns:1fr;gap:25px;padding:25px;max-width:520px}.login-hero h1{font-size:39px}.login-hero>p,.hero-features{display:none}.now-playing{align-items:flex-start}.np-cover{width:90px;height:90px;font-size:45px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}
@media(max-width:520px){.episode-grid,.quiz-grid,.stats-grid{grid-template-columns:1fr}.welcome-card h1{font-size:26px}.welcome-actions{flex-direction:column;align-items:flex-start}.live-stage{padding:28px 18px;min-height:360px}.schedule-row .chip{display:none}.now-playing{flex-direction:column}.np-cover{width:80px;height:80px}.mini-player{flex-wrap:wrap}.mini-player audio{order:3;width:100%;flex-basis:100%}.topbar .status-pill{display:none}.hero-features{grid-template-columns:1fr}}