html{color-scheme:light!important}body{background:#f4f7fb!important;color:#0e1e33!important}:root{--bg:#f4f7fb;--bg2:#edf2f8;--panel:#ffffff;--sidebar:#0e2a47;--sidebar2:#163d66;--primary:#ed4757;--primary2:#dd4c76;--accent:#1a6bbf;--accent2:#0ea5e9;--success:#10b981;--warn:#f59e0b;--danger:#ef4444;--text:#0e1e33;--text2:#3a5672;--muted:#5a7288;--border:#d1dcea;--border2:#b6c8db;--shadow:0 4px 16px rgba(14,42,71,.08),0 1px 4px rgba(14,42,71,.04);--shadowH:0 16px 40px rgba(14,42,71,.14),0 4px 10px rgba(14,42,71,.06);--shadowLg:0 24px 56px rgba(14,42,71,.16);--r:14px;--r2:10px;--r3:7px;--rLg:20px;--side:248px;--ease:cubic-bezier(.22,.68,0,1.2)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:'Hind',system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;display:block}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:10px;z-index:10001;transform:translateY(-160%);background:#fff;color:var(--text);border:2px solid var(--primary);border-radius:10px;padding:10px 14px;font-weight:900;box-shadow:var(--shadowH);transition:transform .18s ease}.skip-link:focus{transform:translateY(0);outline:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.card,.an-card,.btn,.pbox{will-change:transform,box-shadow,border-color;transform:translateZ(0);backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.ticker-wrap{width:100%;height:40px;max-height:40px;overflow:hidden;background:linear-gradient(90deg,#fff5f6,#fff8f0,#f0fdfa);border-bottom:1px solid rgba(237,71,87,.2);display:flex;align-items:center;gap:10px;padding:0 clamp(12px,5vw,30px);position:sticky;top:0;z-index:101;margin:0;box-shadow:0 4px 12px rgba(237,71,87,.04)}.ticker-dot{width:9px;height:9px;border-radius:50%;background:var(--warn);flex-shrink:0;animation:pulse 2s infinite}.ticker-scroll{overflow:hidden;flex:1;height:40px;display:flex;align-items:center;min-width:0}.ticker-track{display:flex;align-items:center;gap:56px;width:max-content;animation:ticker 24s linear infinite;font-size:12px;line-height:40px;font-weight:700;color:var(--primary);white-space:nowrap}.ticker-track span{display:inline-flex;align-items:center;height:40px;white-space:nowrap}.ticker-track em{color:#f97316;font-style:normal;font-weight:900}@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.app{display:grid;grid-template-columns:var(--side) 1fr;min-height:calc(100vh - 38px);height:calc(100vh - 38px);width:100%;overflow:hidden}.sidebar{background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar2) 100%);border-right:1px solid rgba(255,255,255,.07);padding:20px 14px 30px;color:#e2ecf7;scrollbar-width:none;box-shadow:8px 0 28px rgba(0,0,0,.15);overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 4px 16px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:16px}.brand-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;box-shadow:0 4px 12px rgba(237,71,87,.35);flex-shrink:0;font-size:16px}.brand-name{font-family:'Cinzel',serif;font-size:12px;font-weight:700;letter-spacing:.06em;color:#daeeff;line-height:1.2}.brand-sub{font-size:10px;color:#5a7d9a;margin-top:1px;font-weight:500}.sg-label{font-size:10px;font-weight:700;color:#4a6880;letter-spacing:.12em;text-transform:uppercase;padding:0 8px;margin-bottom:6px;display:block}.snav{display:grid;gap:2px}.sbtn{width:100%;text-align:left;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;border:1px solid transparent;color:#94b3c8;background:transparent;font-weight:600;font-size:12.5px;transition:all .17s ease;position:relative;margin-bottom:3px}.sbtn svg{flex-shrink:0;opacity:.6;transition:opacity .17s}.sbtn:hover{background:rgba(237,71,87,.14);border-color:rgba(237,71,87,.28);color:#daeeff;transform:translateX(2px)}.sbtn.active{color:#f0a0ac;background:rgba(237,71,87,.18);border-color:rgba(237,71,87,.28)}.sbtn.active svg{opacity:1}.sbtn.active::before{content:'';position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,var(--primary),var(--primary2))}.smeta strong{display:block;font-size:12.5px;font-weight:700}.shell{display:grid;grid-template-rows:auto 1fr;min-height:0;height:calc(100vh - 38px);overflow:hidden}.topbar{padding:10px 22px;background:rgba(244,247,251,.9);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:90;backdrop-filter:blur(18px);box-shadow:0 2px 6px rgba(14,42,71,.04)}.top-brand{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:1}.top-brand-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-brand-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px rgba(237,71,87,.25)}.top-brand-title{font-family:'Cinzel',serif;font-size:14px;font-weight:800;color:var(--text);line-height:1.1}.top-brand-sub{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.top-search{display:flex;align-items:center;gap:10px;flex:1;max-width:clamp(200px,100vw,360px);min-width:0}.top-search .inp{min-width:0;width:100%;font-size:clamp(12px,2vw,14px)}.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;overflow:hidden}.top-nav .navbtn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.class-promo-stack{display:grid;grid-template-columns:1fr;gap:clamp(10px,2vw,14px)}@media(min-width:640px){.class-promo-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.class-promo-stack{grid-template-columns:repeat(4,minmax(0,1fr))}}.class-promo-card{min-height:clamp(120px,30vw,150px);border-radius:16px;padding:clamp(12px,3vw,20px);color:#061124;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.45);position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.class-promo-card:hover{transform:translateY(-3px);box-shadow:var(--shadowH)}.class-promo-card strong{font-family:'Cinzel',serif;font-size:clamp(13px,3vw,18px);font-weight:800;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.class-promo-card span{font-size:clamp(10px,2vw,12.5px);font-weight:700;color:#082033;line-height:1.45;margin-top:clamp(4px,1vw,8px);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.class-promo-card .promo-meta{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;min-height:25px;border-radius:99px;padding:0 10px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);color:#fff;text-transform:uppercase;font-size:10.5px;font-weight:900;margin-top:14px}.class-promo-card .promo-meta::before{content:'';width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.26)}.class-promo-card.youtube-live{background:linear-gradient(135deg,#f87171,#991b1b)}.class-promo-card.youtube-live.is-live .promo-meta::before{background:#22c55e}.class-promo-card.youtube-video{background:linear-gradient(135deg,#67e8f9,#1d4ed8)}.class-promo-card.youtube-course{background:linear-gradient(135deg,#fdba74,#be123c)}.class-promo-card.youtube-more{background:linear-gradient(135deg,#5eead4,#1e40af)}.class-promo-card::after{content:'';position:absolute;right:-28px;bottom:-30px;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.16)}.seo-block{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:clamp(14px,3vw,20px) clamp(14px,3vw,22px);box-shadow:var(--shadow)}.seo-block h1,.seo-block h2{font-family:'Cinzel',serif;font-size:clamp(18px,4vw,22px);line-height:1.25;color:var(--text);margin:0 0 8px}.seo-block p{color:var(--text2);font-weight:600;font-size:clamp(11px,2vw,13.5px);margin:0 0 12px}.seo-tags{display:flex;flex-wrap:wrap;gap:8px}.seo-tags a,.seo-tags span{display:inline-flex;align-items:center;min-height:clamp(22px,5vw,28px);padding:0 clamp(7px,1.5vw,10px);border-radius:99px;background:var(--bg2);border:1px solid var(--border);color:var(--text2);font-size:clamp(9px,1.8vw,11px);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.seo-video-index{display:grid;gap:12px}.seo-video-index article{background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);padding:clamp(12px,2.5vw,14px) clamp(12px,2.5vw,16px);box-shadow:0 2px 8px rgba(14,42,71,.05)}.seo-video-index a{font-weight:900;color:var(--text);font-family:'Cinzel',serif}.seo-video-index p{margin:5px 0 8px;color:var(--text2);font-size:12.5px;font-weight:600;line-height:1.5}.seo-video-index small{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.seo-background-index{position:relative!important;width:auto!important;height:auto!important;padding:clamp(14px,3vw,18px)!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important}.navbtn{display:inline-flex;align-items:center;justify-content:center;gap:clamp(3px,1vw,5px);min-height:36px;padding:0 clamp(6px,2vw,12px);border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text2);font-size:clamp(10px,2vw,12px);font-weight:600;transition:all .17s ease;box-shadow:0 2px 5px rgba(14,42,71,.06);flex:1 1 auto;min-width:0;white-space:nowrap}.navbtn:hover{background:#fff5f6;color:var(--primary);border-color:rgba(237,71,87,.3);transform:translateY(-1px)}.ws{padding:clamp(12px,3vw,24px);display:grid;gap:clamp(12px,2vw,16px);align-content:start;min-height:0;width:100%;overflow-y:auto}.panel{display:none;gap:18px;flex-direction:column}.panel.active{display:flex}.panel.active>*{animation:slideUp .45s var(--ease) backwards}.sec-head{border-radius:var(--rLg);padding:clamp(16px,4vw,30px) clamp(14px,4vw,34px);background:linear-gradient(135deg,#061124 0%,#0e2a47 40%,#163d66 75%,#1a6bbf 100%);box-shadow:0 20px 50px rgba(14,42,71,.28);display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(10px,2vw,16px);flex-wrap:wrap;position:relative;overflow:hidden}.sec-head::before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,rgba(237,71,87,.3),rgba(237,71,87,.9),rgba(144,200,244,.5))}.sec-head h3{color:#f8fbff;font-family:'Cinzel',serif;font-size:clamp(18px,5vw,26px);font-weight:700;margin:0;display:flex;align-items:center;gap:clamp(6px,2vw,11px);letter-spacing:-.01em;flex-wrap:wrap}.sec-head p{color:#94a3b8;font-size:clamp(11px,2vw,13.5px);margin:7px 0 0;font-weight:500}.head-chip{display:inline-flex;align-items:center;min-height:clamp(20px,5vw,25px);padding:0 clamp(8px,1.5vw,11px);border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#e0f2fe;font-size:clamp(8px,1.5vw,10px);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ga{display:grid;grid-template-columns:1fr;gap:clamp(12px,2vw,14px)}@media(min-width:768px){.ga{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}}.g3{display:grid;grid-template-columns:1fr;gap:clamp(12px,2vw,16px)}@media(min-width:640px){.g3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(10px,2vw,12px)}@media(min-width:768px){.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--panel);border-radius:var(--r);padding:clamp(14px,3vw,22px);border:1px solid var(--border);box-shadow:var(--shadow);transition:all .22s var(--ease)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadowH);border-color:var(--border2)}.card h4{margin:0 0 clamp(10px,2vw,14px);font-size:clamp(12px,2vw,14px);font-weight:700;color:var(--text);font-family:'Cinzel',serif}.subscribe-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100%}.subscribe-card svg{margin:0 auto 10px}.an-card{background:var(--panel);border-radius:var(--r);padding:22px;border:1px solid var(--border);box-shadow:var(--shadow);position:relative}.an-card::before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,rgba(237,71,87,.1),rgba(237,71,87,.8),rgba(14,165,233,.4));transition:height .2s}.an-card:hover{transform:translateY(-3px);box-shadow:var(--shadowH);border-color:rgba(237,71,87,.15)}.an-card:hover::before{height:3px}.an-head{display:flex;justify-content:space-between;margin-bottom:14px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;font-family:'Cinzel',serif;letter-spacing:.06em}.kpi-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{background:var(--bg2);border-radius:var(--r2);padding:clamp(12px,2.5vw,16px);border:1px solid var(--border);transition:all .2s ease}.kpi:hover{background:linear-gradient(135deg,var(--bg2) 0%,rgba(237,71,87,.03) 100%);border-color:rgba(237,71,87,.15);transform:translateY(-1px)}.kpi label{color:var(--muted);font-size:clamp(8px,1.8vw,10px);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.kpi strong{display:block;margin-top:clamp(6px,1.5vw,8px);font-size:clamp(20px,5vw,26px);font-weight:900;color:var(--text);font-family:'Cinzel',serif;letter-spacing:-.02em;line-height:1}.btn{border:none;min-height:clamp(34px,8vw,40px);padding:0 clamp(12px,2vw,17px);border-radius:var(--r3);font-weight:700;font-size:clamp(11px,2vw,13px);cursor:pointer;transition:all .2s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08)}.btn-p{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 18px rgba(237,71,87,.3),inset 0 1px 0 rgba(255,255,255,.15);font-family:'Cinzel',serif;letter-spacing:.04em}.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(237,71,87,.4)}.btn-s{background:var(--panel);border:1.5px solid var(--border2);color:var(--text2);box-shadow:0 2px 5px rgba(0,0,0,.04)}.btn-s:hover{background:var(--bg2);border-color:var(--border2);transform:translateY(-1px);color:var(--text)}.btn-yt{background:linear-gradient(135deg,#ff0000,#cc0000);color:#fff;font-family:'Cinzel',serif}.btn-yt:hover{box-shadow:0 8px 24px rgba(255,0,0,0.3);transform:translateY(-2px)}.inp{height:clamp(36px,9vw,41px);width:100%;border:1.5px solid var(--border);border-radius:var(--r3);background:var(--bg2);color:var(--text);padding:clamp(8px,1.5vw,9px) clamp(10px,2vw,12px);font-size:clamp(12px,2vw,13px);font-weight:500;transition:all .2s ease;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.inp:focus{border-color:var(--primary);background:var(--panel);box-shadow:0 0 0 3px rgba(237,71,87,.1),inset 0 1px 2px rgba(0,0,0,.02)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}.tbl,.tbr{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fc{min-height:clamp(32px,7vw,34px);padding:0 clamp(10px,2vw,14px);border-radius:99px;border:1px solid var(--border2);background:var(--panel);color:var(--text2);font-size:clamp(11px,2vw,12.5px);font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.02);user-select:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.fc:hover{background:rgba(26,107,191,.08);border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.05)}.fc.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(237,71,87,.2)}.vid-card{padding:0;display:flex;flex-direction:column;overflow:hidden}.vid-card::before{display:none}.vid-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--bg2);border-bottom:1px solid var(--border)}.vid-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.22,.68,0,1.2);background:#e8eef6;color:transparent;font-size:0}.vid-thumb .course-fallback-cover + img{position:absolute;inset:0;z-index:1}.vid-card:hover .vid-thumb img{transform:scale(1.06)}.course-cover-grid{height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;background:#102033}.course-cover-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.course-cover-single{height:100%;display:grid;background:#102033;overflow:hidden}.course-cover-single img{grid-area:1/1;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.02)}.course-cover-single img:not(:first-child){display:none}.course-fallback-cover{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px;background:linear-gradient(135deg,#14213a 0%,#185abc 58%,#ed4757 100%);color:#fff}.course-fallback-cover strong{font-family:'Cinzel',serif;font-size:18px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-fallback-cover span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.8)}.course-stats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.course-stats span{padding:4px 8px;border-radius:999px;background:#eef6ff;border:1px solid #d5e6fb;color:#244766;font-size:10px;font-weight:900;text-transform:uppercase}.vid-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.5px;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.vid-badge.live{background:var(--danger);animation:pulse 1.5s infinite}.vid-badge.upcoming{background:var(--warn)}.vid-badge.cat{background:rgba(14,42,71,0.85);backdrop-filter:blur(4px)}.watch-state-chip{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:3;max-width:calc(100% - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 10px;border-radius:999px;background:rgba(15,23,42,.86);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 6px 18px rgba(15,23,42,.18);backdrop-filter:blur(6px)}.watch-state-chip.resume{background:rgba(37,99,235,.9)}.watch-state-chip.complete{background:rgba(4,120,87,.92)}.watch-state-chip.new{background:rgba(71,85,105,.9)}.vid-duration{position:absolute;bottom:10px;right:10px;background:rgba(14,42,71,0.9);padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;z-index:2}.vid-bookmark{position:absolute;top:12px;right:12px;width:34px;height:34px;background:rgba(255,255,255,0.94);border-radius:50%;display:grid;place-items:center;z-index:3;box-shadow:0 8px 20px rgba(14,42,71,0.16);opacity:1;transition:all 0.3s ease;border:1px solid var(--border)}.vid-card:hover .vid-bookmark{opacity:1}.vid-bookmark:hover{background:var(--bg);transform:scale(1.1);border-color:var(--primary)}.vid-info{padding:clamp(12px,2.5vw,18px);flex:1;display:flex;flex-direction:column;background:var(--panel)}.vid-title{font-size:clamp(12px,2vw,14.5px);font-weight:700;color:var(--text);line-height:1.45;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:clamp(6px,1vw,8px);font-family:'Cinzel',serif;transition:color 0.2s ease}.vid-card:hover .vid-title{color:var(--primary)}.vid-desc{color:var(--text2);font-size:clamp(11px,1.8vw,12.5px);font-weight:600;line-height:1.45;margin:0 0 clamp(6px,1vw,10px);display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vid-meta{font-size:clamp(10px,1.8vw,11.5px);color:var(--muted);font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(8px,2vw,12px);flex-wrap:wrap;gap:clamp(6px,1vw,8px)}.vid-stats-group{display:flex;gap:10px;align-items:center}.vid-stat-item{display:flex;align-items:center;gap:4px}.vid-footer{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.vid-tag{font-size:10px;padding:3px 8px;background:var(--bg2);border:1px solid var(--border);border-radius:4px;color:var(--text2);font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.skeleton{background:linear-gradient(90deg,#e0eaf4 25%,#d1dcea 50%,#e0eaf4 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.skel-card{height:320px;display:flex;flex-direction:column;border-radius:var(--r);border:1px solid var(--border);background:var(--panel);overflow:hidden}.skel-thumb{width:100%;aspect-ratio:16/9}.skel-body{padding:18px;flex:1;display:flex;flex-direction:column;gap:10px}.skel-line{height:14px;border-radius:4px;width:100%}.skel-line.short{width:60%}.modal-overlay{position:fixed;inset:0;background:rgba(14,42,71,0.88);backdrop-filter:blur(10px);z-index:9999;display:none;place-items:center;padding:clamp(8px,2vw,16px);opacity:0;transition:opacity 0.3s}.modal-overlay.active{display:grid;opacity:1}.modal-content{width:min(100%,calc(100vw - clamp(16px,4vw,32px)));max-height:calc(100dvh - clamp(16px,4vw,32px));background:var(--panel);border-radius:var(--rLg);overflow-y:auto;overflow-x:hidden;border:1px solid var(--border);box-shadow:var(--shadowLg);transform:scale(0.95);transition:transform 0.3s var(--ease);position:relative;display:flex;flex-direction:column}.modal-overlay.active .modal-content{transform:none}.modal-header{padding:15px 22px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fbff,#edf2f8);border-bottom:1px solid var(--border);gap:16px}.modal-title{font-size:16px;font-weight:800;color:var(--text);font-family:'Cinzel',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.modal-nav-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.modal-nav-btn{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text2);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.modal-nav-btn:hover{border-color:rgba(237,71,87,.35);color:var(--primary);background:#fff5f6}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:20px;display:grid;place-items:center;cursor:pointer;transition:all 0.2s;font-weight:bold}.modal-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.video-shell{position:relative;width:100%;background:#050505;flex:0 0 auto}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;max-height:min(58dvh,600px);background:#000;flex:0 0 auto}.video-container iframe,.video-container .youtube-player-slot{position:absolute;inset:0;width:100%;height:100%;border:none}.player-size-btn{position:absolute;right:12px;top:12px;z-index:4;min-height:38px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(15,23,42,.76);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 10px 26px rgba(0,0,0,.26);backdrop-filter:blur(10px)}.player-size-btn:hover{background:rgba(237,71,87,.92);border-color:rgba(255,255,255,.58);transform:translateY(-1px)}.player-size-btn .icon-min{display:none}.modal-overlay.is-short-mode .video-container{width:min(100%,430px);aspect-ratio:9 / 16;max-height:min(68dvh,720px);margin:0 auto;background:#050505;border-inline:1px solid rgba(255,255,255,.08)}.modal-overlay.is-short-mode .modal-content{width:min(100%,860px);background:linear-gradient(90deg,#0f172a 0,#fff 18%,#fff 82%,#0f172a 100%)}.modal-overlay.is-short-mode .modal-recommendations{border-top:1px solid var(--border)}.embed-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;padding:28px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;text-align:left}.embed-fallback-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:7px solid rgba(255,255,255,.72);font-size:44px;font-weight:900;line-height:1;flex:0 0 auto}.embed-fallback h4{margin:0 0 8px;font-family:'Cinzel',serif;font-size:18px;color:#fff}.embed-fallback p{margin:0 0 14px;color:rgba(255,255,255,.82);font-size:13px;font-weight:700;max-width:520px}.modal-recommendations{background:#f8fbff;border-top:1px solid var(--border);padding:14px 18px 16px;display:grid;gap:12px;flex:0 0 auto}.modal-recommendations:empty{display:none}.modal-rec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.modal-rec-head strong{font-family:'Cinzel',serif;color:var(--text);font-size:14px}.modal-rec-head span{font-size:11px;font-weight:800;color:var(--muted)}.modal-rec-list{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 4px 10px;scroll-snap-type:x proximity;scrollbar-gutter:stable}.modal-rec-item{flex:0 0 clamp(210px,22vw,276px);border:1px solid var(--border);background:#fff;border-radius:12px;padding:0;text-align:left;cursor:pointer;color:var(--text);transition:all .2s ease;overflow:hidden;scroll-snap-align:start;box-shadow:0 2px 8px rgba(14,42,71,.05)}.modal-rec-item:hover{border-color:rgba(237,71,87,.35);transform:translateY(-1px);box-shadow:0 10px 20px rgba(14,42,71,.08)}.modal-rec-thumb{display:block;position:relative;width:100%;aspect-ratio:16/9;background:#e8eef6;overflow:hidden}.modal-rec-thumb img{width:100%;height:100%;object-fit:cover;background:#e8eef6}.modal-rec-thumb em{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:6px;background:rgba(14,42,71,.9);color:#fff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.04em}.modal-rec-copy{display:block;padding:10px 11px 12px}.modal-rec-item strong{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.32}.modal-rec-item small{display:block;margin-top:6px;color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase}.modal-footer{padding:14px 22px 18px;background:var(--panel);display:grid;gap:13px;border-top:1px solid var(--border)}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.modal-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal-action-btn{min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:800;transition:all .2s ease}.modal-action-btn:hover{background:#fff5f6;border-color:rgba(237,71,87,.3);color:var(--primary);transform:translateY(-1px)}.modal-action-btn.active{background:#fff5f6;border-color:rgba(237,71,87,.35);color:var(--primary)}.modal-action-btn.youtube-direct{background:#fff;border-color:#fecaca;color:#dc2626}.modal-action-btn.youtube-direct:hover{background:#fff1f2;border-color:#ef4444;color:#b91c1c}.modal-status{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.modal-status::before{content:'';width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.15);animation:pulse 1.5s infinite}.watch-progress{height:7px;border-radius:999px;background:#e8eef6;overflow:hidden;margin:10px 0 5px;border:1px solid rgba(148,163,184,.22)}.watch-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ed4757,#2563eb,#14b8a6);transition:width .25s ease}.watch-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.watch-progress-meta strong{color:#047857}.vid-card.is-complete{border-color:#86efac;box-shadow:0 12px 28px rgba(34,197,94,.12)}.vid-card.is-complete .vid-title::after{content:"Complete";display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#dcfce7;color:#047857;font-size:10px;font-family:'Hind',sans-serif;font-weight:900;vertical-align:middle}.progress-kpis{margin-bottom:18px}.seo-hack-text{font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.5}.ref-toast{position:fixed;right:20px;bottom:20px;z-index:10000;padding:14px 20px;border-radius:var(--r3);background:var(--sidebar);color:#fff;font-size:13px;font-weight:600;box-shadow:var(--shadowH);border-left:4px solid var(--success);opacity:0;transform:translateY(20px);transition:all 0.3s var(--ease);pointer-events:none;display:flex;align-items:center;gap:10px}.ref-toast.show{opacity:1;transform:translateY(0)}.empty-state{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--border2);border-radius:var(--r);font-weight:700}.empty-state a{color:var(--primary);font-weight:900}.empty-state strong{display:block;color:var(--text);font-size:16px;margin-bottom:4px}.empty-state span{display:block;margin-bottom:12px;color:var(--muted)}.empty-state.empty-state-posts{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#fff5f6 100%);border-style:solid;box-shadow:var(--shadow)}.empty-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}.empty-actions a,.empty-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2));border:0;color:#fff!important;font-weight:900;box-shadow:0 10px 24px rgba(237,71,87,.18)}.empty-actions a.secondary,.empty-actions button.secondary{background:#fff;color:var(--text2)!important;border:1px solid var(--border2);box-shadow:0 4px 12px rgba(16,24,40,.06)}.load-more-row{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px 0 2px}.load-more-row span{color:var(--muted);font-size:12px;font-weight:800}@media(max-width:1060px){.app{grid-template-columns:1fr}.sidebar{display:none}.toolbar{flex-direction:column;align-items:flex-start}.class-promo-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.video-container{max-height:50dvh}}@media(max-width:800px){.g3,.g4,.ga,.class-promo-stack{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.top-nav{justify-content:flex-start}.modal-overlay{padding:10px;align-items:start}.modal-content{max-height:calc(100dvh - 20px)}.modal-header{gap:8px;padding:12px}.modal-title{font-size:13px}.modal-nav-controls{order:3;width:100%;justify-content:center;margin-left:0}.modal-nav-btn{flex:1}.video-container{max-height:42dvh}.modal-overlay.is-short-mode .video-container{width:min(100%,330px);max-height:56dvh}.modal-overlay.is-short-mode .modal-content{background:#fff}.embed-fallback{align-items:flex-start;gap:12px;padding:18px;overflow:auto}.embed-fallback-icon{width:46px;height:46px;border-width:5px;font-size:28px}.modal-rec-head{align-items:flex-start;flex-direction:column}.modal-rec-item{flex-basis:230px}.modal-actions,.modal-action-group{width:100%}.modal-action-btn,.modal-actions .btn{flex:1}.seo-hack-text{max-width:100%}.watch-state-chip{top:48px;left:12px;transform:none;max-width:calc(100% - 24px)}}body[data-surface="classes"]{--cl-bg:#f5f7fb;--cl-surface:#ffffff;--cl-surface-2:#f8fafc;--cl-ink:#142033;--cl-muted:#607187;--cl-line:#dfe7f1;--cl-line-strong:#c7d4e3;--cl-red:#ed4757;--cl-red-dark:#c8324f;--cl-blue:#185abc;--cl-blue-soft:#eff6ff;--cl-green:#0b8f6f;--cl-amber:#b54708;--cl-shadow-sm:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.08);--cl-shadow:0 14px 34px rgba(16,24,40,.10);--cl-shadow-lg:0 22px 56px rgba(16,24,40,.16);background:radial-gradient(circle at 18% -8%,rgba(237,71,87,.12),transparent 28rem),radial-gradient(circle at 96% 4%,rgba(24,90,188,.10),transparent 26rem),linear-gradient(180deg,#fbfcff 0%,var(--cl-bg) 100%) !important;color:var(--cl-ink) !important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body[data-surface="classes"] .ticker-wrap{min-height:36px;height:36px;background:linear-gradient(90deg,#fff5f6,#f7fbff,#f0fdfa);border-bottom:1px solid rgba(237,71,87,.16);box-shadow:0 2px 12px rgba(16,24,40,.08)}body[data-surface="classes"] .ticker-track{animation-duration:24s;will-change:transform;transform:translateZ(0)}body[data-surface="classes"] .ticker-wrap:hover .ticker-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){body[data-surface="classes"] *,body[data-surface="classes"] *::before,body[data-surface="classes"] *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}}body[data-surface="classes"] .app{min-height:calc(100vh - 36px);height:calc(100vh - 36px)}body[data-surface="classes"] .shell{height:calc(100vh - 36px)}body[data-surface="classes"] .sidebar{background:linear-gradient(180deg,#101828 0%,#17243a 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:10px 0 30px rgba(16,24,40,.18)}body[data-surface="classes"] .brand{border-color:rgba(255,255,255,.10)}body[data-surface="classes"] .brand-icon,body[data-surface="classes"] .top-brand-mark{border-radius:14px;background:linear-gradient(135deg,var(--cl-red),var(--cl-red-dark));box-shadow:0 12px 28px rgba(237,71,87,.24)}body[data-surface="classes"] .brand-name{color:#fff;letter-spacing:0}body[data-surface="classes"] .brand-sub,body[data-surface="classes"] .sg-label{color:rgba(255,255,255,.66);letter-spacing:.04em}body[data-surface="classes"] .sbtn{min-height:42px;border-radius:10px;color:rgba(255,255,255,.82);border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}body[data-surface="classes"] .sbtn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10);color:#fff;transform:none}body[data-surface="classes"] .sbtn.active{background:linear-gradient(135deg,var(--cl-red),var(--cl-blue));color:#fff;box-shadow:0 12px 26px rgba(24,90,188,.24)}body[data-surface="classes"] .sbtn.active::before{content:none}body[data-surface="classes"] .topbar{min-height:auto;padding:clamp(8px,2vw,12px) clamp(10px,3vw,22px);gap:clamp(6px,2vw,12px);flex-wrap:wrap;background:rgba(247,249,253,.92);border-bottom:1px solid rgba(199,212,227,.82);backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%)}body[data-surface="classes"] .top-brand{flex:1 1 auto;min-width:0}body[data-surface="classes"] .top-brand-mark{width:clamp(28px,7vw,34px);height:clamp(28px,7vw,34px);flex-shrink:0}body[data-surface="classes"] .top-brand-title{letter-spacing:0;color:var(--cl-ink);font-size:clamp(12px,3vw,14px)}body[data-surface="classes"] .top-brand-sub{letter-spacing:.04em;color:var(--cl-muted);font-size:clamp(8px,1.5vw,10px)}body[data-surface="classes"] .top-search{width:100%;max-width:100%;flex:1 1 100%;order:2;margin-top:clamp(6px,1vw,8px)}body[data-surface="classes"] .top-nav{width:100%;gap:clamp(4px,1vw,8px);order:3;margin-top:clamp(6px,1vw,8px);justify-content:space-between}body[data-surface="classes"] .top-nav .navbtn{flex:1 1 calc(25% - 3px);min-width:0;font-size:clamp(9px,2vw,12px);padding:clamp(6px,1.5vw,12px) clamp(4px,1vw,8px);min-height:clamp(30px,8vw,36px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:10px;border-color:var(--cl-line);background:#fff;color:#344054;font-weight:800;letter-spacing:0;box-shadow:0 1px 2px rgba(16,24,40,.04)}body[data-surface="classes"] .top-nav .navbtn:hover{background:#fff5f6;border-color:rgba(237,71,87,.28);color:var(--cl-red-dark);box-shadow:0 8px 18px rgba(16,24,40,.08)}body[data-surface="classes"] .ws{padding:clamp(10px,2vw,24px) clamp(10px,3vw,28px);background:transparent;scrollbar-gutter:stable}body[data-surface="classes"] .sec-head{border-radius:clamp(14px,3vw,18px);border:1px solid rgba(255,255,255,.36);padding:clamp(16px,3vw,30px) clamp(14px,3vw,34px);background:linear-gradient(135deg,#14213a 0%,#185abc 62%,#ed4757 100%) !important;box-shadow:var(--cl-shadow-lg);gap:clamp(8px,2vw,16px)}body[data-surface="classes"] .sec-head:before{content:none}body[data-surface="classes"] .sec-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 42%,rgba(255,255,255,.10));pointer-events:none}body[data-surface="classes"] .sec-head h3,body[data-surface="classes"] .sec-head p,body[data-surface="classes"] .head-chip{position:relative;z-index:1}body[data-surface="classes"] .sec-head h3,body[data-surface="classes"] .sec-head h3[style]{color:#fff !important;letter-spacing:0}body[data-surface="classes"] .sec-head p,body[data-surface="classes"] .sec-head p[style]{color:rgba(255,255,255,.78) !important}body[data-surface="classes"] .head-chip,body[data-surface="classes"] .head-chip[style]{border-radius:999px !important;background:rgba(255,255,255,.16) !important;border:1px solid rgba(255,255,255,.20) !important;color:#fff !important;letter-spacing:.04em}body[data-surface="classes"] .head-chip-link{text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}body[data-surface="classes"] .head-chip-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.38)}body[data-surface="classes"]:is(.card,.an-card,.seo-block,.seo-video-index article,.kpi,.class-promo-card,.modal-content,.skel-card){border:1px solid var(--cl-line);border-radius:14px;background:var(--cl-surface);box-shadow:var(--cl-shadow-sm);background-clip:padding-box}body[data-surface="classes"]:is(.card,.an-card,.seo-block,.seo-video-index article,.kpi,.class-promo-card){transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}body[data-surface="classes"]:is(.card,.an-card,.seo-block,.seo-video-index article,.kpi,.class-promo-card):hover{border-color:var(--cl-line-strong);box-shadow:0 12px 28px rgba(16,24,40,.09)}body[data-surface="classes"] .an-card::before{content:none}body[data-surface="classes"] .an-head,body[data-surface="classes"] .card h4,body[data-surface="classes"] .seo-block h1,body[data-surface="classes"] .seo-video-index a,body[data-surface="classes"] .vid-title,body[data-surface="classes"] .modal-title{letter-spacing:0;color:var(--cl-ink)}body[data-surface="classes"]:is(.seo-block p,.seo-video-index p,.vid-desc,.vid-meta,.seo-video-index small,.kpi label,.top-brand-sub){color:var(--cl-muted)}body[data-surface="classes"] .class-promo-stack{gap:16px}body[data-surface="classes"] .class-promo-card{color:#fff;overflow:hidden;min-height:150px;isolation:isolate;text-decoration:none}body[data-surface="classes"] .class-promo-card strong,body[data-surface="classes"] .class-promo-card span{position:relative;z-index:1;color:#fff}body[data-surface="classes"] .class-promo-card .promo-meta{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24)}body[data-surface="classes"] .class-promo-card.youtube-live{background:linear-gradient(135deg,#f43f5e 0%,#991b1b 100%) !important;border-color:rgba(255,255,255,.28)}body[data-surface="classes"] .class-promo-card.youtube-video{background:linear-gradient(135deg,#06b6d4 0%,#1d4ed8 100%) !important;border-color:rgba(255,255,255,.28)}body[data-surface="classes"] .class-promo-card.youtube-course{background:linear-gradient(135deg,#f59e0b 0%,#be123c 100%) !important;border-color:rgba(255,255,255,.28)}body[data-surface="classes"] .class-promo-card.youtube-more{background:linear-gradient(135deg,#14b8a6 0%,#1e40af 100%) !important;border-color:rgba(255,255,255,.28)}body[data-surface="classes"] .class-promo-card:hover{box-shadow:0 18px 36px rgba(16,24,40,.18);transform:translateY(-3px)}body[data-surface="classes"] .class-promo-card:focus-visible{outline:3px solid rgba(237,71,87,.35);outline-offset:3px}body[data-surface="classes"] .class-promo-card::before{content:"";position:absolute;inset:auto 12px 12px auto;width:56px;height:56px;border:1px solid rgba(255,255,255,.18);border-radius:18px;transform:rotate(12deg);background:rgba(255,255,255,.10)}body[data-surface="classes"] .subscribe-card{background:linear-gradient(180deg,#fff 0%,#fff7f8 100%)}body[data-surface="classes"] .kpi strong{color:var(--cl-red);background:linear-gradient(135deg,var(--cl-red),var(--cl-blue));-webkit-background-clip:text;background-clip:text}body[data-surface="classes"]:is(.seo-tags a,.seo-tags span,.fc,.vid-tag,.vid-badge,.modal-status){border-radius:999px;font-weight:800;letter-spacing:0}body[data-surface="classes"] .toolbar{gap:10px}body[data-surface="classes"] .fc{min-height:36px;background:#fff;border-color:var(--cl-line);color:#344054}body[data-surface="classes"] .fc:hover{background:var(--cl-blue-soft);border-color:rgba(24,90,188,.28);color:var(--cl-blue)}body[data-surface="classes"] .fc.active{background:linear-gradient(135deg,var(--cl-red),var(--cl-red-dark));border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(237,71,87,.20)}body[data-surface="classes"]:is(.inp,input,select){min-height:40px;border-radius:10px;border:1px solid var(--cl-line-strong);background:#fff;color:var(--cl-ink);box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}body[data-surface="classes"]:is(.inp,input,select):focus{border-color:rgba(237,71,87,.70);box-shadow:0 0 0 3px rgba(237,71,87,.14);outline:0}body[data-surface="classes"]:is(.btn,.navbtn,.sbtn,.fc,.modal-action-btn){border-radius:10px;font-weight:800;letter-spacing:0;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}body[data-surface="classes"]:is(.btn,.navbtn,.fc,.modal-action-btn):hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,24,40,.10)}body[data-surface="classes"] .btn-p{background:linear-gradient(135deg,var(--cl-red),var(--cl-red-dark));border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(237,71,87,.22)}body[data-surface="classes"] .btn-s{background:#fff;border:1px solid var(--cl-line-strong);color:var(--cl-ink)}body[data-surface="classes"] .vid-card{overflow:hidden}body[data-surface="classes"] .vid-thumb{background:#e8eef6}body[data-surface="classes"] .discovery-trust-strip,body[data-surface="classes"] .content-brief,body[data-surface="classes"] .personal-brief{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--cl-line);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f8fbff 62%,#fff5f6 100%);box-shadow:var(--cl-shadow-sm)}body[data-surface="classes"] .discovery-trust-strip>div:first-child,body[data-surface="classes"] .content-brief>span,body[data-surface="classes"] .personal-brief>span{min-width:0}body[data-surface="classes"] .discovery-trust-strip span:first-child{display:inline-flex;width:max-content;max-width:100%;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;background:#eef6ff;border:1px solid #d5e6fb;color:#185abc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}body[data-surface="classes"] .discovery-trust-strip strong,body[data-surface="classes"] .content-brief strong,body[data-surface="classes"] .personal-brief strong{display:block;color:var(--cl-ink);font-family:'Cinzel',serif;font-size:15px;line-height:1.25}body[data-surface="classes"] .discovery-trust-strip strong{margin-top:8px;font-size:17px}body[data-surface="classes"] .discovery-trust-strip p,body[data-surface="classes"] .content-brief span,body[data-surface="classes"] .personal-brief span{color:var(--cl-muted);font-size:12.5px;font-weight:700;line-height:1.55}body[data-surface="classes"] .discovery-trust-strip p{max-width:820px;margin:6px 0 0}body[data-surface="classes"] .geo-pills{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:0 1 420px}body[data-surface="classes"] .geo-pills span{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:#fff;border:1px solid var(--cl-line-strong);color:var(--cl-ink);font-size:11px;font-weight:900}body[data-surface="classes"] .content-brief,body[data-surface="classes"] .personal-brief{background:#fff}body[data-surface="classes"] .shorts-brief{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%);border-color:#fed7aa}body[data-surface="classes"] .empty-state-personal{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border-style:solid;box-shadow:var(--cl-shadow-sm)}body[data-surface="classes"] .course-library-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:14px;align-items:stretch}body[data-surface="classes"] .course-library-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body[data-surface="classes"] .course-library-metrics div{min-height:86px;padding:14px;border-radius:14px;border:1px solid var(--cl-line);background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);box-shadow:var(--cl-shadow-sm)}body[data-surface="classes"] .course-library-metrics span{display:block;color:var(--cl-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}body[data-surface="classes"] .course-library-metrics strong{display:block;margin-top:8px;color:var(--cl-ink);font-family:'Cinzel',serif;font-size:25px;line-height:1}body[data-surface="classes"] .course-library-tools{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;align-content:center;padding:14px;border:1px solid var(--cl-line);border-radius:14px;background:#fff;box-shadow:var(--cl-shadow-sm)}body[data-surface="classes"] .course-library-tools .inp{height:42px;background:#f8fbff}body[data-surface="classes"] .course-chip-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}body[data-surface="classes"] .course-card{border-color:#dbeafe;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}body[data-surface="classes"] .course-card:hover{border-color:rgba(24,90,188,.30)}body[data-surface="classes"] .course-card .vid-thumb{background:linear-gradient(135deg,#0f213b 0%,#185abc 58%,#ed4757 100%)}body[data-surface="classes"] .course-card .vid-thumb::after{content:'';position:absolute;inset:auto 0 0 0;height:44%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(15,23,42,.30))}body[data-surface="classes"] .course-card .vid-badge{background:#1673d1!important;border-radius:999px;padding:7px 13px;box-shadow:0 10px 24px rgba(22,115,209,.24)}body[data-surface="classes"] .course-card .vid-duration{z-index:2;border-radius:8px;background:rgba(15,32,51,.92);font-weight:900}body[data-surface="classes"] .course-card .vid-info{padding:18px 20px 20px}body[data-surface="classes"] .course-card .vid-title{font-size:16px;line-height:1.45;-webkit-line-clamp:2;line-clamp:2}body[data-surface="classes"] .course-card .vid-desc{-webkit-line-clamp:2;line-clamp:2;min-height:36px}body[data-surface="classes"] .course-card .course-stats{margin:2px 0 12px}body[data-surface="classes"] .course-card .vid-footer{border-top-color:#e7edf5}body[data-surface="classes"] .course-open-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--cl-line);color:var(--cl-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}body[data-surface="classes"] .course-open-row strong{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,#185abc,#0ea5e9);color:#fff;box-shadow:0 8px 18px rgba(24,90,188,.20)}body[data-surface="classes"] .empty-state-courses{background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eff6ff 100%);border-style:solid;box-shadow:var(--cl-shadow-sm)}body[data-surface="classes"] .posts-brief{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--cl-line);border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#fff5f6 100%);box-shadow:0 6px 18px rgba(15,23,42,.05)}body[data-surface="classes"] .live-command-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body[data-surface="classes"] .live-command-card{position:relative;overflow:hidden;min-height:116px;border:1px solid var(--cl-line);border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;box-shadow:var(--cl-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}body[data-surface="classes"] .live-command-card::after{content:'';position:absolute;right:-26px;bottom:-34px;width:104px;height:104px;border-radius:999px;background:rgba(255,255,255,.22)}body[data-surface="classes"] .live-command-card:hover{transform:translateY(-2px);box-shadow:var(--cl-shadow);border-color:rgba(237,71,87,.28)}body[data-surface="classes"] .live-command-card span,body[data-surface="classes"] .live-command-card strong,body[data-surface="classes"] .live-command-card small{position:relative;z-index:1}body[data-surface="classes"] .live-command-card span{width:max-content;max-width:100%;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.72);color:#102033;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}body[data-surface="classes"] .live-command-card strong{color:#fff;font-family:'Cinzel',serif;font-size:17px;line-height:1.2;margin-top:12px}body[data-surface="classes"] .live-command-card small{color:rgba(255,255,255,.86);font-size:12px;font-weight:800;margin-top:6px}body[data-surface="classes"] .live-command-card.live-now{background:linear-gradient(135deg,#f43f5e 0%,#991b1b 100%)}body[data-surface="classes"] .live-command-card.recorded{background:linear-gradient(135deg,#06b6d4 0%,#1d4ed8 100%)}body[data-surface="classes"] .live-command-card.notices{background:linear-gradient(135deg,#f59e0b 0%,#be123c 100%)}body[data-surface="classes"] .empty-state-live{display:flex;align-items:center;justify-content:center;gap:18px;min-height:185px;padding:28px;text-align:left;border-style:solid;background:radial-gradient(circle at top left,rgba(237,71,87,.08),transparent 20rem),linear-gradient(135deg,#fff 0%,#f8fbff 100%);box-shadow:var(--cl-shadow-sm)}body[data-surface="classes"] .empty-state-live .empty-icon{flex:0 0 auto;width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-family:'Cinzel',serif;font-size:14px;font-weight:900;letter-spacing:.06em;box-shadow:0 18px 34px rgba(237,71,87,.24)}body[data-surface="classes"] .empty-state-live.is-upcoming-empty .empty-icon{background:linear-gradient(135deg,#1a6bbf,#0ea5e9);box-shadow:0 18px 34px rgba(26,107,191,.22)}body[data-surface="classes"] .empty-state-live .empty-copy{max-width:720px}body[data-surface="classes"] .empty-state-live strong{font-family:'Cinzel',serif;font-size:20px;color:var(--cl-ink)}body[data-surface="classes"] .empty-state-live span{margin:8px 0 0;color:var(--cl-muted);font-size:14px;line-height:1.6}body[data-surface="classes"] .empty-state-live .empty-actions{justify-content:flex-start}body[data-surface="classes"] .posts-brief strong{color:var(--cl-ink);font-family:'Cinzel',serif;font-size:15px}body[data-surface="classes"] .posts-brief span{color:var(--cl-muted);font-weight:700;font-size:12.5px;text-align:right}body[data-surface="classes"] .post-card{border-color:#ffd4da;background:linear-gradient(180deg,#fff 0%,#fffafb 100%)}body[data-surface="classes"] .post-card:hover{border-color:rgba(237,71,87,.38)}body[data-surface="classes"] .post-card .vid-thumb{min-height:180px;background:radial-gradient(circle at top left,rgba(237,71,87,.22),transparent 36%),linear-gradient(135deg,#102033 0%,#1d4ed8 54%,#ed4757 100%)}body[data-surface="classes"] .post-card .course-fallback-cover{background:transparent}body[data-surface="classes"] .post-card .vid-duration{background:#fff;color:#b91c1c}body[data-surface="classes"] .post-card .vid-info{position:relative}body[data-surface="classes"] .post-card .vid-title{font-size:15px}body[data-surface="classes"] .post-card .vid-desc{-webkit-line-clamp:3;line-clamp:3}body[data-surface="classes"] .post-open-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--cl-line);color:var(--cl-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}body[data-surface="classes"] .post-open-row strong{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 18px rgba(237,71,87,.22)}body[data-surface="classes"] .vid-bookmark{border-radius:999px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}body[data-surface="classes"] .modal-overlay{background:rgba(15,23,42,.62)}body[data-surface="classes"] .modal-content{border-radius:16px;box-shadow:var(--cl-shadow-lg)}body[data-surface="classes"] .modal-header,body[data-surface="classes"] .modal-footer{border-color:var(--cl-line)}body[data-surface="classes"]::-webkit-scrollbar{width:10px;height:10px}body[data-surface="classes"]::-webkit-scrollbar-track{background:transparent}body[data-surface="classes"]::-webkit-scrollbar-thumb{background:#c7d2e2;border:2px solid transparent;border-radius:999px;background-clip:padding-box}body[data-surface="classes"]::-webkit-scrollbar-thumb:hover{background:#98a8bc;border:2px solid transparent;background-clip:padding-box}@media(max-width:2000px){body[data-surface="classes"] .class-promo-stack{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-surface="classes"] .g3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}body[data-surface="classes"] .g4{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-surface="classes"] .ga{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}}@media(max-width:1200px){body[data-surface="classes"] .class-promo-stack{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){body[data-surface="classes"] .app{grid-template-columns:1fr;overflow:visible}body[data-surface="classes"] .sidebar{display:none;width:0;height:0;border:none;padding:0;margin:0}body[data-surface="classes"] .shell{height:auto;min-height:calc(100vh - 36px);overflow:visible}body[data-surface="classes"] .class-promo-stack{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-surface="classes"] .g3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}body[data-surface="classes"] .g4{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-surface="classes"] .ga{grid-template-columns:1fr}body[data-surface="classes"] .sec-head{padding:clamp(16px,3vw,26px) clamp(14px,3vw,30px);gap:clamp(10px,2vw,14px)}body[data-surface="classes"] .sec-head h3{font-size:clamp(18px,4vw,24px)}}@media(max-width:768px){body[data-surface="classes"] .topbar{padding:clamp(8px,2vw,10px) clamp(10px,3vw,14px);gap:clamp(4px,1.5vw,6px)}body[data-surface="classes"] .top-nav .navbtn{flex:1 1 calc(50% - 2px);font-size:clamp(9px,2.5vw,11px);padding:clamp(6px,1.5vw,8px) clamp(4px,1vw,6px);min-height:clamp(32px,7vw,34px)}body[data-surface="classes"] .class-promo-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,12px)}body[data-surface="classes"] .class-promo-card{min-height:clamp(120px,35vw,140px);padding:clamp(12px,2.5vw,16px)}body[data-surface="classes"] .class-promo-card strong{font-size:clamp(12px,3vw,15px)}body[data-surface="classes"] .class-promo-card span{font-size:clamp(10px,2vw,11px)}body[data-surface="classes"] .g3{grid-template-columns:1fr}body[data-surface="classes"] .g4{grid-template-columns:1fr}body[data-surface="classes"] .ga{grid-template-columns:1fr}body[data-surface="classes"] .ws{padding:clamp(10px,2vw,16px) clamp(10px,3vw,16px)}body[data-surface="classes"] .video-container{max-height:40dvh}body[data-surface="classes"] .modal-content{width:min(100%,calc(100vw - 16px));max-height:calc(100dvh - 16px)}body[data-surface="classes"] .modal-rec-item{flex-basis:calc(50% - 6px)}}@media(max-width:640px){body[data-surface="classes"] .topbar{flex-direction:column;align-items:stretch}body[data-surface="classes"] .top-brand{order:1;width:100%}body[data-surface="classes"] .top-search{order:2;width:100%;margin-top:clamp(4px,1vw,6px)}body[data-surface="classes"] .top-nav{order:3;width:100%;margin-top:clamp(4px,1vw,6px);justify-content:space-between;gap:clamp(2px,1vw,4px)}body[data-surface="classes"] .top-nav .navbtn{flex:1 1 calc(33.33% - 2px);font-size:clamp(8px,2vw,10px);padding:clamp(5px,1vw,7px) clamp(3px,0.5vw,5px);min-height:clamp(30px,6vw,32px);min-width:0}body[data-surface="classes"] .class-promo-stack{grid-template-columns:1fr;gap:clamp(8px,2vw,10px)}body[data-surface="classes"] .class-promo-card{min-height:clamp(110px,40vw,130px);padding:clamp(10px,2vw,14px)}body[data-surface="classes"] .class-promo-card strong{font-size:clamp(12px,2.5vw,14px)}body[data-surface="classes"] .class-promo-card span{font-size:clamp(10px,1.8vw,11px)}body[data-surface="classes"] .sec-head{padding:clamp(12px,2.5vw,16px) clamp(12px,2.5vw,16px)}body[data-surface="classes"] .sec-head h3{font-size:clamp(16px,3.5vw,20px);gap:clamp(5px,1.5vw,8px)}body[data-surface="classes"] .sec-head h3 svg{width:clamp(16px,4vw,18px);height:clamp(16px,4vw,18px)}body[data-surface="classes"] .sec-head p{font-size:clamp(10px,1.8vw,12px)}body[data-surface="classes"] .head-chip{font-size:clamp(8px,1.5vw,9px);padding:0 clamp(5px,1vw,7px);min-height:clamp(18px,4vw,20px)}body[data-surface="classes"] .ws{padding:clamp(10px,2vw,14px) clamp(10px,2vw,12px)}body[data-surface="classes"] .inp{min-height:clamp(36px,9vw,38px);font-size:clamp(11px,2vw,12px)}body[data-surface="classes"] .video-container{max-height:35dvh}body[data-surface="classes"] .modal-rec-item{flex-basis:100%}}@media(max-width:480px){body[data-surface="classes"] .topbar{padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,10px)}body[data-surface="classes"] .top-nav .navbtn{flex:1 1 calc(25% - 1px);font-size:clamp(7px,1.8vw,9px);padding:clamp(4px,1vw,6px) clamp(2px,0.5vw,4px);min-height:clamp(28px,6vw,30px)}body[data-surface="classes"] .top-nav .navbtn svg{width:clamp(10px,2.5vw,11px);height:clamp(10px,2.5vw,11px)}body[data-surface="classes"] .class-promo-card{min-height:clamp(100px,45vw,120px);padding:clamp(8px,2vw,12px)}body[data-surface="classes"] .class-promo-card strong{font-size:clamp(11px,2.2vw,13px);line-height:1.2}body[data-surface="classes"] .class-promo-card span{font-size:clamp(9px,1.6vw,10px);margin-top:clamp(2px,1vw,4px)}body[data-surface="classes"] .class-promo-card .promo-meta{font-size:clamp(7px,1.5vw,8px);padding:0 clamp(4px,1vw,6px);min-height:clamp(18px,4vw,20px)}body[data-surface="classes"] .class-promo-card::before{display:none}body[data-surface="classes"] .ws{padding:clamp(8px,1.5vw,10px) clamp(8px,2vw,10px)}body[data-surface="classes"] .sec-head{padding:clamp(10px,2vw,14px) clamp(10px,2vw,12px)}body[data-surface="classes"] .sec-head h3{font-size:clamp(14px,3vw,16px)}body[data-surface="classes"] .sec-head p{font-size:clamp(9px,1.5vw,10px)}body[data-surface="classes"] .modal-header,body[data-surface="classes"] .modal-footer{padding:clamp(8px,1.5vw,10px)}body[data-surface="classes"] .modal-title{font-size:clamp(11px,2vw,12px)}body[data-surface="classes"] .btn,body[data-surface="classes"] .navbtn,body[data-surface="classes"] .sbtn,body[data-surface="classes"] .fc,body[data-surface="classes"] .modal-action-btn{width:100%;font-size:clamp(10px,2vw,11px);min-height:clamp(32px,8vw,34px);padding:clamp(6px,1vw,8px) clamp(8px,2vw,12px)}body[data-surface="classes"] .card{padding:clamp(10px,2vw,14px)}body[data-surface="classes"] .card h4{font-size:clamp(11px,2vw,12px)}body[data-surface="classes"] .seo-block{padding:clamp(10px,2vw,14px) clamp(10px,2vw,14px)}body[data-surface="classes"] .seo-block h1{font-size:clamp(14px,3vw,16px)}body[data-surface="classes"] .seo-block p{font-size:clamp(9px,1.8vw,11px)}body[data-surface="classes"] .vid-title{font-size:clamp(11px,2vw,12px)}body[data-surface="classes"] .vid-desc{font-size:clamp(10px,1.8vw,11px)}body[data-surface="classes"] .vid-info{padding:clamp(10px,2vw,14px)}}@media(max-width:360px){body[data-surface="classes"] .topbar{padding:clamp(5px,1vw,6px) clamp(6px,1.5vw,8px);gap:clamp(3px,1vw,4px)}body[data-surface="classes"] .top-brand-title{font-size:clamp(10px,2.5vw,12px);display:block;white-space:nowrap}body[data-surface="classes"] .top-brand-sub{display:none}body[data-surface="classes"] .top-brand-mark{width:clamp(24px,6vw,28px);height:clamp(24px,6vw,28px)}body[data-surface="classes"] .top-nav .navbtn{flex:1 1 20%;font-size:clamp(6px,1.5vw,8px);padding:clamp(4px,0.8vw,5px) clamp(2px,0.3vw,3px)}body[data-surface="classes"] .top-nav .navbtn svg{display:none}body[data-surface="classes"] .class-promo-card{min-height:clamp(90px,50vw,100px);padding:clamp(8px,1.5vw,10px)}body[data-surface="classes"] .class-promo-card strong{font-size:clamp(10px,2vw,11px)}body[data-surface="classes"] .class-promo-card span{font-size:clamp(8px,1.5vw,9px)}body[data-surface="classes"] .ws{padding:clamp(6px,1vw,8px) clamp(6px,1.5vw,8px)}body[data-surface="classes"] .inp{min-height:clamp(34px,8vw,36px);font-size:clamp(10px,1.8vw,11px)}body[data-surface="classes"] .modal-content{max-height:calc(100dvh - 12px);width:min(100%,calc(100vw - 8px))}body[data-surface="classes"] .card{padding:clamp(8px,1.5vw,10px)}body[data-surface="classes"] .seo-block{padding:clamp(8px,1.5vw,10px) clamp(8px,1.5vw,10px)}}body[data-surface="classes"]{overflow-x:hidden}body[data-surface="classes"] .app,body[data-surface="classes"] .shell,body[data-surface="classes"] .ws,body[data-surface="classes"] .panel,body[data-surface="classes"] .sec-head,body[data-surface="classes"] .card{min-width:0}body[data-surface="classes"] .tbl,body[data-surface="classes"] .tbr{min-width:0;max-width:100%}body[data-surface="classes"]:is(.vid-title,.vid-desc,.modal-title,.empty-state,.sec-head h3,.sec-head p,.class-promo-card strong,.class-promo-card span){overflow-wrap:anywhere}body[data-surface="classes"] .topbar{flex-wrap:nowrap;align-items:center}body[data-surface="classes"] .top-brand{flex:0 1 auto;width:auto}body[data-surface="classes"] .top-search{width:auto;max-width:380px;flex:1 1 220px;order:0;margin-top:0}body[data-surface="classes"] .top-nav{width:auto;flex:0 1 auto;order:0;margin-top:0;justify-content:flex-end}body[data-surface="classes"] .top-nav .navbtn{flex:0 1 auto}@media(max-width:1024px){body[data-surface="classes"] .app{display:block;min-height:auto;height:auto;overflow:visible}body[data-surface="classes"] .sidebar{display:block;position:sticky;top:36px;z-index:96;width:100%;height:auto;max-height:none;padding:8px 10px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 10px 24px rgba(16,24,40,.16);scrollbar-width:none}body[data-surface="classes"] .sidebar::-webkit-scrollbar{display:none}body[data-surface="classes"] .brand,body[data-surface="classes"] .sg-label{display:none}body[data-surface="classes"] .snav-wrap{display:flex;align-items:center;gap:8px;min-width:max-content}body[data-surface="classes"] .snav{display:flex;align-items:center;gap:8px}body[data-surface="classes"] .sbtn{width:auto;min-width:max-content;min-height:40px;margin:0;padding:0 12px;border-radius:999px;white-space:nowrap}body[data-surface="classes"] .sbtn svg{width:15px;height:15px}body[data-surface="classes"] .smeta strong{font-size:12px}body[data-surface="classes"] .shell{display:block;height:auto;min-height:auto;overflow:visible}body[data-surface="classes"] .topbar{top:36px}body[data-surface="classes"] .ws{display:block;overflow:visible}body[data-surface="classes"] .panel.active{display:grid}}@media(max-width:768px){body[data-surface="classes"] .ticker-wrap{position:relative;top:auto}body[data-surface="classes"] .sidebar,body[data-surface="classes"] .topbar{top:0}body[data-surface="classes"] .topbar{position:relative;flex-wrap:wrap}body[data-surface="classes"] .top-brand,body[data-surface="classes"] .top-search,body[data-surface="classes"] .top-nav{width:100%}body[data-surface="classes"] .top-search{max-width:100%;flex:1 1 100%;order:2;margin-top:clamp(4px,1vw,6px)}body[data-surface="classes"] .top-nav{order:3;margin-top:clamp(4px,1vw,6px)}body[data-surface="classes"] .top-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}body[data-surface="classes"] .top-nav .navbtn{width:auto;min-width:0;flex:none}body[data-surface="classes"] .toolbar{display:block;overflow:hidden}body[data-surface="classes"] .tbl{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}body[data-surface="classes"] .tbl::-webkit-scrollbar{display:none}body[data-surface="classes"] .fc{width:auto;flex:0 0 auto;scroll-snap-align:start}body[data-surface="classes"] .kpi-g{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-surface="classes"] .modal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}body[data-surface="classes"] .modal-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}body[data-surface="classes"] .modal-nav-controls{grid-column:1 / -1;order:0;width:100%;margin-left:0}body[data-surface="classes"] .modal-close{grid-column:2;grid-row:1}body[data-surface="classes"] .modal-action-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}body[data-surface="classes"] .live-command-strip{grid-template-columns:1fr;gap:10px}body[data-surface="classes"] .course-library-bar{grid-template-columns:1fr}body[data-surface="classes"] .discovery-trust-strip,body[data-surface="classes"] .content-brief,body[data-surface="classes"] .personal-brief{display:grid;grid-template-columns:1fr;gap:12px}body[data-surface="classes"] .geo-pills{justify-content:flex-start;flex:1 1 auto}body[data-surface="classes"] .course-library-tools{grid-template-columns:1fr}body[data-surface="classes"] .course-chip-row{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}body[data-surface="classes"] .course-chip-row::-webkit-scrollbar{display:none}body[data-surface="classes"] .course-chip-row .fc{flex:0 0 auto}body[data-surface="classes"] .live-command-card{min-height:104px}body[data-surface="classes"] .empty-state-live{display:grid;grid-template-columns:1fr;text-align:center;justify-items:center;padding:22px 16px}body[data-surface="classes"] .empty-state-live .empty-actions{justify-content:center}body[data-surface="classes"] .modal-action-btn,body[data-surface="classes"] .modal-actions .btn{width:100%}body[data-surface="classes"] .modal-status{width:100%;justify-content:center}}@media(max-width:520px){body[data-surface="classes"] .top-nav{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-surface="classes"] .top-nav .navbtn{font-size:11px;min-height:36px}body[data-surface="classes"] .sbtn{min-height:38px;padding:0 11px}body[data-surface="classes"] .class-promo-stack,body[data-surface="classes"] .g3,body[data-surface="classes"] .g4,body[data-surface="classes"] .ga{grid-template-columns:minmax(0,1fr)}body[data-surface="classes"] .course-library-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body[data-surface="classes"] .course-library-metrics div{min-height:74px;padding:10px}body[data-surface="classes"] .course-library-metrics strong{font-size:20px}body[data-surface="classes"] .course-library-metrics span{font-size:8.5px}body[data-surface="classes"] .discovery-trust-strip,body[data-surface="classes"] .content-brief,body[data-surface="classes"] .personal-brief{padding:13px 12px;border-radius:12px}body[data-surface="classes"] .geo-pills{gap:6px}body[data-surface="classes"] .geo-pills span{min-height:25px;padding:0 8px;font-size:10px}body[data-surface="classes"] .course-card .vid-info{padding:14px}body[data-surface="classes"] .course-open-row{align-items:flex-start;flex-direction:column}body[data-surface="classes"] .sec-head{display:grid;grid-template-columns:minmax(0,1fr)}body[data-surface="classes"] .head-chip{width:max-content;max-width:100%}body[data-surface="classes"] .kpi-g{gap:8px}body[data-surface="classes"] .kpi{padding:10px}body[data-surface="classes"] .vid-footer{gap:6px}body[data-surface="classes"] .modal-content{width:100%;max-height:100dvh;border-radius:0}body[data-surface="classes"] .modal-overlay{padding:0;align-items:stretch}body[data-surface="classes"] .modal-overlay.active{display:flex}body[data-surface="classes"] .modal-action-group{grid-template-columns:minmax(0,1fr)}body[data-surface="classes"] .seoSearchBtn,body[data-surface="classes"] #seoSearchBtn{width:100%}body[data-surface="classes"] .ref-toast{left:10px;right:10px;bottom:10px;justify-content:center}}body[data-surface="classes"] .modal-overlay{padding:clamp(10px,2vw,18px)}body[data-surface="classes"] .modal-content{width:min(1180px,calc(100vw - clamp(20px,4vw,36px)));max-height:calc(100dvh - clamp(20px,4vw,36px));background:#fff;border-radius:16px;overflow:auto}body[data-surface="classes"] .modal-header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px clamp(14px,2.4vw,22px);background:rgba(248,251,255,.96);backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%)}body[data-surface="classes"] .modal-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;padding-right:4px}body[data-surface="classes"] .modal-close{width:38px;height:38px;font-size:24px;box-shadow:0 4px 12px rgba(16,24,40,.08)}body[data-surface="classes"] .video-container{width:100%;aspect-ratio:16 / 9;max-height:min(62dvh,650px);background:#050505}body[data-surface="classes"] .video-shell{width:100%;background:#050505}body[data-surface="classes"] .modal-nav-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:12px clamp(14px,2.4vw,22px);background:#fff;border-top:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line)}body[data-surface="classes"] .modal-nav-btn{min-height:46px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:12px;border:1px solid var(--cl-line-strong);background:linear-gradient(180deg,#fff,#f8fafc);color:var(--cl-ink);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px rgba(16,24,40,.06)}body[data-surface="classes"] .modal-nav-btn:hover{background:#fff5f6;border-color:rgba(237,71,87,.36);color:var(--cl-red-dark);transform:translateY(-1px);box-shadow:0 12px 24px rgba(16,24,40,.10)}body[data-surface="classes"] .modal-nav-btn:focus-visible{outline:3px solid rgba(237,71,87,.22);outline-offset:2px}body[data-surface="classes"] .modal-recommendations{padding:16px clamp(14px,2.4vw,22px) 18px}body[data-surface="classes"] .modal-footer{padding:14px clamp(14px,2.4vw,22px) 18px}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-content{width:min(980px,calc(100vw - clamp(20px,4vw,36px)));background:#fff}body[data-surface="classes"] .modal-overlay.is-short-mode .video-container{width:min(430px,100%);aspect-ratio:9 / 16;max-height:min(64dvh,720px);margin:0 auto;border-inline:1px solid var(--cl-line);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 18px 44px rgba(16,24,40,.14)}body[data-surface="classes"] .modal-overlay.is-short-mode .video-shell{width:min(430px,100%);margin:0 auto;background:transparent}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-nav-controls{width:min(430px,100%);margin:0 auto;border:1px solid var(--cl-line);border-top:0;border-radius:0 0 14px 14px;padding:10px;background:#f8fafc}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-nav-btn{min-height:44px}@media(max-width:768px){body[data-surface="classes"] .modal-overlay{padding:8px;align-items:start}body[data-surface="classes"] .modal-content{width:100%;max-height:calc(100dvh - 16px);border-radius:14px}body[data-surface="classes"] .modal-header{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}body[data-surface="classes"] .modal-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px}body[data-surface="classes"] .video-container{max-height:46dvh}body[data-surface="classes"] .modal-nav-controls{grid-column:auto;order:0;padding:10px 12px}body[data-surface="classes"] .modal-nav-btn{min-height:42px;padding:0 10px;font-size:11px}body[data-surface="classes"] .modal-overlay.is-short-mode .video-container{width:min(360px,100%);max-height:58dvh}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-nav-controls{width:min(360px,100%)}}@media(max-width:520px){body[data-surface="classes"] .modal-overlay{padding:0;align-items:stretch}body[data-surface="classes"] .modal-content{max-height:100dvh;border-radius:0;border-left:0;border-right:0}body[data-surface="classes"] .modal-nav-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 10px}body[data-surface="classes"] .modal-nav-btn{width:100%;min-height:42px;font-size:10.5px}body[data-surface="classes"] .modal-action-group{grid-template-columns:minmax(0,1fr)}body[data-surface="classes"] .modal-overlay.is-short-mode .video-container,body[data-surface="classes"] .modal-overlay.is-short-mode .modal-nav-controls{width:min(100%,350px)}}body[data-surface="classes"] .modal-overlay.is-video-mode .modal-content{width:min(1120px,calc(100vw - clamp(20px,4vw,40px)))}body[data-surface="classes"] .modal-overlay.is-video-mode .video-container{width:100%;max-height:min(60dvh,620px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}body[data-surface="classes"] .modal-overlay.is-player-expanded{padding:0;background:#050505}body[data-surface="classes"] .modal-overlay.is-player-expanded .modal-content{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#050505}body[data-surface="classes"] .modal-overlay.is-player-expanded .modal-header,body[data-surface="classes"] .modal-overlay.is-player-expanded .modal-nav-controls,body[data-surface="classes"] .modal-overlay.is-player-expanded .modal-recommendations,body[data-surface="classes"] .modal-overlay.is-player-expanded .modal-footer{display:none}body[data-surface="classes"] .modal-overlay.is-player-expanded .video-shell{width:100vw;height:100dvh;display:grid;place-items:center;background:#050505}body[data-surface="classes"] .modal-overlay.is-player-expanded .video-container{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto}body[data-surface="classes"] .modal-overlay.is-player-expanded.is-short-mode .video-container{width:min(100vw,calc(100dvh * 9 / 16));height:100dvh;max-height:none;margin:0 auto;border:0}body[data-surface="classes"] .modal-overlay.is-player-expanded .player-size-btn{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:10002;background:rgba(237,71,87,.94)}body[data-surface="classes"] .modal-overlay.is-player-expanded .player-size-btn .icon-max{display:none}body[data-surface="classes"] .modal-overlay.is-player-expanded .player-size-btn .icon-min{display:block}body[data-surface="classes"] .modal-overlay.is-video-mode .modal-nav-controls{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}body[data-surface="classes"] .modal-overlay.is-video-mode .modal-rec-thumb{aspect-ratio:16 / 9}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-content{overflow-x:hidden}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-header{border-bottom:1px solid var(--cl-line)}body[data-surface="classes"] .modal-overlay.is-short-mode .video-container{overflow:hidden;border-radius:0;background:linear-gradient(180deg,#050505,#111827)}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-list{gap:14px}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-item{flex-basis:clamp(170px,18vw,210px);border-radius:14px}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-thumb{aspect-ratio:9 / 16}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-thumb img{object-fit:cover}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-copy{min-height:82px}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-actions{align-items:flex-start}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-action-group{flex:1 1 auto}body[data-surface="classes"] .modal-overlay.is-short-mode #seoSearchBtn{border-radius:12px}body[data-surface="classes"] .modal-rec-head{align-items:center}body[data-surface="classes"] .modal-rec-head strong{font-size:15px}body[data-surface="classes"] .modal-rec-head span{padding:5px 9px;border-radius:999px;background:#eef6ff;color:#49657f}@media(max-width:768px){body[data-surface="classes"] .modal-overlay.is-video-mode .modal-content,body[data-surface="classes"] .modal-overlay.is-short-mode .modal-content{width:100%}body[data-surface="classes"] .modal-overlay.is-video-mode .video-container{max-height:42dvh}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-item{flex-basis:170px}}@media(max-width:520px){body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-list{display:grid;grid-auto-flow:column;grid-auto-columns:160px}body[data-surface="classes"] .modal-overlay.is-short-mode .modal-rec-item{width:160px}body[data-surface="classes"] .modal-rec-head{align-items:flex-start;flex-direction:column}}