:root{--bg:#0a0a0a;--surface:rgba(255,255,255,0.035);--surface-2:rgba(255,255,255,0.02);--border:rgba(255,255,255,0.09);--text:#e9e9e9;--muted:#a1a1a1;--purple:#5610e3;--pink:#e31064}.s-root{display:flex;min-height:100vh;background:radial-gradient(1100px 700px at 110% -20%,rgba(86,16,227,.1),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(227,16,100,.08),transparent 60%),var(--bg);color:var(--text)}.s-main{flex:1;min-width:0;padding:20px}.s-topbar{position:sticky;top:0;justify-content:space-between;gap:12px;padding:10px;margin:-6px -6px 16px;background:#0b0b0b;border-bottom:1px solid var(--border);z-index:2}.s-search,.s-topbar{display:flex;align-items:center}.s-search{gap:8px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:6px 10px;min-width:340px}.s-search input{background:transparent;border:none;outline:none;color:#ddd;width:100%;font-size:.92rem}.s-top-actions{display:flex;align-items:center;gap:8px}.s-icon-btn{border:1px solid var(--border);background:rgba(255,255,255,.04);color:#dadada;cursor:pointer;place-items:center}.s-avatar,.s-icon-btn{width:34px;height:34px;border-radius:10px;display:grid}.s-avatar{background:rgba(255,255,255,.06);place-items:center}.s-avatar,.s-panel{border:1px solid var(--border)}.s-panel{background:var(--surface);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25);margin-bottom:14px}.s-panel-header{padding:10px 12px;justify-content:space-between;border-bottom:1px solid var(--border)}.s-panel-header,.s-title{display:flex;align-items:center}.s-title{gap:8px}.s-title h2{margin:0;font-size:1rem;color:#ffffffd9;letter-spacing:.02em}.s-panel-body{padding:12px;background:var(--surface-2);border-radius:0 0 12px 12px}.s-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.course-card{background:rgba(255,255,255,.04)!important;border:1px solid var(--border)!important;color:#eaeaea!important}.course-info h3,.course-title{color:#fff!important}.subtitle{color:#bdbdbd!important}.progress-bar{background:rgba(255,255,255,.06)!important}.progress-fill{background:linear-gradient(90deg,var(--purple),var(--pink))!important}.progress-percent{color:#dcdcdc!important}.course-details{color:#c8c8c8!important}.resume-btn{background:var(--purple)!important}.reading-card{color:#fff!important}.reading-card.red{background:linear-gradient(180deg,rgba(227,16,100,.26),rgba(227,16,100,.18))!important;border:1px solid rgba(227,16,100,.35)}.reading-card.teal{background:linear-gradient(180deg,rgba(56,189,248,.26),rgba(56,189,248,.18))!important;border:1px solid rgba(56,189,248,.35)}.reading-card p,.recommended-card{color:#eaeaea!important}.recommended-card{background:rgba(255,255,255,.04)!important;border:1px solid var(--border)!important}.recommended-thumbnail{background:rgba(255,255,255,.05)!important}.play-icon{color:#eaeaea!important}.recommended-title{color:#fff!important}.recommended-instructor{color:#c8c8c8!important}.role-tag{color:#9ab6ff!important}.recommended-footer{color:#dadada!important}.s-main::-webkit-scrollbar{width:10px}.s-main::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:10px;border:2px solid transparent;background-clip:padding-box}@media (max-width:980px){.s-search{min-width:220px}}@media (max-width:760px){.s-root{flex-direction:column}.s-main{padding:14px}.s-topbar{position:relative;margin:0 0 12px}}.s-main{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}@media (max-width:900px){.s-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:640px){.s-grid{grid-template-columns:1fr}.s-panel{border-radius:10px}.s-panel-header{padding:8px 10px}.s-panel-body{padding:10px}.s-search{min-width:0;flex:1;padding:8px}}.s-title svg{filter:drop-shadow(0 0 4px rgba(246,9,143,.25))}.s-title h2{font-size:clamp(.95rem,1.2vw + .7rem,1.15rem)}.scc.card{background:#101010;border:1px solid #222;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;text-align:left;color:#eee}.scc.card:hover{transform:translateY(-3px);border-color:#2a2a2a;box-shadow:0 6px 18px rgba(0,0,0,.28)}.scc-thumbWrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;margin-bottom:2px}.scc-thumbImg{width:100%;height:100%;object-fit:cover;display:block}.scc-thumb{width:100%;height:100%;background:#151515;display:grid;place-items:center;color:#888}.scc-thumb.fallback span{font-size:1.5rem}.scc-title{font-size:1rem;font-weight:700;color:#fff;margin:2px 0 0;line-height:1.25}.scc-sub{font-size:.9rem;color:#b8b8b8;margin:2px 0 4px;line-height:1.3}.scc-chips{display:flex;flex-wrap:wrap;gap:6px}.scc-chip{display:inline-flex;gap:6px;align-items:center;font-size:.78rem;color:#ddd;padding:4px 8px;border-radius:999px;border:1px solid #2a2a2a;background:#0f0f0f}.scc-row{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:6px;color:#e5e5e5;flex-wrap:wrap}.scc-stat{display:inline-flex;gap:6px;align-items:center;font-size:.86rem;color:#e6e6e6}.scc-price{margin-left:auto;font-weight:800;background:linear-gradient(90deg,#5610e3,#e31064);-webkit-background-clip:text;background-clip:text;color:transparent}.scc-progress{height:8px;margin-top:6px}.skeleton .scc-thumb{background:#161616}.skeleton .scc-line{height:12px;background:#191919;border-radius:6px;margin-top:8px;animation:sccPulse 1.4s ease-in-out infinite}.skeleton .scc-line.w70{width:70%}.skeleton .scc-line.w90{width:90%}.skeleton .scc-line.w50{width:50%}@keyframes sccPulse{0%{opacity:.9}50%{opacity:.5}to{opacity:.9}}.ico{vertical-align:-2px;margin-right:6px}.ico.pink{color:#f6098f}.ico.blue{color:#1c99fe}.ico.aqua{color:#00ffcc}.ico.violet{color:#7a4ee0}.scc-chip .ico,.scc-stat .ico{margin-right:6px}.scc-progressWrap{margin-top:8px}.scc-progressMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.scc-percentPill{padding:4px 10px;border-radius:999px;font-weight:800;font-size:.8rem;color:#dfe;background:linear-gradient(90deg,rgba(0,255,204,.15),rgba(28,153,254,.12));border:1px solid rgba(0,255,204,.25);letter-spacing:.2px}.scc-percentPill.done{background:linear-gradient(90deg,rgba(68,214,44,.18),rgba(68,214,44,.12));border-color:rgba(68,214,44,.35);color:#eaffea}.scc-ctaPill{padding:4px 10px;border-radius:10px;font-weight:800;font-size:.8rem;color:#000;background:linear-gradient(90deg,#ffffff,#e9e9e9);border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 18px rgba(0,0,0,.15);transform:translateZ(0);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.scc.card:hover .scc-ctaPill{transform:translateY(-1px);filter:brightness(1.02)}.scc-ctaPill.new{background:linear-gradient(90deg,#5610e3,#e31064);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px rgba(227,16,100,.28)}.scc-ctaPill.cont{background:linear-gradient(90deg,#ffffff,#efefef);color:#111}.scc-ctaPill.done{background:linear-gradient(90deg,#35d04b,#8be89b);color:#06220a;border-color:rgba(68,214,44,.45);box-shadow:0 8px 22px rgba(68,214,44,.25)}.scc-ctaPill .arr{margin-left:6px}.scc-progress{position:relative;height:10px;background:#0f0f0f;border:1px solid #222;border-radius:999px;overflow:hidden;margin-top:2px}.scc-progress:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 0);background-size:25% 100%;pointer-events:none}.scc-progressFill{height:100%;background:linear-gradient(90deg,#00ffcc,#1c99fe);border-radius:999px;transition:width .3s ease;box-shadow:inset 0 0 8px rgba(0,0,0,.25)}.s-rail{position:sticky;top:0;height:100vh;width:320px;padding:20px 16px;background:#0f0f10;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:12px;overflow:hidden}.s-rail-inner{position:relative;height:100%}.s-rail-content{position:relative;z-index:0;transition:filter .25s ease,transform .25s ease,opacity .25s ease;will-change:filter,transform,opacity}@media (hover:hover){.s-rail:hover .s-rail-content{filter:blur(2.5px) brightness(.85);pointer-events:none}}.s-rail-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:30%;z-index:1;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .3s ease,transform .3s ease;pointer-events:none;background:radial-gradient(800px 400px at 70% -10%,rgba(246,9,143,.07),transparent 60%),radial-gradient(700px 500px at 0 110%,rgba(86,16,227,.06),transparent 60%);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border-radius:12px}@media (hover:hover){.s-rail:hover .s-rail-overlay{opacity:1;transform:translateY(0) scale(1)}}.rail-overlay-card{padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.04);text-align:center}.rail-overlay-ico{font-size:1.2rem;margin-bottom:6px;filter:drop-shadow(0 0 10px rgba(246,9,143,.35))}.rail-overlay-title{font-weight:700;letter-spacing:.02em;color:#fff}.rail-overlay-sub{margin:2px 0 0;color:var(--muted);font-size:.86rem}.s-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}.s-profile-head{display:flex;align-items:center;gap:10px}.s-profile-avatar{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--border)}.s-profile-info h4{margin:0;font-size:.98rem;color:#fff}.s-profile-info p{margin:2px 0 0;color:var(--muted);font-size:.85rem}.s-profile-stats{display:flex;gap:10px;margin-top:10px}.s-stat{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center}.s-stat-val{display:block;font-weight:700;color:#fff}.s-stat-key{color:var(--muted);font-size:.85rem}.s-achievements{flex-direction:column}.s-ach-row,.s-achievements{display:flex;gap:10px}.s-ach{flex:1;display:flex;gap:8px;align-items:center;border:1px solid var(--border);background:rgba(255,255,255,.04);border-radius:10px;padding:10px}.s-ach-ico{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(86,16,227,.18);border:1px solid rgba(86,16,227,.24)}.s-ach-info{display:flex;flex-direction:column;line-height:1.15}.s-ach-info strong{color:#fff;font-size:.92rem}.s-ach-info span{color:var(--muted);font-size:.82rem}.s-watch-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.s-watch-title{color:#ffffffd9;font-weight:600}.s-watch-filter{color:var(--muted);font-size:.85rem}.s-watch-chart{font-size:1.25rem;color:#cfcfcf}.s-rail::-webkit-scrollbar{width:10px}.s-rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:10px;border:2px solid transparent;background-clip:padding-box}@media (max-width:1200px){.s-rail{display:none}}@media (max-width:760px){.s-rail{display:block;position:fixed;right:0;top:0;height:100vh;width:320px;transform:translateX(100%);transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 6px 24px rgba(0,0,0,.45);z-index:50;background:#0f0f10;border-left:1px solid var(--border);padding:20px 16px calc(20px + env(safe-area-inset-bottom, 0))}.s-rail.is-open{transform:translateX(0)}.s-rail-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#ddd;display:grid;place-items:center;z-index:1}.s-rail-scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);z-index:45}.s-rail-fab{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom, 0));z-index:46;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#eee;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.35);font-size:20px;line-height:1}@media (hover:none){.s-rail:hover .s-rail-content{filter:none;pointer-events:auto}.s-rail .s-rail-overlay{opacity:0}.s-rail.is-open.show-overlay .s-rail-overlay{opacity:1;transform:translateY(0) scale(1);transition:opacity .3s ease,transform .3s ease}}}@media (min-width:761px){.s-rail-close,.s-rail-fab,.s-rail-scrim{display:none!important}}.s-sidebar{position:sticky;top:0;height:100vh;width:240px;padding:18px 14px;background:#0e0e0f;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:3}.s-brand{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:12px}.s-brand-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--pink),var(--purple))}.s-brand-text{font-weight:700;letter-spacing:.08em;font-family:monospace;color:#ffffffcc}.s-nav{display:flex;flex-direction:column;gap:4px;margin-top:8px;align-items:stretch}.nav-item-wrap{position:relative;width:100%}.s-nav-item{display:flex;width:100%;box-sizing:border-box;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#d7d7d7;text-decoration:none;cursor:pointer;border:1px solid transparent;background:transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,filter .15s ease}.s-nav-item:hover{background:rgba(255,255,255,.04);border-color:var(--border)}.s-nav-item.active{background:rgba(86,16,227,.14);border-color:rgba(86,16,227,.24);color:#fff}.s-nav-wip{position:relative;display:flex;flex-direction:column;gap:4px;margin-top:4px;isolation:isolate}.s-nav-wip .s-nav-item{pointer-events:none}.s-nav-wip:hover .s-nav-item{filter:blur(1.6px) brightness(.9)}.sb-group-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px) scale(.98);transition:opacity .18s ease,transform .18s ease;z-index:2;pointer-events:none}.s-nav-wip:hover .sb-group-overlay{opacity:1;transform:translateY(-2px) scale(1)}.s-nav-wip.mobile-overlay-active .s-nav-item{filter:blur(1.6px) brightness(.9)}.s-nav-wip.mobile-overlay-active .sb-group-overlay{opacity:1;transform:translateY(-2px) scale(1)}.sb-pill{padding:8px 12px;font-size:.82rem;letter-spacing:.02em;color:#ffffff;background:rgba(15,15,16,.65);border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(10px) saturate(115%);box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.04);text-shadow:0 0 10px rgba(246,9,143,.45)}.s-nav-item svg{transition:transform .15s ease,filter .2s ease}.s-nav-item:hover svg{transform:translateY(-1px);filter:drop-shadow(0 0 6px rgba(246,9,143,.35))}.s-logout{margin-top:auto;width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:rgba(227,16,100,.08);color:#ff6fa6;border:1px solid rgba(227,16,100,.22);cursor:pointer}.s-ad{margin-top:12px}.s-ad-inner{border:1px dashed var(--border);border-radius:10px;padding:12px;text-align:center;color:#cfcfcf;background:rgba(255,255,255,.02)}@media (max-width:760px){.s-nav-wip:hover .s-nav-item{filter:none}.s-nav-wip:hover .sb-group-overlay{opacity:0;transform:translateY(6px) scale(.98)}.s-sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;transform:translateX(-100%);transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 6px 24px rgba(0,0,0,.45);z-index:40}.s-sidebar.is-open{transform:translateX(0)}.s-sidebar-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#ddd;display:grid;place-items:center}.s-nav{flex-direction:column;flex-wrap:nowrap;margin-top:8px}.s-sidebar-scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);z-index:35}.s-sidebar-fab{position:fixed;left:14px;bottom:14px;z-index:36;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#eee;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.35)}}@media (min-width:761px){.s-sidebar-close,.s-sidebar-fab,.s-sidebar-scrim{display:none!important}.s-nav-wip.mobile-overlay-active .s-nav-item{filter:none}.s-nav-wip.mobile-overlay-active .sb-group-overlay{opacity:0;transform:translateY(6px) scale(.98)}}