:root{
  --bg:#090b0f;--bg-2:#0c0f14;--rail:#0a0c10;--surface:#101319;--surface-2:#141820;--surface-3:#191e27;--surface-4:#202632;
  --text:#f4f5f7;--text-2:#c5cad1;--muted:#89919d;--muted-2:#626b78;--line:#1c212a;--line-2:#272e39;
  --brand:#7565e8;--brand-2:#8b7cf1;--brand-soft:#211c3e;--success:#58c98a;--warning:#d2a45f;--danger:#df737d;
  --r-sm:7px;--r-md:10px;--r-lg:14px;--ease:cubic-bezier(.2,.72,.2,1);
  color-scheme:dark;font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;
}
*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit;color:inherit}button{border:0}a{color:inherit}::selection{background:#7565e846}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2a303b;border:3px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-track{background:transparent}
.hidden{display:none!important}.muted{color:var(--muted)}.good{color:var(--success)!important}.bad{color:var(--danger)!important}.row{display:flex;align-items:center;gap:10px}.grow{flex:1}.stack{display:grid;gap:10px}
@keyframes fadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes popIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes railIn{from{opacity:.4}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes pulse{0%,100%{opacity:.38}50%{opacity:1}}

/* icon system */
.kl-icon{--icon-size:18px;width:var(--icon-size);height:var(--icon-size);display:inline-block;flex:none;background:currentColor;mask:var(--icon-url) center/contain no-repeat;-webkit-mask:var(--icon-url) center/contain no-repeat}
.kl-icon-home{--icon-url:url('/icons/home.png')}.kl-icon-library{--icon-url:url('/icons/library.png')}.kl-icon-explore{--icon-url:url('/icons/explore.png')}.kl-icon-creator{--icon-url:url('/icons/creator.png')}.kl-icon-search{--icon-url:url('/icons/search.png')}.kl-icon-profile{--icon-url:url('/icons/profile.png')}.kl-icon-settings{--icon-url:url('/icons/settings.png')}.kl-icon-notifications{--icon-url:url('/icons/notifications.png')}.kl-icon-filter{--icon-url:url('/icons/filter.png')}.kl-icon-apps-grid{--icon-url:url('/icons/apps-grid.png')}
.glyph{width:var(--icon-size,18px);height:var(--icon-size,18px);display:inline-grid;place-items:center;flex:none;font-size:calc(var(--icon-size,18px)*.78);line-height:1;font-weight:650;letter-spacing:-.04em;color:currentColor}.glyph-more{font-size:10px;letter-spacing:.14em}.glyph-code,.glyph-terminal{font:700 10px/1 Consolas,monospace}.glyph-drag{font-size:13px;letter-spacing:-.22em}

/* boot */
.boot-screen{height:100%;display:grid;place-items:center;align-content:center;gap:20px;background:#090b0f}.boot-screen img{width:54px;height:54px;object-fit:contain;animation:popIn .4s var(--ease) both}.boot-line{width:84px;height:2px;background:#181c23;overflow:hidden;border-radius:999px}.boot-line span{display:block;width:34%;height:100%;background:var(--brand);animation:boot 1.1s ease-in-out infinite}@keyframes boot{0%{transform:translateX(-120%)}100%{transform:translateX(300%)}}
.fatal-screen{height:100%;display:grid;place-items:center;align-content:center;text-align:center;gap:12px;padding:30px}.fatal-screen img{width:54px}.fatal-screen h1{margin:8px 0 0;font-size:24px}.fatal-screen p{margin:0;color:var(--muted)}

/* auth */
.auth-shell{height:100%;display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(420px,.92fr);background:var(--bg)}
.auth-visual{position:relative;padding:44px 52px 46px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#0d1015}
.auth-visual:after{content:"";position:absolute;inset:auto -140px -210px auto;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(117,101,232,.16),rgba(117,101,232,0) 67%);pointer-events:none}.auth-wordmark{width:190px;height:auto;object-fit:contain;object-position:left}.auth-copy{position:relative;z-index:1;max-width:650px;margin-bottom:8vh}.auth-copy h1{margin:0;font-size:clamp(48px,5.4vw,82px);line-height:.96;letter-spacing:-3.6px;font-weight:720}.auth-copy h1 span{display:block;color:#777f8b;font-weight:560}.auth-copy p{max-width:510px;margin:24px 0 0;color:#8f98a5;line-height:1.7;font-size:14px}.auth-note{font-size:11px;color:#59626f}.auth-pane{display:grid;place-items:center;padding:46px}.auth-card{width:min(410px,100%);animation:fadeUp .24s var(--ease) both}.auth-card h2{margin:0 0 8px;font-size:30px;letter-spacing:-.9px}.auth-card>p{margin:0 0 27px;color:var(--muted);font-size:13px;line-height:1.6}.auth-links{margin-top:17px;color:var(--muted);font-size:12px}.link-button{padding:0;background:none;color:#c3c9d1;cursor:pointer}.link-button:hover{color:white}.captcha{background:var(--surface);padding:14px;border-radius:var(--r-md);margin:14px 0}.captcha-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.captcha-options button{height:46px;background:var(--surface-2);border-radius:8px;font-size:19px;cursor:pointer;transition:.14s}.captcha-options button:hover{background:var(--surface-3)}.captcha-options button.selected{background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand) inset}

/* controls */
.btn{min-height:36px;padding:0 13px;border-radius:var(--r-sm);background:var(--surface-3);display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#e7eaf0;font-size:12px;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),transform .14s var(--ease),box-shadow .14s var(--ease),opacity .14s}.btn:hover{background:#232a35}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn.primary{background:var(--brand);color:white;font-weight:700}.btn.primary:hover{background:var(--brand-2);box-shadow:0 7px 24px rgba(117,101,232,.17)}.btn.quiet{background:transparent;color:#a9b1bc}.btn.quiet:hover{background:var(--surface-2);color:white}.btn.danger{background:#2b171d;color:#f1a2aa}.btn.danger:hover{background:#351c23}.btn.sm{min-height:30px;padding:0 9px;font-size:11px}.btn.large{min-height:42px;padding:0 16px}.btn kbd,.workspace-actions kbd{font:9px/1.1 Consolas,monospace;color:#c7cbe0;background:rgba(0,0,0,.17);padding:4px 5px;border-radius:4px;margin-left:3px}.icon-button{width:34px;height:34px;padding:0;display:grid;place-items:center;background:transparent;border-radius:8px;color:#8e98a5;cursor:pointer;transition:.14s}.icon-button:hover,.icon-button.active{background:var(--surface-3);color:white}.icon-button.danger:hover{color:#ff9da5;background:#2d171d}.text-button{background:transparent;padding:0;color:#9ba4b1;font-size:11px;cursor:pointer}.text-button:hover{color:white}.text-danger{background:none;padding:0;color:#d97b84;font-size:11px;cursor:pointer}.mini-remove{width:28px;height:28px;border-radius:7px;background:transparent;color:#7f8996;cursor:pointer}.mini-remove:hover{background:#2a171c;color:#f19aa1}
.field{margin-bottom:14px}.field label{display:block;margin:0 0 7px;color:#858f9c;font-size:10.5px;font-weight:650;letter-spacing:.02em}.field input,.field textarea,.field select,.select-control{width:100%;border:0;outline:0;background:#151920;color:#edf0f4;padding:11px 12px;border-radius:8px;transition:.14s}.field input:focus,.field textarea:focus,.field select:focus,.select-control:focus{background:#181d25;box-shadow:0 0 0 1px #4e477e inset}.field textarea{min-height:92px;resize:vertical;line-height:1.5}.field-note{display:block;color:#626b78;font-size:9.5px;margin-top:5px}.select-control{width:auto;min-width:116px;padding-right:31px}.inline-search{height:39px;min-width:280px;background:#12161d;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#707987}.inline-search.large{min-width:min(620px,68vw)}.inline-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#edf0f4}.inline-search:focus-within{background:#161b23;box-shadow:0 0 0 1px #252c37 inset}.eyebrow,.section-label{display:inline-block;color:#8b80ea;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.1em;font-weight:760}.meta-pills{display:flex;gap:7px;flex-wrap:wrap}.meta-pills span{background:#151922;padding:6px 8px;border-radius:6px;color:#9ca5b1;font-size:10px}

/* shell */
.shell{height:100vh;display:grid;grid-template-columns:90px minmax(0,1fr);background:var(--bg)}.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:18px 10px 14px;position:relative;z-index:20}.brand-mark{width:48px;height:48px;background:transparent;border-radius:12px;display:grid;place-items:center;cursor:pointer;margin-bottom:24px}.brand-mark:hover{background:#11151c}.brand-mark img{width:34px;height:34px;object-fit:contain}.rail-nav{width:100%;display:grid;gap:7px}.rail-item{position:relative;width:56px;height:50px;margin:auto;border-radius:12px;background:transparent;color:#6f7985;display:grid;place-items:center;cursor:pointer;transition:.16s var(--ease)}.rail-item:hover{background:#12161d;color:#d8dde4}.rail-item.active{background:#171828;color:#b7aff8}.rail-active{position:absolute;left:-10px;width:3px;height:0;border-radius:0 3px 3px 0;background:var(--brand);transition:height .18s var(--ease)}.rail-item.active .rail-active{height:22px}.rail-tip{position:absolute;left:66px;top:50%;transform:translate(4px,-50%);background:#171b22;color:#e5e8ec;padding:7px 9px;border-radius:7px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:.12s;box-shadow:0 10px 30px rgba(0,0,0,.22)}.rail-item:hover .rail-tip{opacity:1;transform:translate(0,-50%)}.rail-spacer{flex:1}.rail-bottom{margin-top:10px}.workspace-shell{min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr)}.topbar{display:flex;align-items:center;justify-content:center;padding:0 22px;position:relative;z-index:15;background:#0a0d11}.global-search{width:min(410px,42vw);height:38px;border-radius:999px;background:#15191f;color:#7f8895;display:flex;align-items:center;gap:9px;padding:0 13px;cursor:pointer;transition:.14s}.global-search:hover{background:#1a1f27;color:#b8bfc8}.global-search span{flex:1;text-align:left;font-size:11.5px}.global-search kbd{font:9px Consolas,monospace;background:#222832;color:#8d96a2;padding:4px 6px;border-radius:5px}.top-actions{position:absolute;right:20px;display:flex;align-items:center;gap:6px}.top-icon{position:relative;width:36px;height:36px;border-radius:9px;background:transparent;color:#808a97;display:grid;place-items:center;cursor:pointer;transition:.14s}.top-icon:hover{background:#151920;color:white}.notice-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#ef6875;box-shadow:0 0 0 2px #0a0d11}.account-button{height:40px;background:transparent;border-radius:10px;display:flex;align-items:center;gap:10px;padding:3px 3px 3px 9px;cursor:pointer;transition:.14s}.account-button:hover{background:#141820}.account-copy{text-align:right;display:grid;gap:1px}.account-copy b{font-size:10.5px;font-weight:650}.account-copy small{font-size:9px;color:#6f7885}.avatar{width:32px;height:32px;border-radius:50%;background:#232936;color:#e9ecf0;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.view{min-height:0;overflow:auto;padding:0 28px 56px;transition:opacity .12s var(--ease)}.view.route-changing{opacity:.72}.page{max-width:1540px;margin:0 auto;padding-top:30px;animation:fadeUp .2s var(--ease) both}.shell.focus-mode .topbar{display:none}.shell.focus-mode .workspace-shell{grid-template-rows:minmax(0,1fr)}.shell.focus-mode .view{padding:0;overflow:hidden}.shell.focus-mode .rail{padding-top:14px}.shell.focus-mode .brand-mark{margin-bottom:18px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0;font-size:31px;line-height:1.05;letter-spacing:-1px;font-weight:700}.page-head p{margin:7px 0 0;color:#7e8794;font-size:12px}.page-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.section-line{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:30px 0 13px}.section-line h3{margin:4px 0 0;font-size:17px;letter-spacing:-.2px}.section-line>span,.curriculum-total{font-size:10.5px;color:#727b87}.breadcrumb{display:flex;align-items:center;gap:7px;background:none;color:#808a97;padding:0;font-size:11px;cursor:pointer;margin-bottom:23px}.breadcrumb:hover{color:white}
.progress{height:5px;background:#1e242d;border-radius:999px;overflow:hidden}.progress.thin{height:3px}.progress span{height:100%;display:block;background:var(--brand);border-radius:inherit;transition:width .45s var(--ease)}

/* skeletons */
.skeleton-head{max-width:620px;padding-top:34px}.skeleton-head span,.skeleton-head i,.skeleton-list b,.skeleton-list span,.skeleton-list i,.skeleton-panels>div{display:block;background:linear-gradient(90deg,#11151b 20%,#171c23 50%,#11151b 80%);background-size:220% 100%;animation:shimmer 1.6s linear infinite;border-radius:7px}.skeleton-head span{width:170px;height:28px}.skeleton-head i{width:280px;height:10px;margin-top:12px}.skeleton-list{margin-top:30px;display:grid;gap:7px}.skeleton-list>div{height:64px;border-radius:10px;background:#0f1318;display:grid;grid-template-columns:48px 1fr 120px;align-items:center;gap:12px;padding:10px}.skeleton-list b{width:42px;height:42px}.skeleton-list span{width:34%;height:12px}.skeleton-list i{width:100%;height:4px}.skeleton-panels{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:30px}.skeleton-panels>div{height:280px;background-color:#101318}

/* home */
.home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:12px}.resume-stage{min-height:310px;background:#101319;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.resume-stage:after{content:"";position:absolute;right:-90px;top:-110px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(117,101,232,.12),rgba(117,101,232,0) 70%);pointer-events:none}.resume-copy{position:relative;z-index:1;max-width:760px}.resume-copy.empty{max-width:580px}.program-context{display:flex;align-items:center;gap:8px;color:#7c8592;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.program-context i{width:3px;height:3px;background:#4d5661;border-radius:50%}.resume-copy h2{margin:16px 0 8px;font-size:34px;letter-spacing:-1px}.resume-copy p{margin:0;color:#98a1ad;font-size:13px}.resume-bottom{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.resume-progress{flex:1;max-width:560px}.resume-progress>div{display:flex;justify-content:space-between;color:#777f8b;font-size:10px;margin-bottom:9px}.resume-button{height:42px;padding:0 15px;border-radius:8px;background:#f0f1f3;color:#11141a;font-weight:700;font-size:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.14s}.resume-button:hover{background:white;transform:translateY(-1px)}.home-side{background:#101319;border-radius:var(--r-lg);padding:16px}.side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.side-head>span{font-size:11px;font-weight:700}.recent-list{display:grid}.recent-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;min-height:58px;background:transparent;color:#dfe3e8;text-align:left;border-radius:8px;padding:6px 7px;cursor:pointer;transition:.13s}.recent-item:hover{background:#161a21}.recent-index{font:10px Consolas,monospace;color:#59616d}.recent-copy{display:grid;gap:3px;min-width:0}.recent-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-copy small{font-size:9px;color:#707986;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-percent{font-size:10px;color:#9b94e5}.side-empty{padding:28px 8px;color:#626b77;font-size:11px}.home-section{margin-top:8px}.discover-list{display:grid;border-top:1px solid #171c22}.discover-row{min-height:73px;display:grid;grid-template-columns:42px minmax(0,1fr) 220px 20px;gap:13px;align-items:center;background:transparent;color:inherit;text-align:left;border-bottom:1px solid #171c22;padding:8px 3px;cursor:pointer;transition:.13s}.discover-row:hover{padding-left:8px;background:#0d1014}.discover-symbol,.explore-symbol,.library-mark{width:38px;height:38px;border-radius:9px;background:#191b2b;color:#9d94ec;display:grid;place-items:center;font-weight:800;font-size:13px}.discover-copy{display:grid;gap:3px;min-width:0}.discover-copy b{font-size:12px}.discover-copy small{font-size:10px;color:#737c89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-meta{display:flex;gap:6px;justify-content:flex-end}.discover-meta small{background:#12161c;color:#77808c;padding:5px 7px;border-radius:5px}.soft-empty{padding:24px 0;color:#68717e;font-size:11px;border-top:1px solid #171c22}

/* library */
.library-tools,.explore-tools{display:flex;align-items:center;gap:7px;margin-bottom:14px}.library-tools .inline-search{flex:1;max-width:540px}.library-results{}.library-list{border-top:1px solid #171c22}.library-row{width:100%;min-height:70px;display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(160px,260px) 46px 18px;gap:13px;align-items:center;background:transparent;color:inherit;text-align:left;border-bottom:1px solid #171c22;padding:9px 3px;cursor:pointer;transition:.13s}.library-row:hover{background:#0e1116;padding-left:8px}.library-main{display:grid;gap:3px;min-width:0}.library-main b{font-size:12px}.library-main small{font-size:9.5px;color:#717a87}.library-track{min-width:0}.library-value{font:10px Consolas,monospace;color:#8d95a1;text-align:right}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px}.library-tile{min-height:200px;background:#101319;border-radius:11px;padding:14px;text-align:left;color:inherit;display:flex;flex-direction:column;cursor:pointer;transition:.14s}.library-tile:hover{background:#141820;transform:translateY(-1px)}.tile-top{display:flex;justify-content:space-between;align-items:center;color:#7a8390;font-size:10px}.library-tile h3{margin:18px 0 7px;font-size:16px}.library-tile p{margin:0;color:#7f8895;font-size:10.5px;line-height:1.55;flex:1}.tile-foot{display:flex;gap:6px;margin:16px 0 10px;color:#68717e;font-size:9.5px}.tile-foot span+span:before{content:"·";margin-right:6px}

/* explore */
.explore-tools{justify-content:space-between}.subject-bar{display:flex;gap:6px;overflow:auto;margin-bottom:15px}.subject-chip{height:30px;padding:0 10px;border-radius:999px;background:#11151b;color:#7e8793;font-size:10px;cursor:pointer}.subject-chip:hover{background:#171b22;color:#c8cdd4}.subject-chip.active{background:#201c3c;color:#c6c0fa}.featured-program{min-height:280px;background:#101319;border-radius:var(--r-lg);display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;padding:27px;margin-bottom:12px;position:relative;overflow:hidden}.featured-program h2{margin:10px 0 9px;font-size:31px;letter-spacing:-.9px}.featured-program p{max-width:650px;color:#8b94a1;line-height:1.65;font-size:12.5px}.featured-program .meta-pills{margin:18px 0}.feature-symbol{align-self:center;justify-self:center;width:176px;height:176px;border-radius:44px;background:#18172b;color:#8e84e8;display:grid;place-items:center;font-size:60px;font-weight:800;transform:rotate(-5deg)}.explore-list{border-top:1px solid #171c22}.explore-row{width:100%;min-height:76px;display:grid;grid-template-columns:42px minmax(220px,1fr) 150px 190px 18px;gap:13px;align-items:center;background:transparent;color:inherit;text-align:left;border-bottom:1px solid #171c22;padding:9px 3px;cursor:pointer;transition:.13s}.explore-row:hover{background:#0e1116;padding-left:8px}.explore-copy{display:grid;gap:4px;min-width:0}.explore-copy b{font-size:12px}.explore-copy small{font-size:10px;color:#707986;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-author{font-size:10px;color:#7f8895}.explore-tags{display:flex;gap:6px;justify-content:flex-end}.explore-tags i{font-style:normal;background:#12161c;color:#737c88;padding:5px 7px;border-radius:5px;font-size:9.5px}

/* program detail */
.program-masthead{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:center;min-height:330px;padding:18px 0 30px;border-bottom:1px solid #171c22}.program-mastcopy{max-width:820px}.program-mastcopy h1{font-size:45px;line-height:1.02;letter-spacing:-1.8px;margin:13px 0 13px}.program-mastcopy>p{max-width:700px;margin:0;color:#929ba7;line-height:1.7;font-size:13px}.program-facts{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0;color:#7a8390;font-size:10px}.program-facts span+span:before{content:"·";margin-right:7px}.program-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.program-progress{max-width:520px;margin-top:24px}.program-progress>div{display:flex;justify-content:space-between;color:#7f8894;font-size:10px;margin-bottom:8px}.program-art{width:260px;height:260px;border-radius:58px;background:#141526;display:grid;place-items:center;justify-self:end;transform:rotate(3deg);background-size:cover;background-position:center;overflow:hidden}.program-art span{font-size:78px;font-weight:800;color:#9186ec}.program-art.has-cover span{display:none}.curriculum{padding-top:4px}.module-stack{display:grid;gap:8px}.module{background:#0e1116;border-radius:10px;overflow:hidden}.module>header{height:68px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:0 14px}.module-number{font:10px Consolas,monospace;color:#6e7783}.module h4{margin:0 0 4px;font-size:12px}.module header p{margin:0;color:#69727e;font-size:9.5px}.module-count{font-size:9.5px;color:#69727e}.module-lessons{border-top:1px solid #181d24}.module-lessons button{width:100%;height:54px;background:transparent;color:inherit;display:grid;grid-template-columns:34px 1fr 18px;gap:10px;align-items:center;padding:0 14px;text-align:left;cursor:pointer;border-bottom:1px solid #161b21;transition:.13s}.module-lessons button:last-child{border-bottom:0}.module-lessons button:hover{background:#13171d}.lesson-state{width:25px;height:25px;border-radius:50%;border:1px solid #2b323d;display:grid;place-items:center;font:9px Consolas,monospace;color:#717a86}.lesson-state.done{border-color:#315842;background:#14241b;color:#64cf91}.module-lessons button>span:nth-child(2){display:grid;gap:2px}.module-lessons b{font-size:11px}.module-lessons small{font-size:9px;color:#67707c}

/* profile/settings */
.profile-head{min-height:170px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #171c22}.profile-avatar{width:74px;height:74px;border-radius:50%;background:#181d27;display:grid;place-items:center;overflow:hidden;font-size:20px;font-weight:800}.profile-avatar.small{width:54px;height:54px;font-size:14px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-copy{flex:1}.profile-copy h1{margin:5px 0 4px;font-size:29px}.profile-copy p{margin:0;color:#78818e;font-size:10.5px}.profile-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;margin-top:12px}.profile-about,.profile-count{background:#101319;border-radius:10px;padding:18px}.profile-about h3{margin:0 0 9px;font-size:12px}.profile-about p{margin:0;color:#848d99;font-size:11px;line-height:1.7}.profile-count{display:grid;place-items:center;align-content:center}.profile-count b{font-size:30px}.profile-count span{font-size:10px;color:#747d89}
.settings-layout{display:grid;grid-template-columns:180px minmax(0,760px);gap:32px}.settings-nav{display:grid;align-content:start;gap:4px}.settings-nav button{height:36px;border-radius:7px;background:transparent;color:#7f8895;text-align:left;padding:0 10px;cursor:pointer;font-size:11px}.settings-nav button:hover{background:#10141a;color:#c9ced6}.settings-nav button.active{background:#151923;color:white}.settings-content{min-width:0}.settings-section>h2{margin:8px 0 6px;font-size:25px}.settings-section>p{margin:0 0 27px;color:#78818d;font-size:11px}.settings-form{max-width:620px}.setting-row{min-height:78px;border-top:1px solid #181d24;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.setting-row:last-of-type{border-bottom:1px solid #181d24}.setting-row b{font-size:11.5px}.setting-row p{margin:4px 0 0;color:#737c89;font-size:10px}.settings-actions{display:flex;gap:7px;margin-top:20px}.avatar-upload{display:flex;align-items:center;gap:13px;border-top:1px solid #181d24;border-bottom:1px solid #181d24;padding:14px 0;margin-top:20px}.avatar-upload b{font-size:11px}.avatar-upload p{margin:3px 0 8px;color:#737c89;font-size:9.5px}.session-list{border-top:1px solid #181d24}.device-row{min-height:69px;display:grid;grid-template-columns:12px 1fr auto;gap:11px;align-items:center;border-bottom:1px solid #181d24}.device-dot{width:7px;height:7px;border-radius:50%;background:#505967}.device-dot.current{background:var(--success);box-shadow:0 0 0 4px rgba(88,201,138,.08)}.device-row b{font-size:11px}.device-row p{margin:3px 0 0;color:#6f7885;font-size:9.5px}.device-row>span:last-child{font-size:9px;color:#606975}.totp-setup{display:grid;place-items:center;gap:10px;margin:8px 0 17px}.totp-setup img{width:210px;background:white;padding:8px;border-radius:9px}.totp-setup code{font:9px Consolas,monospace;color:#818a96;word-break:break-all}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#0d1015;border-radius:10px;padding:12px}.recovery-grid code{background:#171b22;padding:10px;border-radius:7px;font:11px Consolas,monospace;color:#dce0e5}

/* admin */
.admin-tabs{height:42px;display:flex;gap:5px;border-bottom:1px solid #181d24;margin-bottom:13px}.admin-tabs button{height:42px;padding:0 12px;background:transparent;color:#7a8390;font-size:10.5px;cursor:pointer;position:relative}.admin-tabs button:hover{color:#ccd1d7}.admin-tabs button.active{color:white}.admin-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:10px;right:10px;height:2px;background:var(--brand)}.admin-list{display:grid}.admin-row{min-height:64px;display:grid;grid-template-columns:38px minmax(220px,1fr) 100px 110px;gap:12px;align-items:center;border-bottom:1px solid #171c22}.admin-avatar{width:34px;height:34px;border-radius:9px;background:#171b24;color:#9990ec;display:grid;place-items:center;font-size:11px;font-weight:800}.admin-row>div:nth-child(2){display:grid;gap:3px}.admin-row b{font-size:11px}.admin-row small{font-size:9.5px;color:#6d7682}.admin-row>span{font-size:9.5px;color:#737c88}.role-badge{justify-self:start;background:#141920;padding:5px 7px;border-radius:5px}.report-status{width:8px;height:8px;border-radius:50%;background:#5f6875}.report-status.open{background:#d7a85e}.report-status.resolved{background:#58c989}.audit-list{display:grid}.audit-list>div{min-height:56px;display:grid;grid-template-columns:12px 1fr 220px;gap:12px;align-items:center;border-bottom:1px solid #171c22}.audit-dot{width:6px;height:6px;border-radius:50%;background:#7565e8}.audit-list b{font-size:10.5px;text-transform:capitalize}.audit-list small{display:block;margin-top:3px;color:#69727f;font-size:9px}.audit-list code{font:9px Consolas,monospace;color:#65707c;text-align:right}

/* learning */
.learn-page{height:100%;display:grid;grid-template-columns:250px minmax(0,1fr);background:#090b0f}.learn-outline{background:#0c0f13;display:flex;flex-direction:column;min-width:0;border-right:1px solid #161a20}.outline-top{padding:14px 15px 12px}.outline-back{height:32px;padding:0 5px;background:transparent;color:#77818e;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:10px}.outline-back:hover{color:white}.outline-title{padding:11px 5px 0}.outline-title span{font-size:9px;color:#655bba;text-transform:uppercase;letter-spacing:.1em}.outline-title h2{margin:5px 0 0;font-size:15px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-progress{padding:0 20px 15px}.outline-progress>div{display:flex;justify-content:space-between;color:#636d79;font-size:9px;margin-bottom:7px}.outline-scroll{overflow:auto;padding:6px 10px 24px}.outline-module{margin-bottom:15px}.outline-module>header{display:grid;grid-template-columns:26px 1fr;gap:7px;padding:7px 7px;color:#66707c}.outline-module header span{font:9px Consolas,monospace}.outline-module header b{font-size:9.5px;font-weight:650}.outline-lesson{width:100%;min-height:37px;border-radius:7px;background:transparent;color:#77818d;display:grid;grid-template-columns:14px 1fr auto;gap:7px;align-items:center;text-align:left;padding:5px 7px;cursor:pointer;font-size:9.5px}.outline-lesson:hover{background:#12161c;color:#d4d9df}.outline-lesson.active{background:#171927;color:white}.outline-lesson i{width:10px;height:10px;border-radius:50%;border:1px solid #343b46;font-style:normal;display:grid;place-items:center;font-size:6px}.outline-lesson i.done{background:#21472f;border-color:#326543;color:#68d596}.outline-lesson small{font-size:8px;color:#5c6571}.learn-stage{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.learn-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #151a20}.learn-header h1{margin:6px 0 0;font-size:24px;letter-spacing:-.6px}.lesson-position{font:10px Consolas,monospace;color:#68717d}.learn-body{min-height:0;overflow:hidden;display:grid}.learn-body.with-workspace{grid-template-columns:minmax(420px,1.02fr) minmax(430px,.98fr)}.lesson-content{overflow:auto;padding:35px clamp(32px,5vw,74px) 70px}.lesson-intro{max-width:760px}.lesson-intro>p{font-size:16px;line-height:1.75;color:#c8cdd4;margin:0 0 32px}.content-block{max-width:760px;margin:0 0 26px}.content-block h2{font-size:22px;letter-spacing:-.5px;margin:37px 0 12px}.content-block>p{font-size:13px;line-height:1.78;color:#a2abb6;margin:0}.lesson-callout{display:grid;grid-template-columns:20px 1fr;gap:10px;background:#121721;border-left:2px solid #6558d8;padding:14px;border-radius:0 9px 9px 0}.lesson-callout p{margin:0;color:#a5aebb;line-height:1.6;font-size:11.5px}.code-example{position:relative;background:#0d1014;border-radius:10px;overflow:hidden}.code-label{height:35px;padding:0 12px;display:flex;align-items:center;background:#12161c;color:#737d89;font:9px Consolas,monospace}.code-example pre{margin:0;padding:16px;overflow:auto;font:11px/1.7 Consolas,monospace;color:#d8dde3}.copy-code{position:absolute;right:8px;top:7px;height:24px;background:#1b2028;color:#7f8996;border-radius:5px;padding:0 7px;font-size:9px;display:flex;align-items:center;gap:5px;cursor:pointer}.quiz-card{background:#10141a;border-radius:11px;padding:18px}.quiz-card h3{margin:9px 0 14px;font-size:16px}.quiz-options{display:grid;gap:7px}.quiz-options button{min-height:42px;border-radius:8px;background:#161b22;color:#bcc3cc;display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;text-align:left;padding:6px 9px;cursor:pointer;transition:.13s}.quiz-options button:hover{background:#1b212a;color:white}.quiz-options button>span{width:26px;height:26px;border-radius:6px;background:#202630;display:grid;place-items:center;font-size:9px}.quiz-options button.correct{background:#132319;color:#8bdca8}.quiz-options button.wrong{background:#2a171b;color:#ed959c}.quiz-feedback{margin-top:10px;color:#818b97;font-size:10.5px}.quiz-feedback b{color:#d8dce2}.quiz-feedback p{margin:4px 0 0;line-height:1.5}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:58px 12px 1fr;gap:10px;align-items:start;min-height:62px}.timeline-item>span{font:10px Consolas,monospace;color:#9289e9;padding-top:2px}.timeline-item i{position:relative;width:8px;height:8px;border-radius:50%;background:#7565e8;margin-top:2px}.timeline-item i:after{content:"";position:absolute;top:10px;left:3px;width:1px;height:49px;background:#242b34}.timeline-item:last-child i:after{display:none}.timeline-item p{margin:0;color:#99a2ae;font-size:11.5px;line-height:1.55}.flashcard{min-height:190px;border-radius:13px;background:#11151b;display:grid;place-items:center;align-content:center;text-align:center;padding:25px;cursor:pointer}.flashcard>span{font:9px Consolas,monospace;color:#626b78}.flashcard h3{font-size:22px;margin:17px 0 6px}.flashcard p{margin:0;color:#717b87;font-size:10.5px}.flash-controls{display:flex;justify-content:center;gap:7px;margin-top:8px}.lesson-image img{display:block;max-width:100%;border-radius:11px}.lesson-image figcaption{color:#6f7885;font-size:9.5px;margin-top:7px}.lesson-workspace{background:#0d1014;border-left:1px solid #171c22;min-width:0;display:grid;grid-template-rows:46px minmax(0,1fr)}.workspace-bar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #171c22}.workspace-tabs{display:flex;height:100%}.workspace-tabs button{height:100%;background:transparent;color:#6f7986;padding:0 10px;font-size:10px;cursor:pointer;position:relative}.workspace-tabs button.active{color:white}.workspace-tabs button.active:after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;background:var(--brand)}.runtime-badge{display:flex;align-items:center;gap:6px;color:#737d89;font-size:9px}.runtime-badge i{width:6px;height:6px;border-radius:50%;background:#59626e}.runtime-badge[data-status="loading"] i{background:#d2a45f;animation:pulse 1s infinite}.runtime-badge[data-status="ready"] i{background:#58c98a}.runtime-badge[data-status="error"] i{background:#df737d}.workspace-body{min-height:0;overflow:auto;padding:13px}.exercise-head{margin-bottom:10px}.exercise-head h3{margin:6px 0 0;font-size:13px;line-height:1.45}.editor-shell{border-radius:10px;background:#090c10;overflow:hidden;border:1px solid #181d24}.editor-file{height:36px;background:#11151b;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#a8b0ba;font:9.5px Consolas,monospace}.editor-file small{color:#626c78;font-size:8px}.editor-area{display:grid;grid-template-columns:40px 1fr;height:270px}.line-numbers{margin:0;padding:13px 9px;background:#0b0e12;color:#49525e;text-align:right;overflow:hidden;font:10px/1.65 Consolas,monospace;user-select:none}.code-editor{width:100%;height:100%;resize:none;border:0;outline:0;background:#0b0e12;color:#d8dde3;padding:13px 12px;overflow:auto;font:11px/1.65 Consolas,monospace;tab-size:4}.workspace-actions{display:flex;gap:6px;margin:8px 0}.console-panel{background:#090c10;border:1px solid #181d24;border-radius:10px;overflow:hidden}.console-panel>header{height:32px;background:#11151b;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#77818d;font-size:9.5px}.console-output{margin:0;min-height:100px;max-height:220px;overflow:auto;padding:11px;color:#cbd1d8;font:10px/1.55 Consolas,monospace;white-space:pre-wrap}.console-output.error{color:#f099a0}.console-output .console-muted{color:#5f6975}.test-results{border-top:1px solid #171c22}.test-row{min-height:45px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:6px 10px}.test-row+ .test-row{border-top:1px solid #151a20}.test-row>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;background:#181d24}.test-row.pass>span{background:#143020;color:#63d18f}.test-row.fail>span{background:#31181d;color:#f0919a}.test-row b{display:block;font-size:9.5px}.test-row small{display:block;margin-top:2px;color:#68717d;font-size:8.5px}.html-preview{width:100%;height:260px;border:0;background:white;border-radius:6px}.terminal{background:#080b0e;border:1px solid #181d24;border-radius:10px;overflow:hidden}.terminal-log{height:290px;overflow:auto;padding:12px;color:#bfc6cf;font:10px/1.55 Consolas,monospace;white-space:pre-wrap}.term-row{height:37px;border-top:1px solid #171c22;display:flex;align-items:center;padding:0 10px;gap:7px;font:10px Consolas,monospace}.term-prompt{color:#776cdf;white-space:nowrap}.term-input{flex:1;background:none;border:0;outline:0;color:#dce0e5;font:inherit}.task-result{display:grid;gap:3px;margin-top:8px;padding:10px;border-radius:8px;background:#11151b;color:#7f8894}.task-result b{font-size:10px}.task-result span{font-size:9px}.task-result.good{background:#102119;color:#87d9a4}.task-result.bad{background:#29171b;color:#e8939a}.learn-footer{height:58px;border-top:1px solid #151a20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px}.learn-footer>button:last-child{justify-self:end}.complete-button{height:34px;border-radius:7px;padding:0 12px;background:#181d25;color:#a7afb9;font-size:10.5px;cursor:pointer}.complete-button:hover{background:#202630;color:white}.complete-button.completed{background:#14241a;color:#6bd195}.workspace-empty{padding:30px;color:#68717d;font-size:11px}

/* creator */
.creator-page{height:100%;display:grid;grid-template-rows:64px minmax(0,1fr);background:#090b0f}.creator-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 16px;border-bottom:1px solid #161b21;background:#0c0f13}.creator-brand{display:flex;align-items:center;gap:11px;min-width:0}.creator-brand>div{min-width:0}.creator-brand h1{margin:3px 0 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-save-state{color:#626b77;font-size:9px}.creator-actions{justify-self:end;display:flex;gap:6px}.creator-workspace{min-height:0;display:grid;grid-template-columns:238px minmax(420px,1fr) 282px}.creator-structure,.creator-inspector{background:#0c0f13;min-width:0;display:grid;grid-template-rows:46px minmax(0,1fr)}.creator-structure{border-right:1px solid #161b21}.creator-inspector{border-left:1px solid #161b21}.creator-structure>header,.inspector-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #161b21;color:#7d8692;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em}.structure-scroll{overflow:auto;padding:9px 7px 30px}.tree-module{margin-bottom:11px}.tree-module-title,.tree-lesson,.tree-add-lesson{width:100%;background:transparent;color:#7d8793;text-align:left;cursor:pointer}.tree-module-title{height:33px;border-radius:6px;display:grid;grid-template-columns:25px 1fr;gap:6px;align-items:center;padding:0 7px}.tree-module-title:hover,.tree-module-title.active{background:#12161c;color:#d5dae1}.tree-module-title span{font:8px Consolas,monospace;color:#59626e}.tree-module-title b{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-lessons{display:grid;margin-top:2px}.tree-lesson{min-height:31px;border-radius:6px;display:grid;grid-template-columns:12px 1fr auto;gap:6px;align-items:center;padding:0 7px 0 11px}.tree-lesson:hover{background:#11151b;color:#ced3da}.tree-lesson.active{background:#191a29;color:white}.tree-lesson i{width:5px;height:5px;border-radius:50%;background:#383f4a}.tree-lesson.active i{background:#8478e8}.tree-lesson span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-lesson small{font-size:7.5px;color:#555e6a}.tree-add-lesson{padding:6px 11px;font-size:8.5px;color:#59626e}.tree-add-lesson:hover{color:#aca5f0}.creator-canvas{min-width:0;overflow:auto;background:#090b0f;padding:20px 22px 80px}.canvas-head{display:flex;justify-content:space-between;align-items:end;max-width:860px;margin:0 auto 14px}.canvas-head h2{margin:5px 0 0;font-size:22px}.block-canvas{max-width:860px;margin:auto;display:grid;gap:8px}.creator-block{background:#101319;border-radius:10px;overflow:hidden;transition:.13s}.creator-block:hover{background:#12161d}.creator-block.dragging{opacity:.45}.creator-block.drag-over{box-shadow:0 -2px 0 var(--brand)}.block-head{height:42px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #171c22}.block-drag{color:#515a66;cursor:grab;margin-right:8px}.block-head>div:nth-child(2){display:grid;gap:1px}.block-head span{font-size:10px}.block-head small{font-size:7.5px;color:#59626e}.block-actions{margin-left:auto;display:flex;gap:2px}.block-body{padding:12px}.creator-text,.code-field{width:100%;border:0;outline:0;resize:vertical;background:#0c0f13;color:#dfe3e8;border-radius:7px;padding:10px 11px;line-height:1.55;min-height:84px}.creator-text.heading-input{font-size:18px;font-weight:700;min-height:52px}.code-field{font:10px/1.65 Consolas,monospace;min-height:140px}.block-grid{display:grid;grid-template-columns:1fr;gap:8px}.block-grid.two{grid-template-columns:1fr 1fr}.option-editor,.repeat-list{display:grid;gap:6px;margin-bottom:7px}.option-edit{display:grid;grid-template-columns:20px 1fr 28px;gap:6px;align-items:center}.option-edit input[type="text"],.option-edit input:not([type]){height:34px;background:#171b22;border:0;outline:0;border-radius:7px;padding:0 9px}.repeat-row{display:grid;grid-template-columns:1fr 1fr 28px;gap:6px}.repeat-row input{height:34px;background:#171b22;border:0;outline:0;border-radius:7px;padding:0 9px}.timeline-edit{grid-template-columns:90px 1fr 28px}.read-only-block{padding:15px;background:#0d1014;border-radius:8px}.read-only-block p{margin:5px 0 0;color:#68717d;font-size:9px}.creator-inspector{overflow:hidden}.inspector-body{overflow:auto;padding:12px}.inspector-divider{height:1px;background:#181d24;margin:18px 0}.inspector-danger{border-top:1px solid #181d24;margin-top:18px;padding-top:13px}.creator-empty-editor{max-width:560px;margin:18vh auto 0;text-align:center}.creator-empty-editor.compact{margin:60px auto}.creator-empty-editor h2,.creator-empty-editor h3{margin:8px 0}.creator-empty-editor p{color:#747d89;font-size:11px}.block-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px}.block-picker button{min-height:74px;border-radius:9px;background:#12161c;color:inherit;text-align:left;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:9px;cursor:pointer}.block-picker button:hover{background:#181d25}.block-picker button>span{width:36px;height:36px;border-radius:8px;background:#1d1a31;color:#968cec;display:grid;place-items:center;font-weight:800;font-size:11px}.block-picker b{display:block;font-size:10px}.block-picker small{display:block;margin-top:3px;color:#69727f;font-size:8.5px}

/* modals/popovers/command */
.modal-back{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.58);display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .17s var(--ease);backdrop-filter:blur(4px)}.modal-back.visible{opacity:1}.modal{width:min(560px,100%);max-height:min(82vh,760px);overflow:auto;background:#11151b;border-radius:14px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.42);transform:translateY(7px) scale(.985);transition:transform .18s var(--ease)}.modal-back.visible .modal{transform:none}.modal-sm{width:min(420px,100%)}.modal-lg{width:min(760px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-head h2{margin:5px 0 5px;font-size:21px}.modal-head p{margin:0;color:#7d8692;font-size:10.5px;line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.import-summary>div{background:#0d1015;border-radius:9px;padding:13px;display:grid;gap:4px}.import-summary b{font-size:16px}.import-summary span{font-size:9px;color:#6d7682}.issue-list{display:grid;gap:6px}.issue-list>div{background:#27171b;color:#e99299;padding:9px;border-radius:7px;font-size:9.5px}.popover-layer{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:.12s}.popover-layer.visible{opacity:1}.popover{position:fixed;width:260px;background:#13171e;border-radius:11px;padding:8px;box-shadow:0 18px 60px rgba(0,0,0,.38);pointer-events:auto}.popover-title{padding:6px 7px 9px;color:#7c8591;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.quick-grid button{height:66px;border-radius:8px;background:#0f1318;color:#8d96a2;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer;font-size:9px}.quick-grid button:hover{background:#1a1f27;color:white}.notice-list{display:grid}.notice-item{width:100%;display:grid;grid-template-columns:28px 1fr;gap:8px;padding:9px 7px;border-radius:8px;background:transparent;color:inherit;text-align:left}.notice-item.actionable{cursor:pointer}.notice-item.actionable:hover{background:#191e25}.notice-icon{width:24px;height:24px;border-radius:50%;background:#2f2316;color:#e1b268;display:grid;place-items:center;font-size:10px}.notice-icon.good{background:#13271a;color:#6bd094}.notice-icon.quiet{background:#191e25;color:#68727e}.notice-item b{font-size:10px}.notice-item p{margin:3px 0 0;color:#6f7885;font-size:8.5px;line-height:1.4}.command-back{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.48);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding-top:min(16vh,150px);opacity:0;transition:.13s}.command-back.visible{opacity:1}.command-palette{width:min(620px,calc(100vw - 28px));background:#11151b;border-radius:14px;box-shadow:0 30px 100px rgba(0,0,0,.5);overflow:hidden;transform:translateY(-5px) scale(.99);transition:.16s var(--ease)}.command-back.visible .command-palette{transform:none}.command-input{height:54px;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid #1a1f26;color:#747e8a}.command-input input{flex:1;background:none;border:0;outline:0;font-size:13px}.command-input kbd{font:9px Consolas,monospace;background:#1c2129;padding:4px 6px;border-radius:5px}.command-results{padding:7px;max-height:420px;overflow:auto}.command-row{width:100%;height:49px;border-radius:8px;background:transparent;color:#8a939f;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;text-align:left;padding:0 9px;cursor:pointer}.command-row.selected,.command-row:hover{background:#1a1e27;color:white}.command-row>span:nth-child(2){display:grid;gap:2px}.command-row b{font-size:10.5px}.command-row small{font-size:8.5px;color:#66707c}.command-row em{font-style:normal;font-size:8px;color:#5d6672}.command-empty{padding:30px;text-align:center;color:#66707c;font-size:10px}.toast-host{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:7px}.toast{min-width:210px;max-width:360px;background:#171b22;border-radius:9px;padding:10px 12px;display:grid;grid-template-columns:8px 1fr;align-items:center;gap:8px;color:#d9dde3;font-size:10px;box-shadow:0 15px 40px rgba(0,0,0,.32);opacity:0;transform:translateY(6px);transition:.18s var(--ease)}.toast.show{opacity:1;transform:none}.toast-dot{width:6px;height:6px;border-radius:50%;background:#7f74e2}.toast.success .toast-dot{background:#58c98a}.toast.error .toast-dot{background:#df737d}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;padding:24px;color:#747d89}.empty-state h3{margin:8px 0 4px;color:#cfd4da;font-size:13px}.empty-state p{margin:0;font-size:10px}.empty-mark{width:28px;height:2px;background:#342f5c;border-radius:999px}.page-error{margin-top:50px;background:#11151b;border-radius:10px;padding:15px;display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center}.page-error h2{margin:0 0 4px;font-size:13px}.page-error p{margin:0;color:#7c8591;font-size:10px}

/* responsive */
@media(max-width:1100px){.home-grid{grid-template-columns:1fr}.home-side{display:none}.program-masthead{grid-template-columns:1fr}.program-art{display:none}.learn-body.with-workspace{grid-template-columns:1fr}.lesson-workspace{position:absolute;right:0;top:92px;bottom:58px;width:min(520px,52vw);box-shadow:-24px 0 60px rgba(0,0,0,.22)}.creator-workspace{grid-template-columns:220px 1fr}.creator-inspector{position:absolute;right:0;top:64px;bottom:0;width:290px;box-shadow:-20px 0 50px rgba(0,0,0,.3);z-index:10}.explore-row{grid-template-columns:42px 1fr 110px 18px}.explore-tags{display:none}}
@media(max-width:820px){.shell{grid-template-columns:68px 1fr}.rail-item{width:48px}.rail-tip{display:none}.topbar{justify-content:flex-start}.global-search{width:48px;padding:0;justify-content:center}.global-search>span,.global-search kbd{display:none}.top-actions{right:12px}.account-copy{display:none}.view{padding:0 18px 44px}.page{padding-top:24px}.page-head{align-items:flex-start;flex-direction:column}.library-row{grid-template-columns:40px 1fr 45px 17px}.library-track{display:none}.featured-program{grid-template-columns:1fr}.feature-symbol{display:none}.explore-row{grid-template-columns:40px 1fr 18px}.explore-author{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.learn-page{grid-template-columns:1fr}.learn-outline{display:none}.learn-body.with-workspace{grid-template-columns:1fr}.lesson-workspace{position:static;width:auto;box-shadow:none;border-left:0;border-top:1px solid #171c22;min-height:500px}.learn-body{overflow:auto}.learn-stage{min-height:100%;height:100%}.creator-workspace{grid-template-columns:1fr}.creator-structure{display:none}.creator-inspector{display:none}.creator-topbar{grid-template-columns:1fr auto}.creator-save-state{display:none}.creator-actions .select-control,.creator-actions .btn.quiet{display:none}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-pane{padding:26px}.program-mastcopy h1{font-size:36px}.discover-row{grid-template-columns:40px 1fr 18px}.discover-meta{display:none}.audit-list>div{grid-template-columns:12px 1fr}.audit-list code{display:none}.admin-row{grid-template-columns:36px 1fr auto}.admin-row>span:nth-last-child(2){display:none}}
@media(max-width:560px){.page-actions{width:100%}.page-actions .btn{flex:1}.library-tools{flex-wrap:wrap}.library-tools .inline-search{max-width:none;width:100%}.select-control{flex:1}.featured-program{padding:19px;min-height:250px}.program-mastcopy h1{font-size:31px}.program-facts{line-height:1.8}.resume-stage{min-height:280px}.resume-copy h2{font-size:28px}.resume-bottom{align-items:stretch;flex-direction:column}.resume-button{width:100%;justify-content:center}.learn-header{height:auto;min-height:80px;padding:13px 16px}.lesson-content{padding:26px 20px 60px}.learn-footer{grid-template-columns:1fr 1fr}.footer-center{display:none}.creator-topbar{padding:0 9px}.creator-brand .outline-back span{display:none}.block-picker{grid-template-columns:1fr}.modal{padding:15px}.import-summary{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.profile-body{grid-template-columns:1fr}.global-search{display:none}}

/* ========================================================================== 
   KeenLearn 2.1 — product refinement pass
   Content-first learning UI. No fake dashboard widgets, no decorative alerts.
   ========================================================================== */
:root{
  --bg:#0d0e10;--bg-2:#101114;--rail:#111214;--surface:#151619;--surface-2:#191a1e;--surface-3:#1f2025;--surface-4:#25272d;
  --text:#f2f2f3;--text-2:#c9cbd0;--muted:#90949d;--muted-2:#6f747d;--line:#24262b;--line-2:#2e3137;
  --brand:#7864e9;--brand-2:#8a77ee;--brand-soft:#211d34;--success:#68b989;--warning:#c9a067;--danger:#d86f78;
  --r-sm:6px;--r-md:9px;--r-lg:12px;
  font-family:Arial,"Helvetica Neue","Segoe UI Variable","Segoe UI",sans-serif;
}
body{background:var(--bg);letter-spacing:-.01em}.eyebrow,.section-label{font-size:10px;letter-spacing:.075em}.muted{color:var(--muted)}

/* Shell / brand */
.shell{grid-template-columns:218px minmax(0,1fr);background:var(--bg)}
.rail{align-items:stretch;padding:18px 14px 14px;background:var(--rail);border-right:1px solid #1d1f23}
.brand-mark{width:100%;height:48px;margin:0 0 24px;padding:0 9px;display:flex;justify-content:flex-start;gap:10px;border-radius:8px;color:var(--text)}
.brand-mark img{width:28px;height:28px;object-fit:contain;filter:brightness(1.45) saturate(1.08)}
.brand-name{font-size:16px;font-weight:760;letter-spacing:-.45px}.brand-name>span{color:#9b8bf2}
.rail-nav{gap:3px}.rail-item{width:100%;height:42px;margin:0;border-radius:7px;display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:0 11px;color:#858b94}
.rail-item:hover{background:#18191c;color:#dedfe2}.rail-item.active{background:#1b1a25;color:#f4f3ff}.rail-item.active:before{content:"";width:2px;height:18px;background:var(--brand);position:absolute;left:0;border-radius:3px}
.rail-label{font-size:12.5px;font-weight:560}.rail-active,.rail-tip{display:none!important}.rail-bottom{padding-top:10px;border-top:1px solid #1e2024}
.workspace-shell{grid-template-rows:66px minmax(0,1fr)}.topbar{justify-content:space-between;padding:0 34px;background:#101114;border-bottom:1px solid #1d1f23}
.global-search{width:360px;height:36px;border-radius:7px;background:#17181c;padding:0 11px;color:#858b94}.global-search:hover{background:#1b1c20;color:#c4c6cb}.global-search span{font-size:11.5px}.global-search kbd{background:#23252a;color:#858a94;border-radius:4px;padding:3px 5px}
.top-actions{position:static}.account-button{height:42px;padding:3px 4px 3px 10px;border-radius:8px}.account-copy b{font-size:11px}.account-copy small{font-size:9.5px}.avatar{width:34px;height:34px;background:#23252b}
.view{padding:0 38px 70px}.page{max-width:1480px;padding-top:34px}.page-head{margin-bottom:28px;align-items:center}.page-head h1{font-size:30px;letter-spacing:-1.05px;font-weight:720}.page-head p{font-size:12px;color:#848992;margin-top:6px}.page-actions{gap:8px}
.btn{min-height:36px;border-radius:7px;background:#202126;font-size:11.5px;padding:0 14px}.btn:hover{background:#292a30}.btn.primary{background:var(--brand);box-shadow:none}.btn.primary:hover{background:var(--brand-2);box-shadow:none}.btn.quiet{color:#b1b4ba}.btn.quiet:hover{background:#1d1e22}.btn.danger{background:#2a181b;color:#e7979d}.text-button{font-size:11px;color:#9499a2}.icon-button{border-radius:6px}

/* Home */
.home-page{max-width:1340px}.continue-panel{min-height:250px;display:grid;grid-template-columns:300px minmax(0,1fr) auto;gap:30px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:#131417;overflow:hidden}
.continue-panel.empty{grid-template-columns:1fr auto;min-height:180px;padding:30px}.continue-cover{height:210px;border-radius:9px;background:#1c1c24;display:flex;align-items:flex-end;padding:17px;background-size:cover;background-position:center;position:relative;overflow:hidden}.continue-cover:not(.has-cover):after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#242333,#15161a)}.continue-cover span{position:relative;z-index:1;color:#bcb6e9;font-size:12px;font-weight:700}.continue-cover.has-cover span{display:none}
.continue-copy{min-width:0}.continue-copy h2{margin:10px 0 8px;font-size:34px;letter-spacing:-1.2px;line-height:1.06}.continue-copy>p{margin:0;color:#969aa2;font-size:13px;line-height:1.5}.continue-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;color:#7e838c;font-size:10px}.continue-progress{max-width:540px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:28px}.continue-progress>span{font-size:10px;color:#8c919a}.content-section{margin-top:34px}.section-line{margin:0 0 12px;align-items:end}.section-line h3{margin:0;font-size:17px}.section-line p{margin:5px 0 0;color:#727780;font-size:10.5px}
.home-library-list,.discover-list{border-top:1px solid var(--line)}.home-library-row,.discover-row{width:100%;min-height:72px;display:grid;align-items:center;gap:14px;padding:9px 4px;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .13s,padding .13s}.home-library-row{grid-template-columns:54px minmax(0,1fr) minmax(180px,280px)}.discover-row{grid-template-columns:54px minmax(0,1fr) auto}.home-library-row:hover,.discover-row:hover{background:#121316;padding-left:9px}.program-thumb{width:46px;height:46px;border-radius:7px;background:#1b1c20;display:grid;place-items:center;color:#9c91e9;font-size:12px;font-weight:760;background-size:cover;background-position:center;overflow:hidden}.program-thumb.has-cover{color:transparent}.home-library-copy,.discover-copy{display:grid;gap:4px;min-width:0}.home-library-copy b,.discover-copy b{font-size:12px}.home-library-copy small,.discover-copy small{font-size:10px;color:#787d86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-row-progress{display:grid;grid-template-columns:1fr 34px;gap:10px;align-items:center}.home-row-progress em{font-style:normal;font:10px Consolas,monospace;color:#7f848d;text-align:right}.discover-meta{display:flex;gap:8px}.discover-meta small{padding:0;background:none;color:#878c94;font-size:10px}.soft-empty{padding:22px 2px;border-top:1px solid var(--line);color:#737881;font-size:11px}

/* Library */
.library-page,.explore-page,.admin-page,.settings-page{max-width:1400px}.library-tools,.explore-tools{gap:8px;margin-bottom:18px}.inline-search{height:38px;border-radius:7px;background:#17181c}.select-control,.field input,.field textarea,.field select{border-radius:7px;background:#18191d}.library-list{border-top:1px solid var(--line)}.library-row{min-height:74px;grid-template-columns:54px minmax(260px,1fr) minmax(160px,260px) 46px;gap:14px;border-bottom:1px solid var(--line);padding:8px 4px}.library-row:hover{background:#121316;padding-left:9px}.library-main b{font-size:12.5px}.library-main small{font-size:10px}.library-value{font-size:10px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:10px}.library-tile{min-height:286px;border:1px solid var(--line);background:#131417;border-radius:10px;padding:10px}.library-tile:hover{background:#16171a;transform:none;border-color:#303238}.tile-cover{height:132px;border-radius:7px;background:#1a1b1f;display:grid;place-items:center;background-size:cover;background-position:center;color:#958be2;font-weight:800}.tile-cover.has-cover span{display:none}.library-tile h3{font-size:15px;margin:14px 4px 7px}.library-tile p{font-size:10.5px;margin:0 4px;color:#81868f}.tile-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 4px 0;color:#888d95;font-size:9.5px}.tile-foot{margin:13px 4px 9px;justify-content:space-between}

/* Explore */
.subject-bar{margin-bottom:18px;gap:5px}.subject-chip{height:29px;border-radius:6px;background:#15161a;padding:0 10px}.subject-chip.active{background:#211f31;color:#d0cbfb}.featured-program{min-height:300px;grid-template-columns:380px minmax(0,1fr);gap:34px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#131417;margin-bottom:18px;cursor:pointer}.feature-cover{height:264px;border-radius:8px;background:#1b1b22;display:flex;align-items:flex-end;padding:18px;background-size:cover;background-position:center;color:#a49ae8;font-size:12px}.feature-cover.has-cover span{display:none}.feature-copy{align-self:center;max-width:670px}.feature-copy h2{margin:10px 0 9px;font-size:31px;letter-spacing:-1px}.feature-copy p{margin:0;color:#90949c;line-height:1.6;font-size:12px}.feature-tags,.program-tags{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0;color:#aaa3df;font-size:10px}.feature-meta{display:flex;gap:12px;margin:16px 0;color:#7c818a;font-size:10px}.explore-list{border-top:1px solid var(--line)}.explore-row{min-height:76px;grid-template-columns:54px minmax(260px,1fr) 160px 220px;gap:14px;border-bottom:1px solid var(--line);padding:8px 4px}.explore-row:hover{background:#121316;padding-left:9px}.explore-copy b{font-size:12px}.explore-copy small{font-size:10px}.explore-author{font-size:10px;color:#7b8089}.explore-tags{display:flex;gap:8px}.explore-tags i{font-style:normal;font-size:9.5px;color:#8f879f;background:none;padding:0}

/* Program detail */
.program-masthead{grid-template-columns:minmax(0,1fr) 430px;gap:54px;min-height:360px}.program-mastcopy h1{font-size:48px;letter-spacing:-2px}.program-mastcopy>p{font-size:13px;max-width:760px}.program-art{width:420px;height:236px;border-radius:10px;transform:none;background:#17181d}.program-art span{font-size:46px}.program-facts{font-size:10.5px;margin:16px 0}.program-progress{max-width:600px}.module{background:#121316;border:1px solid #202228}.module>header{height:70px}.module-lessons button:hover{background:#17181b}

/* Settings */
.settings-layout{grid-template-columns:180px minmax(0,820px);gap:44px}.settings-nav button{font-size:11.5px;border-radius:6px}.settings-nav button.active{background:#1b1c20}.settings-section>h2{font-size:27px}.settings-section>p{font-size:11.5px}.setting-row{min-height:82px}.setting-row b{font-size:12px}.setting-row p{font-size:10.5px}.device-dot{border-radius:2px;width:6px;height:6px;box-shadow:none!important}

/* Admin */
.admin-tabs{height:44px}.admin-tabs button{font-size:11px}.admin-row{min-height:70px;grid-template-columns:48px minmax(260px,1fr) 120px auto;gap:14px}.program-admin{grid-template-columns:54px minmax(260px,1fr) 120px auto}.admin-row b{font-size:11.5px}.admin-row small{font-size:9.8px}.admin-actions{display:flex;justify-content:flex-end;gap:6px}.danger-confirm{background:#16171a;border:1px solid var(--line);border-radius:8px;padding:13px}.danger-confirm p{margin:0 0 9px;color:#a5a8ae;font-size:10.5px}.danger-confirm input{width:100%;height:38px;border:0;outline:0;border-radius:6px;background:#202126;padding:0 10px}

/* Creator */
.creator-page{background:#0d0e10}.creator-topbar{height:66px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);background:#111214;border-bottom:1px solid #202226;padding:0 18px}.creator-brand h1{font-size:14px}.creator-workspace{grid-template-columns:248px minmax(500px,1fr) 270px}.creator-structure,.creator-inspector{background:#111214}.creator-structure{border-right:1px solid #202226}.creator-inspector{border-left:1px solid #202226}.creator-structure>header,.inspector-head{border-bottom:1px solid #202226;text-transform:none;letter-spacing:0;font-size:10.5px}.creator-canvas{background:#0d0e10;padding:28px 28px 90px}.canvas-head{max-width:900px;margin-bottom:18px}.canvas-head h2{font-size:24px}.block-canvas{max-width:900px;gap:10px}.creator-block{background:#151619;border:1px solid #222429;border-radius:8px}.creator-block:hover{background:#17181b}.block-head{height:44px;border-bottom:1px solid #222429}.block-body{padding:14px}.creator-text,.code-field{background:#101114;border-radius:6px}.tree-module-title,.tree-lesson{border-radius:5px}.tree-module-title.active,.tree-lesson.active{background:#201e2d}.inspector-note{margin:6px 0 18px;color:#70757e;font-size:9.5px;line-height:1.5}.program-settings-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.program-cover-editor{display:flex;flex-direction:column;gap:10px}.creator-cover-preview{aspect-ratio:16/9;border-radius:9px;background:#17181c;border:1px solid var(--line);display:grid;place-items:center;color:#717680;font-size:11px;background-size:cover;background-position:center;overflow:hidden}.creator-cover-preview.has-image span{display:none}.cover-actions{display:flex;align-items:center;gap:10px}.program-cover-editor>small{color:#737881;font-size:9.5px;line-height:1.4}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-count{float:right;color:#686d75;font-weight:400}.tag-editor{min-height:43px;border-radius:7px;background:#18191d;padding:6px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tag-editor input{flex:1;min-width:120px;background:transparent;border:0!important;box-shadow:none!important;padding:0 5px;height:28px}.tag-chip{height:27px;border-radius:5px;background:#24212f;color:#b7afe9;padding:0 7px;font-size:9.5px;cursor:pointer}.tag-chip span{color:#77727f;margin-left:3px}.tag-suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tag-suggestions button{background:transparent;color:#777d86;padding:3px 1px;font-size:9px;cursor:pointer}.tag-suggestions button:hover{color:#b9b2ea}.modal-xl{width:min(900px,100%)}

/* Modal / motion refinement */
.modal-back{background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}.modal{background:#151619;border:1px solid #2a2c31;border-radius:11px;box-shadow:0 28px 90px rgba(0,0,0,.48)}.modal-head h2{font-size:22px}.toast{background:#1b1c20;border:1px solid #292b30}.toast-dot{border-radius:2px}

/* Focus mode keeps Creator/Learning dense without losing brand */
.shell.focus-mode{grid-template-columns:70px minmax(0,1fr)}.shell.focus-mode .rail{padding:12px 9px}.shell.focus-mode .brand-mark{justify-content:center;padding:0}.shell.focus-mode .brand-name,.shell.focus-mode .rail-label{display:none}.shell.focus-mode .rail-item{justify-content:center;padding:0}.shell.focus-mode .rail-bottom{border-top:0}

@media(max-width:1180px){
  .shell{grid-template-columns:74px minmax(0,1fr)}.rail{padding:14px 9px}.brand-mark{justify-content:center;padding:0}.brand-name,.rail-label{display:none}.rail-item{justify-content:center;padding:0}.topbar{padding:0 22px}.view{padding-left:24px;padding-right:24px}.continue-panel{grid-template-columns:240px 1fr}.continue-panel>.btn{grid-column:2;justify-self:start}.program-masthead{grid-template-columns:1fr}.program-art{display:none}.featured-program{grid-template-columns:300px 1fr}.creator-workspace{grid-template-columns:220px 1fr}.creator-inspector{position:absolute;right:0;top:66px;bottom:0;width:280px;z-index:12;box-shadow:-20px 0 55px rgba(0,0,0,.35)}
}
@media(max-width:820px){
  .topbar{padding:0 15px}.global-search{width:44px;padding:0;justify-content:center}.global-search span,.global-search kbd{display:none}.view{padding:0 16px 44px}.page{padding-top:24px}.page-head{align-items:flex-start}.continue-panel{grid-template-columns:1fr;padding:16px}.continue-cover{height:180px}.continue-panel>.btn{grid-column:auto}.home-library-row{grid-template-columns:48px 1fr}.home-row-progress{display:none}.discover-row{grid-template-columns:48px 1fr}.discover-meta{display:none}.featured-program{grid-template-columns:1fr;padding:14px}.feature-cover{height:190px}.explore-row{grid-template-columns:48px 1fr}.explore-author,.explore-tags{display:none}.library-row{grid-template-columns:48px 1fr 44px}.library-track{display:none}.program-settings-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.creator-workspace{grid-template-columns:1fr}.creator-structure,.creator-inspector{display:none}.creator-topbar{grid-template-columns:1fr auto}.creator-save-state{display:none}.creator-actions .select-control,.creator-actions .btn.quiet{display:none}
}
.program-art span{font-size:14px;letter-spacing:.02em;color:#8f8aaf}.eyebrow,.section-label{color:#858a93}.creator-page .eyebrow{color:#9589eb}.continue-cover:not(.has-cover):after{display:none}
.program-danger-zone{margin-top:18px;padding:14px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.program-danger-zone b{font-size:11.5px}.program-danger-zone p{margin:4px 0 0;color:#777c84;font-size:9.5px}
.explore-filter-panel{display:none;margin:-4px 0 18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px}.explore-filter-panel.visible{display:grid}.explore-filter-panel>div{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start}.explore-filter-panel>div>span{padding-top:7px;color:#737881;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em}.explore-filter-panel .subject-bar{margin:0;flex-wrap:wrap;overflow:visible}
.block-picker{grid-template-columns:1fr 1fr;gap:7px}.block-picker button{min-height:64px;display:block;padding:12px;background:#17181b;border:1px solid #24262b;border-radius:7px}.block-picker button:hover{background:#1c1d21;border-color:#32343a}.block-picker button>div{display:grid;gap:4px}.block-picker b{font-size:11px}.block-picker small{font-size:9.5px;color:#797e87}.block-picker button>span{display:none}

/* 2.1.0 final polish */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",sans-serif}
.brand-mark img{filter:brightness(1.72) saturate(1.12);opacity:.98}.brand-name{font-weight:720}
.program-thumb .kl-icon{--icon-size:17px;color:#9189c8}.program-admin .program-thumb .kl-icon{--icon-size:18px}
.admin-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 14px}.admin-toolbar .inline-search{width:min(420px,55vw)}
.home-page .page-head{margin-bottom:22px}.home-page .page-head h1{font-size:32px}
.featured-program .section-label{color:#838790}
.tag-editor:focus-within{background:#1c1d21;box-shadow:0 0 0 1px #343139 inset}
.tag-chip{transition:background .12s,color .12s}.tag-chip:hover{background:#2d293a;color:#d7d2fa}
@media(max-width:820px){.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar .inline-search{width:100%;max-width:none}.admin-toolbar .select-control{width:100%}}

/* ========================================================================== 
   KeenLearn 2.2 — product surface
   Content-first, dark editorial UI. Purple is a state/brand signal, not a fill.
   ========================================================================== */
:root{
  --bg:#090b0d;
  --bg-elev:#0c0f12;
  --sidebar:#0a0c0f;
  --surface:#101318;
  --surface-2:#14181e;
  --surface-3:#191e25;
  --surface-light:#f1f0ed;
  --text:#f1f2f3;
  --text-2:#c6c9ce;
  --muted:#878e98;
  --muted-2:#606873;
  --line:rgba(255,255,255,.065);
  --line-strong:rgba(255,255,255,.11);
  --brand:#7667e9;
  --brand-2:#9185ef;
  --brand-soft:rgba(118,103,233,.12);
  --success:#62bc82;
  --warning:#c99a56;
  --danger:#da727c;
  --r-sm:6px;
  --r-md:9px;
  --r-lg:12px;
  --sidebar-w:238px;
  --topbar-h:66px;
  --ease:cubic-bezier(.2,.72,.2,1);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
}

body{background:var(--bg);font-size:14px;letter-spacing:-.005em}
button,input,textarea,select{font-family:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(145,133,239,.72);outline-offset:2px}

/* Typography */
.page-head h1,.home-greeting h1,.profile-hero h1,.program-hero-copy h1{font-weight:650;letter-spacing:-.045em}
.page-head h1{font-size:34px;line-height:1.08}
.page-head p{font-size:13px;line-height:1.55;color:var(--muted);margin-top:8px}
.eyebrow,.section-label{color:var(--muted);font-size:11px;line-height:1.2;text-transform:none;letter-spacing:0;font-weight:600}

/* Controls */
.btn{min-height:38px;padding:0 14px;border-radius:7px;background:#171b21;color:#dfe2e6;border:1px solid transparent;font-size:12px;font-weight:560;box-shadow:none}
.btn:hover{background:#1c2129;color:white}
.btn.primary,.btn.light{background:#f1f0ed;color:#0c0d10;font-weight:650}
.btn.primary:hover,.btn.light:hover{background:white;color:#090a0c;box-shadow:none}
.btn.quiet{background:transparent;color:#969da7}.btn.quiet:hover{background:#12161b;color:#e7e9ec}
.btn.danger{background:#241518;color:#e9979d}.btn.danger:hover{background:#311a1f}
.btn.large{min-height:43px;padding:0 18px}.btn.sm{min-height:31px;padding:0 10px;font-size:11px}
.icon-button,.top-icon-button{border-radius:7px;background:transparent;color:#8b939e}.icon-button:hover,.top-icon-button:hover{background:#15191f;color:#eef0f2}
.text-button,.section-link,.breadcrumb{color:#8f96a0}.text-button:hover,.section-link:hover,.breadcrumb:hover{color:#f0f1f2}
.select-control,.field input,.field textarea,.field select{background:#14181e;border:1px solid transparent;border-radius:7px;color:#eceef0}
.select-control:hover,.field input:hover,.field textarea:hover,.field select:hover{background:#171c22}
.field input:focus,.field textarea:focus,.field select:focus,.select-control:focus{background:#151a20;box-shadow:0 0 0 1px rgba(145,133,239,.48) inset}
.field label{color:#7c8490;font-size:11px;font-weight:560;letter-spacing:0}
.field-note{font-size:10px;color:#606975}
.inline-search{height:40px;background:#11151a;border:1px solid var(--line);border-radius:8px}
.inline-search:focus-within{background:#14191f;box-shadow:0 0 0 1px rgba(145,133,239,.25) inset}
.meta-pills span,.role-badge{background:#15191e;border:1px solid var(--line);border-radius:5px;color:#9da4ad}
.progress{background:#21262d;height:4px;border-radius:999px;overflow:hidden}.progress span{background:#ececf0;border-radius:inherit;transition:width .36s var(--ease)}.progress.thin{height:3px}.program-progress-v22 .progress span,.continue-bottom .progress span{background:var(--brand-2)}

/* Application shell */
.shell{height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);background:var(--bg)}
.sidebar{min-width:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 16px 16px;overflow:hidden;position:relative;z-index:20}
.sidebar-brand{height:44px;width:100%;display:flex;align-items:center;gap:11px;padding:0 9px;margin:0 0 25px;background:transparent;color:var(--text);border-radius:7px;cursor:pointer;text-align:left}
.sidebar-brand:hover{background:#101318}.sidebar-brand img{width:25px;height:25px;object-fit:contain}.sidebar-brand strong{font-size:16px;font-weight:650;letter-spacing:-.025em}
.sidebar-main,.sidebar-bottom{display:grid;gap:4px}.sidebar-spacer{flex:1}
.side-nav-item{position:relative;width:100%;height:44px;padding:0 12px;display:flex;align-items:center;gap:13px;border-radius:7px;background:transparent;color:#8e96a1;cursor:pointer;text-align:left;font-size:13px;font-weight:500;transition:background .14s var(--ease),color .14s var(--ease)}
.side-nav-item:before{content:"";position:absolute;left:-16px;top:11px;bottom:11px;width:2px;background:transparent;border-radius:0 2px 2px 0;transition:.14s}
.side-nav-item:hover{background:#11151a;color:#e5e7ea}.side-nav-item.active{background:#171a20;color:#f3f4f5}.side-nav-item.active:before{background:var(--brand)}.side-nav-item.active .kl-icon{color:#c3bcff}
.side-nav-item .kl-icon{--icon-size:18px;color:currentColor}.sidebar-bottom{padding-top:12px;border-top:1px solid transparent}
.workspace-shell{min-width:0;display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr)}
.topbar{height:var(--topbar-h);padding:0 34px;border-bottom:1px solid var(--line);background:rgba(10,12,15,.96);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:18}
.global-search{width:min(510px,46vw);height:39px;padding:0 12px;border-radius:8px;background:#11151a;color:#737b86;display:flex;align-items:center;gap:10px;border:1px solid transparent;cursor:pointer;transition:.14s}
.global-search:hover{background:#14181e;color:#a5acb5;border-color:var(--line)}.global-search span{flex:1;text-align:left;font-size:12px}.global-search kbd{font:9px/1 Consolas,monospace;color:#6f7782;background:#1a1f26;border:1px solid var(--line);padding:4px 6px;border-radius:4px}
.top-actions{position:static;display:flex;align-items:center;gap:8px}.top-icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;cursor:pointer}
.account-button{min-height:44px;padding:4px 4px 4px 8px;display:flex;align-items:center;gap:10px;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.account-button:hover{background:#12161b}
.account-button .avatar{width:30px;height:30px}.account-copy{text-align:left;display:grid;gap:1px}.account-copy b{font-size:12px;font-weight:600}.account-copy small{font-size:10px;color:#737b86}.account-chevron{font-size:11px;color:#666e79;margin:0 3px}
.view{min-height:0;overflow:auto;padding:0 32px 56px;background:var(--bg);transition:opacity .12s var(--ease)}.view.route-changing{opacity:.62}.page{max-width:1420px;margin:0 auto;padding-top:34px}
.shell.focus-mode{grid-template-columns:72px minmax(0,1fr)}.shell.focus-mode .sidebar{padding:14px 8px}.shell.focus-mode .sidebar-brand{justify-content:center;padding:0;margin-bottom:18px}.shell.focus-mode .sidebar-brand img{width:28px;height:28px}.shell.focus-mode .sidebar-brand strong,.shell.focus-mode .side-nav-item span{display:none}.shell.focus-mode .side-nav-item{width:48px;justify-content:center;padding:0;margin:0 auto}.shell.focus-mode .side-nav-item:before{left:-8px}.shell.focus-mode .topbar{display:none}.shell.focus-mode .workspace-shell{grid-template-rows:minmax(0,1fr)}.shell.focus-mode .view{padding:0;overflow:hidden}

/* Home */
.home-v22{max-width:1440px;min-height:calc(100vh - var(--topbar-h));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;animation:fadeUp .22s var(--ease) both}
.home-main{min-width:0;padding:34px 36px 60px 12px}.home-side{border-left:1px solid var(--line);padding:28px 0 50px 28px;min-width:0}
.home-greeting{margin:0 0 30px}.home-greeting h1{font-size:36px;line-height:1.04;margin:0;color:#f0f1f2}.home-greeting p{font-size:13px;margin:9px 0 0;color:#7e8691}
.home-section{margin:0 0 34px}.section-heading{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.section-heading h2{margin:0;font-size:17px;font-weight:630;letter-spacing:-.025em}.section-heading>span{font-size:11px;color:#707986}.section-link{background:transparent;border:0;font-size:11px;cursor:pointer;padding:6px 0}.section-link span{display:inline-block;margin-left:6px;transition:transform .14s}.section-link:hover span{transform:translateX(2px)}
.continue-card{min-height:174px;border:1px solid var(--line);border-radius:8px;background:#0d1014;display:grid;grid-template-columns:34% minmax(0,1fr) 132px;overflow:hidden;transition:border-color .16s,background .16s}.continue-card:hover{border-color:var(--line-strong);background:#0f1216}.continue-image{min-height:174px;border:0;border-radius:0;background:#12161b center/cover no-repeat;color:#838b95;cursor:pointer;display:grid;place-items:center}.continue-image.has-cover{box-shadow:inset -28px 0 45px rgba(0,0,0,.12)}
.cover-fallback{height:100%;width:100%;display:grid;place-items:center;align-content:center;gap:8px;color:#646d78}.cover-fallback small{font-size:10px;color:#707985}
.continue-details{padding:25px 27px 20px;min-width:0;align-self:center}.continue-details>small{font-size:11px;color:#8b929c}.continue-details h3{font-size:21px;line-height:1.14;margin:9px 0 7px;font-weight:630;letter-spacing:-.035em}.continue-details .lesson-position{font-size:10px;color:#696f79;margin-bottom:3px}.continue-details>p{margin:0;color:#c0c4c9;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-bottom{display:grid;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:12px;margin-top:22px}.continue-bottom>span{font-size:10px;color:#9da4ad}.continue-button{align-self:end;justify-self:stretch;height:44px;margin:0 18px 18px 0;background:#181c22;color:#e8eaed;border-radius:7px;cursor:pointer;font-size:12px;font-weight:570}.continue-button:hover{background:#20252d}.continue-button span{margin-left:12px;color:#8f96a0}
.home-empty-line{min-height:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px}.home-empty-line>div{display:grid;gap:5px}.home-empty-line b{font-size:14px}.home-empty-line span{font-size:11px;color:#747c87}
.home-tabs,.library-tabs,.explore-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:6px}.home-tabs button,.library-tabs button,.explore-tabs button{height:36px;padding:0 1px;border:0;border-bottom:1px solid transparent;background:transparent;color:#777f8a;font-size:11.5px;cursor:pointer;position:relative;bottom:-1px}.home-tabs button:hover,.library-tabs button:hover,.explore-tabs button:hover{color:#cfd3d8}.home-tabs button.active,.library-tabs button.active,.explore-tabs button.active{color:#f0f1f2;border-bottom-color:#f0f1f2}
.home-program-list{min-height:92px}.home-program-row{width:100%;min-height:62px;padding:8px 5px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;display:grid;grid-template-columns:58px minmax(0,1fr) auto 28px;gap:13px;align-items:center;text-align:left;cursor:pointer;transition:background .12s}.home-program-row:hover{background:#0d1014}.program-mini-cover{width:58px;height:40px;border-radius:5px;background:#15191f center/cover no-repeat;display:grid;place-items:center;color:#7c8490}.program-row-copy{display:grid;gap:4px;min-width:0}.program-row-copy b{font-size:12.5px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-row-copy small{font-size:10px;color:#747c86}.program-row-time{font-size:10px;color:#707883}.row-more{font-size:10px;letter-spacing:.08em;color:#757e89}.subtle-empty{padding:24px 4px;color:#6d7580;font-size:11px}.subtle-empty.compact{padding:12px 0}
.discovery-section{margin-bottom:0}.discovery-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:8px}.discover-card{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.discover-cover{display:block;aspect-ratio:16/8.6;border-radius:6px;background:#15191e center/cover no-repeat;overflow:hidden;transition:filter .15s,transform .15s}.discover-card:hover .discover-cover{filter:brightness(1.08);transform:translateY(-1px)}.discover-card>b{display:block;margin-top:9px;font-size:11.5px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-card>small{display:block;margin-top:3px;color:#707883;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-empty{grid-column:1/-1}
.home-create{width:100%;height:53px;border-radius:6px;background:#f1f0ed;color:#101114;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:650;cursor:pointer;margin-bottom:19px}.home-create:hover{background:white}.home-create>span{font-size:20px;font-weight:300;line-height:1}
.quick-actions{display:grid}.quick-actions>button{min-height:61px;border:0;background:transparent;color:#8f97a2;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:9px 5px;cursor:pointer;border-radius:6px}.quick-actions>button:hover{background:#0f1216;color:#e1e4e7}.quick-actions>button>span{display:grid;gap:3px}.quick-actions b{font-size:12px;font-weight:570;color:#d9dce0}.quick-actions small{font-size:10px;color:#717985}.side-rule{height:1px;background:var(--line);margin:22px 0}.recent-activity h3{font-size:13px;margin:0 0 11px;font-weight:620}.activity-row{width:100%;min-height:51px;padding:6px 4px;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border-radius:6px}.activity-row:hover{background:#0f1216}.activity-cover{width:39px;height:39px;border-radius:5px;background:#15191f center/cover no-repeat;display:grid;place-items:center;color:#737c87}.activity-row>span:nth-child(2){display:grid;gap:3px;min-width:0}.activity-row b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row small{font-size:9.5px;color:#707884;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row time{font-size:9px;color:#5f6772}.security-note{width:100%;border:0;background:transparent;color:#8c949e;display:grid;grid-template-columns:26px 1fr;gap:10px;text-align:left;padding:7px 4px;cursor:pointer}.security-note:hover{color:#eef0f2}.security-note span{display:grid;gap:3px}.security-note b{font-size:10.5px}.security-note small{font-size:9.5px;color:#69717c;line-height:1.45}

/* Library */
.library-v22{max-width:1270px}.library-toolbar{display:flex;align-items:center;gap:9px;margin:24px 0 14px}.library-toolbar .inline-search{flex:1}.library-list-v22{border-top:1px solid var(--line)}
.library-row-v22{width:100%;min-height:92px;padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;display:grid;grid-template-columns:108px minmax(230px,1.5fr) minmax(150px,.8fr) minmax(150px,.7fr) 24px;gap:18px;align-items:center;text-align:left;cursor:pointer}.library-row-v22:hover{background:#0d1013}.library-cover{height:63px;border-radius:6px;background:#14181d center/cover no-repeat;overflow:hidden;display:grid;place-items:center}.library-copy{display:grid;gap:4px;min-width:0}.library-copy b{font-size:14px;font-weight:600}.library-copy small{font-size:10px;color:#7b838e}.library-copy>span{font-size:10.5px;color:#686f79;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-tags{display:flex;flex-wrap:wrap;gap:5px}.library-tags i{font-style:normal;font-size:9.5px;color:#767e89}.library-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.library-progress em{font-style:normal;font-size:9.5px;color:#777f8a}.row-arrow{color:#646c77}

/* Explore */
.explore-v22{max-width:1270px}.explore-searchbar{margin:24px 0 12px;display:flex;gap:8px}.explore-searchbar .inline-search{flex:1}.explore-filters{display:none;gap:8px;margin:0 0 16px}.explore-filters.visible{display:flex}.explore-grid-v22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.explore-card-v22{padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;min-width:0}.explore-card-cover{position:relative;display:block;aspect-ratio:16/9;border-radius:7px;background:#15191e center/cover no-repeat;overflow:hidden}.explore-card-cover>i{position:absolute;top:10px;left:10px;background:rgba(8,10,12,.82);backdrop-filter:blur(8px);border-radius:4px;padding:5px 7px;color:#d7d9dc;font-style:normal;font-size:9px}.explore-card-body{display:grid;gap:4px;padding:11px 1px 3px}.explore-card-body>b{font-size:14px;font-weight:600}.explore-card-body>small{height:34px;color:#7c8490;font-size:10.5px;line-height:1.55;overflow:hidden}.explore-card-body>em{font-style:normal;color:#676f7a;font-size:9.5px}.explore-card-body>span{color:#8a829e;font-size:9.5px}.explore-card-v22:hover .explore-card-cover{filter:brightness(1.07)}

/* Program detail */
.program-detail-v22{max-width:1180px}.breadcrumb{border:0;background:transparent;padding:4px 0;margin-bottom:18px;font-size:11px;cursor:pointer}.program-hero-v22{display:grid;grid-template-columns:minmax(360px,45%) minmax(0,1fr);gap:38px;padding-bottom:34px;border-bottom:1px solid var(--line)}.program-hero-cover{aspect-ratio:16/9;border-radius:8px;background:#14181e center/cover no-repeat;overflow:hidden}.program-hero-copy{align-self:center}.program-overline{color:#858d97;font-size:10.5px;margin-bottom:9px}.program-hero-copy h1{margin:0;font-size:38px;line-height:1.05}.program-hero-copy>p{margin:14px 0;color:#9ba2ac;font-size:12.5px;line-height:1.65;max-width:640px}.program-tags-v22{display:flex;gap:9px;flex-wrap:wrap;margin:11px 0}.program-tags-v22 span{font-size:10px;color:#9188ae}.program-byline{font-size:10.5px;color:#747c86;margin:14px 0}.program-byline button{border:0;background:transparent;padding:0;color:#c7cbd0;cursor:pointer}.program-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.program-progress-v22{margin-top:20px;display:grid;grid-template-columns:minmax(180px,1fr);gap:8px;max-width:480px}.program-progress-v22>span{font-size:10px;color:#777f89}.program-progress-v22 b{color:#cfd3d8}.curriculum-v22{padding-top:30px;max-width:820px}.module-list-v22{border-top:1px solid var(--line)}.module-v22{border-bottom:1px solid var(--line)}.module-v22>header{min-height:76px;display:grid;grid-template-columns:35px 1fr auto;gap:14px;align-items:center}.module-v22>header>span{font:10px Consolas,monospace;color:#5e6671}.module-v22 h3{font-size:14px;margin:0 0 4px;font-weight:600}.module-v22 header small,.module-v22 header em{font-size:9.5px;color:#6f7782;font-style:normal}.module-v22>div>button{width:100%;min-height:56px;border:0;border-top:1px solid rgba(255,255,255,.035);background:transparent;color:inherit;display:grid;grid-template-columns:35px 1fr auto;gap:14px;align-items:center;text-align:left;padding:0;cursor:pointer}.module-v22>div>button:hover{background:#0d1013}.lesson-index{width:24px;height:24px;border-radius:50%;border:1px solid #303641;display:grid;place-items:center;font:9px Consolas,monospace;color:#737c87}.lesson-index.done{border-color:#395b49;color:#69bc86;background:#102019}.module-v22>div>button b{font-size:11.5px;font-weight:560}.module-v22>div>button small{display:block;margin-top:3px;font-size:9px;color:#656d77}.module-v22>div>button i{font-style:normal;color:#5f6771}

/* Profile */
.profile-v22{max-width:1080px}.profile-hero{display:grid;grid-template-columns:92px 1fr auto;gap:22px;align-items:center;padding:12px 0 28px;border-bottom:1px solid var(--line)}.profile-avatar.large{width:88px;height:88px;border-radius:50%;font-size:25px}.profile-hero h1{font-size:31px;margin:0 0 7px}.profile-hero p{margin:0;color:#777f89;font-size:11px}.profile-hero>div:nth-child(2)>span{display:block;margin-top:10px;color:#a0a7af;font-size:11.5px;line-height:1.55}.profile-stats{display:flex;gap:26px;padding:17px 0 28px;color:#747c86;font-size:10px}.profile-stats b{color:#e5e7e9;font-weight:600}.profile-actions{align-self:start}

/* Settings */
.settings-v22{max-width:1080px}.settings-layout-v22{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;margin-top:28px}.settings-layout-v22>nav{display:grid;align-content:start;gap:3px}.settings-layout-v22>nav button{height:38px;border:0;border-radius:6px;background:transparent;color:#7b838e;text-align:left;padding:0 11px;cursor:pointer;font-size:11.5px}.settings-layout-v22>nav button:hover{background:#101419;color:#d4d8dc}.settings-layout-v22>nav button.active{background:#15191f;color:#f0f1f2}.settings-section-v22{max-width:760px}.settings-section-v22>h2{font-size:23px;margin:0 0 6px;font-weight:630}.settings-section-v22>p{font-size:11px;color:#747c87;margin:0 0 20px}.setting-form-v22{max-width:580px}.avatar-upload-v22{display:flex;align-items:center;gap:15px;padding:0 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.avatar-upload-v22>div:last-child{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.avatar-upload-v22 b{font-size:12px}.avatar-upload-v22 small{font-size:10px;color:#707985}.avatar-upload-v22 .btn{grid-row:1/3;grid-column:2}.setting-line,.toggle-line{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;color:inherit}.setting-line>div,.toggle-line>span{display:grid;gap:5px}.setting-line b,.toggle-line b{font-size:12px;font-weight:580}.setting-line small,.toggle-line small{font-size:10px;color:#707985}.toggle-line input{width:36px;height:20px;accent-color:var(--brand)}.settings-actions{display:flex;gap:8px;margin-top:20px}.session-list-v22{border-top:1px solid var(--line)}.session-list-v22>div{min-height:64px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center}.session-device{width:22px;height:15px;border:1px solid #5d6570;border-radius:3px;position:relative}.session-device:after{content:"";position:absolute;left:6px;right:6px;bottom:-4px;border-top:1px solid #5d6570}.session-list-v22 b{font-size:11px}.session-list-v22 small{display:block;margin-top:3px;font-size:9px;color:#68717b}.session-list-v22 time{font-size:9px;color:#626a75}

/* Admin */
.admin-v22{max-width:1240px}.admin-tabs-v22{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:22px 0 20px}.admin-tabs-v22 button{height:38px;border:0;border-bottom:1px solid transparent;background:transparent;color:#747d88;font-size:11px;cursor:pointer;padding:0}.admin-tabs-v22 button.active{color:#f0f1f2;border-bottom-color:#f0f1f2}.admin-content-v22{max-width:1120px}.admin-toolbar-v22{display:flex;gap:8px;margin-bottom:10px}.admin-toolbar-v22 .inline-search{flex:1}.admin-table{border-top:1px solid var(--line)}.admin-table-row{min-height:62px;width:100%;display:grid;grid-template-columns:42px minmax(200px,1fr) 110px 110px 34px;gap:14px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;padding:8px 3px}.admin-table-row[role="button"],button.admin-table-row{cursor:pointer}.admin-table-row:hover{background:#0d1013}.admin-table-row>span:nth-child(2){display:grid;gap:3px}.admin-table-row b{font-size:11px}.admin-table-row small{font-size:9px;color:#69727c}.admin-avatar{width:34px;height:34px;border-radius:50%;background:#191e25;display:grid;place-items:center;font-size:10px;overflow:hidden}.admin-avatar img{width:100%;height:100%;object-fit:cover}.role-badge{justify-self:start;padding:4px 6px;font-size:9px}.status-text{font-size:9.5px;color:#858d97}.status-text.good{color:#76bd8d!important}.audit-v22{border-top:1px solid var(--line)}.audit-v22>div{min-height:58px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.audit-v22>div>span{width:4px;height:4px;border-radius:50%;background:#626a75}.audit-v22 b{font-size:10.5px}.audit-v22 small{display:block;margin-top:3px;font-size:9px;color:#6d7580}.audit-v22 code{font-size:9px;color:#626a74}.small-number{width:80px;height:34px;border:0;border-radius:6px;background:#15191f;color:#e6e8eb;padding:0 8px}

/* Creator */
.creator-page{height:100%;display:grid;grid-template-rows:62px minmax(0,1fr);background:#090b0d}.creator-topbar{height:62px;padding:0 18px;border-bottom:1px solid var(--line);background:#0b0e11;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.creator-brand{display:flex;align-items:center;gap:12px;min-width:0}.creator-brand h1{font-size:13px;font-weight:600;margin:3px 0 0}.creator-brand .eyebrow{font-size:9px;color:#777f8a}.outline-back{height:32px;padding:0 8px;border:0;background:transparent;color:#7f8792;display:flex;align-items:center;gap:6px;border-radius:6px;cursor:pointer;font-size:10px}.outline-back:hover{background:#13171c;color:#eceef0}.creator-save-state{font-size:9px;color:#626a75}.creator-actions{display:flex;gap:6px;justify-self:end;align-items:center}.creator-workspace{min-height:0;display:grid;grid-template-columns:248px minmax(480px,1fr) 300px}.creator-structure,.creator-inspector{background:#0b0e11;min-width:0}.creator-structure{border-right:1px solid var(--line);display:grid;grid-template-rows:45px minmax(0,1fr)}.creator-inspector{border-left:1px solid var(--line);overflow:auto}.creator-structure>header,.inspector-head{height:45px;padding:0 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#747c87;font-size:10px;text-transform:none;letter-spacing:0}.structure-scroll{padding:10px 8px 40px}.tree-module{margin-bottom:15px}.tree-module-title{height:31px;padding:0 7px;display:grid;grid-template-columns:26px 1fr;gap:5px;align-items:center;border-radius:5px}.tree-module-title span{font:9px Consolas,monospace;color:#565e69}.tree-module-title b{font-size:10px;font-weight:590}.tree-module-title:hover,.tree-module-title.active{background:#12161b}.tree-lessons{display:grid;gap:1px}.tree-lesson{min-height:33px;padding:0 7px 0 14px;border-radius:5px;grid-template-columns:8px 1fr auto}.tree-lesson i{width:4px;height:4px;background:#4d5560}.tree-lesson.active{background:#171a20;color:#f0f1f2}.tree-lesson.active i{background:var(--brand-2)}.tree-lesson span{font-size:9.5px}.tree-lesson small{font-size:8px}.tree-add-lesson{font-size:9px;color:#626a75;padding:7px 14px}.creator-canvas{background:#090b0d;padding:24px 32px 80px}.canvas-head{max-width:780px;margin:0 auto 16px;align-items:center}.canvas-head h2{font-size:23px;letter-spacing:-.035em}.block-canvas{max-width:780px;gap:10px}.creator-block{border:1px solid var(--line);background:#0e1115;border-radius:8px}.creator-block:hover{background:#0f1317;border-color:var(--line-strong)}.block-head{height:40px;border-bottom:1px solid var(--line);padding:0 10px}.block-head span{font-size:10px}.block-head small{font-size:8px}.block-body{padding:12px}.creator-text,.code-field{background:#0a0d10;border:1px solid transparent;border-radius:6px;font-size:12px;padding:11px 12px}.creator-text:focus,.code-field:focus{border-color:#37314f}.creator-text.heading-input{font-size:18px}.code-field{font-size:11px}.creator-inspector .inspector-body{padding:15px}.inspector-note{font-size:9.5px;line-height:1.55;color:#68717b;background:transparent;padding:0}.inspector-danger{border-top:1px solid var(--line)}.block-picker{grid-template-columns:1fr 1fr;gap:6px}.block-picker button{min-height:68px;background:#101419;border:1px solid var(--line);border-radius:7px;display:block;padding:12px;text-align:left}.block-picker button:hover{background:#15191f;border-color:var(--line-strong)}.block-picker b{font-size:11px}.block-picker small{font-size:9px;line-height:1.4}.program-cover-editor{margin-bottom:20px}.creator-cover-preview{aspect-ratio:16/9;border-radius:7px;background:#11151a center/cover no-repeat;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.creator-cover-preview:not(.has-image):before{content:"Program cover";font-size:10px;color:#626a75}.cover-actions{display:flex;gap:7px;margin-top:8px}.tag-editor{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tag-chip{border:1px solid var(--line);background:#11151a;border-radius:5px;padding:5px 7px;font-size:9.5px;color:#a4aab2}.tag-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag-suggestions button{border:0;background:transparent;color:#767f8a;font-size:9px;cursor:pointer;padding:3px}.tag-suggestions button:hover{color:#dddfe2}.program-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.program-danger-zone{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}

/* Learning workspace */
.learn-page{height:100%;display:grid;grid-template-columns:255px minmax(0,1fr);background:#090b0d}.learn-outline{background:#0b0e11;border-right:1px solid var(--line);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.outline-top{padding:14px 14px 12px;border-bottom:1px solid var(--line)}.outline-title{margin-top:14px}.outline-title h2{font-size:13px;margin:3px 0}.outline-title p{font-size:9px;color:#69717c;margin:0}.outline-progress{margin-top:12px}.outline-scroll{overflow:auto;padding:10px 8px 40px}.outline-module{margin-bottom:14px}.outline-module>header{font-size:9px;color:#717985;padding:5px 8px}.outline-lesson{width:100%;min-height:34px;border:0;background:transparent;color:#777f8a;border-radius:5px;padding:0 8px;display:grid;grid-template-columns:17px 1fr;align-items:center;text-align:left;font-size:9.5px;cursor:pointer}.outline-lesson:hover{background:#11151a;color:#d8dce0}.outline-lesson.active{background:#171a20;color:#f1f2f3}.outline-lesson.done{color:#8eb09a}.learn-stage{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.learn-header{min-height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.learn-header h1{font-size:17px;margin:3px 0 0;font-weight:620}.lesson-position{font-size:10px;color:#6d7580}.learn-body{min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr)}.learn-body.with-workspace{grid-template-columns:minmax(420px,1fr) minmax(420px,.95fr)}.lesson-content{padding:36px 46px 70px;max-width:850px;width:100%;margin:0 auto}.lesson-intro h2{font-size:30px;line-height:1.12;letter-spacing:-.04em;margin:0 0 12px}.lesson-intro p{font-size:13px;line-height:1.7;color:#9ba2aa}.lesson-content h2,.lesson-content h3{letter-spacing:-.025em}.lesson-content p{color:#a0a7af;line-height:1.75}.lesson-callout{border-left:2px solid #4c496d;background:#0d1014;padding:13px 15px;border-radius:0 6px 6px 0}.code-example{background:#0b0e11;border:1px solid var(--line);border-radius:7px}.lesson-workspace{min-width:0;border-left:1px solid var(--line);background:#0b0e11;display:grid;grid-template-rows:43px minmax(0,1fr)}.workspace-bar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10px}.workspace-tabs{display:flex;height:100%}.workspace-tabs button{height:100%;border:0;border-bottom:1px solid transparent;background:transparent;color:#737b86;padding:0 11px;font-size:10px;cursor:pointer}.workspace-tabs button.active{color:#edf0f2;border-bottom-color:#e5e6e9}.workspace-body{min-height:0;overflow:auto}.editor-shell{background:#0a0d10;border-bottom:1px solid var(--line)}.editor-file{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;font:10px Consolas,monospace;color:#8b939d}.editor-area{min-height:300px;display:grid;grid-template-columns:42px minmax(0,1fr)}.line-numbers{padding:12px 9px;text-align:right;background:#090c0f;color:#3f4751;font:10px/1.7 Consolas,monospace;white-space:pre;overflow:hidden}.code-editor{width:100%;min-height:300px;border:0;outline:0;resize:none;background:#0a0d10;color:#dfe3e7;padding:12px;font:11px/1.7 Consolas,monospace;tab-size:4}.console-panel{border-top:1px solid var(--line)}.console-output{min-height:130px;padding:12px;background:#090c0f;color:#c7ccd2;font:10px/1.65 Consolas,monospace;white-space:pre-wrap}.console-output.error{color:#e38b93}.test-results{padding:8px 11px}.test-row{min-height:41px;border-bottom:1px solid rgba(255,255,255,.035);display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center}.test-row b{font-size:9.5px}.test-row small{display:block;font-size:8.5px;color:#666f79}.terminal{background:#080b0e;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:12px}.terminal-log{min-height:280px;max-height:430px;overflow:auto;padding:12px;white-space:pre-wrap;font:10.5px/1.65 Consolas,monospace;color:#cbd0d5}.term-row{height:38px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 10px}.term-prompt{font:10px Consolas,monospace;color:#6f9279}.term-input{flex:1;border:0;outline:0;background:transparent;color:#e5e8eb;font:10.5px Consolas,monospace}.learn-footer{min-height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#0a0d10}.complete-button.completed{background:#142019;color:#8ec09f}

/* Auth */
.auth-v22.auth-shell{background:#090b0d}.auth-visual{background:#0b0e11;border-right:1px solid var(--line);padding:44px 54px}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand img{width:28px;height:28px}.auth-brand strong{font-size:17px;letter-spacing:-.025em}.auth-copy h1{font-size:clamp(44px,5vw,74px);line-height:.98;font-weight:630;letter-spacing:-.055em}.auth-copy p{font-size:13px;color:#7f8791}.auth-note{font-size:10px;color:#555e69}.auth-card h2{font-size:29px;font-weight:640;letter-spacing:-.04em}.auth-kicker{font-size:10px;color:#777f89;margin-bottom:9px}.auth-verification{font-size:9.5px;color:#68717c;margin:8px 0 12px}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.auth-error{min-height:18px;font-size:10px;margin:5px 0}.auth-submit{width:100%;min-height:42px}.auth-fields{grid-template-columns:1fr 1fr}.captcha{border:1px solid var(--line);background:#0f1317}.captcha-title{font-size:10px;color:#8b939d}.captcha-options button{background:#15191f;border:1px solid transparent}.captcha-options button.selected{background:#171626;box-shadow:0 0 0 1px var(--brand) inset}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.recovery-grid code{padding:9px;background:#101419;border:1px solid var(--line);border-radius:5px;font-size:10px;color:#dadddf}.auth-complete-actions{display:flex;gap:8px}

/* Overlays */
.modal-back{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.modal{background:#111419;border:1px solid var(--line-strong);border-radius:10px;padding:20px;box-shadow:0 26px 90px rgba(0,0,0,.48)}.modal-head h2{font-size:21px;font-weight:630;letter-spacing:-.03em}.modal-head p{font-size:10.5px;color:#737b86}.modal-actions.split{justify-content:space-between}.modal-actions.split>div{display:flex;gap:6px}.popover{background:#111419;border:1px solid var(--line);border-radius:9px;box-shadow:0 22px 65px rgba(0,0,0,.45)}.popover-title{font-size:10px;color:#7a828d;text-transform:none;letter-spacing:0}.activity-pop-row{width:100%;min-height:50px;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;text-align:left;border-radius:6px;padding:6px;cursor:pointer}.activity-pop-row:hover{background:#171b21}.activity-thumb{width:34px;height:34px;border-radius:5px;background:#191e24 center/cover no-repeat;display:grid;place-items:center}.activity-pop-row span:last-child{display:grid;gap:2px}.activity-pop-row b{font-size:10px}.activity-pop-row small{font-size:8.5px;color:#6b737e}.account-pop-head{display:grid;gap:2px;padding:8px}.account-pop-head b{font-size:11px}.account-pop-head small{font-size:9px;color:#68717b}.popover-menu-row{width:100%;height:35px;border:0;border-radius:5px;background:transparent;color:#9aa1aa;text-align:left;padding:0 9px;cursor:pointer;font-size:10.5px}.popover-menu-row:hover{background:#181c22;color:#eceef0}.popover-separator{height:1px;background:var(--line);margin:5px}.danger-text{color:#d6828a}.command-back{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.command-palette{background:#111419;border:1px solid var(--line-strong);border-radius:10px}.command-input{border-bottom:1px solid var(--line)}.command-row{border-radius:6px}.command-row.selected,.command-row:hover{background:#191d23}.toast{display:block;min-width:220px;background:#171a20;border:1px solid var(--line-strong);border-radius:7px;padding:11px 13px;color:#e0e3e6;font-size:10.5px}.toast-dot{display:none}.empty-state{min-height:150px;padding:24px;color:#6f7782}.empty-state h3{font-size:13px;color:#cdd1d5;margin:0 0 5px}.empty-state p{font-size:10px}.empty-mark{display:none}.page-error{border:1px solid var(--line);background:#101419;border-radius:8px;grid-template-columns:1fr auto}.page-error:before{display:none}

/* Responsive */
@media(max-width:1220px){
  :root{--sidebar-w:210px}.home-v22{grid-template-columns:minmax(0,1fr) 290px}.home-main{padding-right:26px}.home-side{padding-left:22px}.discovery-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.discover-card:nth-child(5){display:none}.creator-workspace{grid-template-columns:220px minmax(420px,1fr) 270px}.learn-body.with-workspace{grid-template-columns:minmax(360px,1fr) minmax(390px,.9fr)}
}
@media(max-width:980px){
  :root{--sidebar-w:74px}.sidebar{padding:14px 8px}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand strong,.side-nav-item span{display:none}.side-nav-item{width:48px;justify-content:center;padding:0;margin:0 auto}.side-nav-item:before{left:-8px}.topbar{padding:0 18px}.global-search{width:min(420px,52vw)}.account-copy{display:none}.home-v22{grid-template-columns:1fr}.home-main{padding:28px 8px 42px}.home-side{border-left:0;border-top:1px solid var(--line);padding:24px 8px 50px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px}.quick-actions>button{background:#0f1317;padding:10px}.recent-activity{max-width:650px}.discovery-strip{grid-template-columns:repeat(3,1fr)}.discover-card:nth-child(4),.discover-card:nth-child(5){display:none}.explore-grid-v22{grid-template-columns:repeat(2,1fr)}.program-hero-v22{grid-template-columns:1fr}.program-hero-cover{max-width:720px}.settings-layout-v22{grid-template-columns:150px 1fr}.creator-workspace{grid-template-columns:205px minmax(0,1fr)}.creator-inspector{display:none}.learn-page{grid-template-columns:210px minmax(0,1fr)}.learn-body.with-workspace{grid-template-columns:1fr}.lesson-workspace{border-left:0;border-top:1px solid var(--line);min-height:520px}.learn-body{overflow:auto}.lesson-content{padding:30px 32px 55px}
}
@media(max-width:700px){
  :root{--topbar-h:58px}.shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 58px}.sidebar{grid-row:2;position:relative;border-right:0;border-top:1px solid var(--line);padding:5px 8px;display:grid;grid-template-columns:repeat(4,1fr);z-index:30}.sidebar-brand,.sidebar-spacer,.sidebar-bottom{display:none}.sidebar-main{display:contents}.side-nav-item{width:100%;height:46px}.side-nav-item span{display:block;font-size:9px}.side-nav-item{flex-direction:column;gap:3px}.side-nav-item:before{display:none}.workspace-shell{grid-row:1;grid-template-rows:58px minmax(0,1fr)}.topbar{height:58px;padding:0 12px}.global-search{width:42px;height:38px;justify-content:center;padding:0}.global-search span,.global-search kbd{display:none}.account-button{padding:4px}.account-chevron{display:none}.view{padding:0 14px 38px}.home-main{padding:22px 0 36px}.home-greeting h1{font-size:29px}.continue-card{grid-template-columns:1fr;min-height:0}.continue-image{min-height:160px}.continue-details{padding:18px}.continue-button{margin:0 18px 18px;height:40px}.home-side{padding:22px 0}.quick-actions{grid-template-columns:1fr}.discovery-strip{grid-template-columns:repeat(2,1fr)}.discover-card:nth-child(3){display:none}.library-toolbar,.explore-searchbar{flex-wrap:wrap}.library-row-v22{grid-template-columns:74px minmax(0,1fr) 20px;gap:12px}.library-cover{height:50px}.library-tags,.library-progress{display:none}.explore-grid-v22{grid-template-columns:1fr}.page-head h1{font-size:29px}.program-hero-copy h1{font-size:31px}.settings-layout-v22{grid-template-columns:1fr;gap:20px}.settings-layout-v22>nav{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.settings-layout-v22>nav button{white-space:nowrap}.profile-hero{grid-template-columns:68px 1fr}.profile-avatar.large{width:64px;height:64px}.profile-actions{grid-column:1/-1}.admin-table-row{grid-template-columns:36px 1fr 30px}.admin-table-row>:nth-child(3),.admin-table-row>:nth-child(4){display:none}.creator-page{grid-template-rows:auto minmax(0,1fr)}.creator-topbar{padding:8px 10px;grid-template-columns:1fr auto;gap:8px}.creator-save-state{display:none}.creator-actions{grid-column:1/-1;width:100%;overflow:auto;justify-content:flex-start}.creator-workspace{grid-template-columns:1fr}.creator-structure{display:none}.creator-canvas{padding:18px 14px 60px}.learn-page{grid-template-columns:1fr}.learn-outline{display:none}.learn-header{padding:0 14px}.lesson-content{padding:25px 18px 45px}.learn-footer{padding:0 12px}.auth-shell.auth-v22{grid-template-columns:1fr}.auth-visual{display:none}.auth-pane{padding:24px}.auth-fields{grid-template-columns:1fr}.recovery-grid{grid-template-columns:1fr}
}

/* 2.2 final QA additions */
.account-inspect{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:16px 0}.account-inspect>div{min-height:68px;background:#11151a;padding:12px;display:grid;align-content:center;gap:4px}.account-inspect span{font-size:10px;color:#717a85}.account-inspect b{font-size:12px;font-weight:600;color:#e8eaed}.explore-filters{gap:8px;grid-template-columns:repeat(3,minmax(150px,220px))}
@media(max-width:700px){.account-inspect{grid-template-columns:1fr}.explore-filters{grid-template-columns:1fr}}