@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope/manrope-regular.otf) format("opentype");font-weight:400}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope/manrope-semibold.otf) format("opentype");font-weight:600}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope/manrope-bold.otf) format("opentype");font-weight:700}:root{color:var(--kp-color-text);background:var(--kp-color-background);font-family:Inter,Manrope,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--kp-color-background)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--kp-color-primary) 42%,transparent);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-160%);padding:10px 14px;border-radius:8px;color:var(--kp-color-primary-foreground);background:var(--kp-color-primary);font-weight:900;box-shadow:var(--kp-shadow-lift)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:var(--kp-color-background)}.sidebar{background:var(--kp-color-surface);border-right:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);box-shadow:4px 0 20px #0f172a0f}.sidebar-brand{height:80px;display:flex;align-items:center;gap:12px;padding:16px 24px;background:color-mix(in srgb,var(--kp-color-primary) 6%,var(--kp-color-surface));border-bottom:1px solid color-mix(in srgb,var(--kp-color-border) 45%,transparent)}.brand-mark,.card-icon,.sidebar-link-icon,.module-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--kp-color-primary-foreground);background:var(--kp-color-primary);border-radius:8px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-name{font-size:20px;font-weight:800}.sidebar-nav{padding:16px;display:grid;gap:4px}.sidebar-link{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;font-weight:600;color:var(--kp-color-text)}.sidebar-link:hover{background:color-mix(in srgb,var(--kp-color-primary) 8%,transparent)}.sidebar-link.active{color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 12%,transparent);outline:1px solid color-mix(in srgb,var(--kp-color-primary) 20%,transparent)}.sidebar-link-icon{width:34px;height:34px;color:var(--kp-color-muted-text);background:var(--kp-color-surface-muted)}.sidebar-link.active .sidebar-link-icon{color:var(--kp-color-primary-foreground);background:var(--kp-color-primary)}.app-main{min-width:0}.bottom-nav{display:none}.page{padding:24px;max-width:1400px;margin:0 auto;width:100%}.page-header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-header-title{display:flex;align-items:center;gap:12px;min-width:0}.page-header h1{margin:0;font-size:18px;font-weight:700}.page-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);background:var(--kp-color-surface);color:var(--kp-color-text);font-weight:700}.button.primary{background:var(--kp-color-primary);color:var(--kp-color-primary-foreground);border-color:var(--kp-color-primary)}.button.secondary,.icon-button:hover{background:color-mix(in srgb,var(--kp-color-primary) 8%,var(--kp-color-surface));color:var(--kp-color-primary)}.button.large{width:100%;min-height:48px}.icon-button{width:40px;padding:0}.icon-button.labeled{width:auto;padding:0 12px}.icon-button.danger{color:var(--kp-color-danger)}.button:disabled{opacity:.6;cursor:not-allowed}.landing-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) 1fr;background:var(--kp-color-surface)}.login-panel{position:relative;display:grid;place-items:center;padding:40px}.landing-image{background:url(/assets/images/instructors_bg.jpg) center/cover}.theme-toggle{position:absolute;top:32px;right:32px;width:48px;height:48px;display:grid;place-items:center;border-radius:999px;color:var(--kp-color-text);background:color-mix(in srgb,var(--kp-color-surface) 92%,transparent);box-shadow:0 8px 22px #0f172a29}.login-form{width:min(100%,480px);display:grid;gap:18px}.login-logo{width:72px;height:72px;object-fit:contain;justify-self:center}.login-form h1{text-align:center;margin:0 0 8px;font-size:28px}.login-form p{text-align:center;margin:0;color:var(--kp-color-muted-text)}label{display:grid;gap:8px;color:var(--kp-color-muted-text);font-weight:700;font-size:13px}input,textarea,select{width:100%;border:1px solid var(--kp-color-border);border-radius:8px;padding:14px 16px;background:var(--kp-color-surface);color:var(--kp-color-text);outline:none;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--kp-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--kp-color-primary) 14%,transparent)}input.invalid{border-color:var(--kp-color-danger)}.password-field{display:grid;grid-template-columns:1fr 44px;border:1px solid var(--kp-color-border);border-radius:8px;background:var(--kp-color-surface)}.password-field input{border:0;box-shadow:none}.password-field button{background:transparent;color:var(--kp-color-muted-text)}.form-error{color:var(--kp-color-danger)!important;text-align:left!important;font-weight:700}.form-help{margin:0;color:var(--kp-color-muted-text);font-size:13px;font-weight:700}.splash-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:24px;background:var(--kp-color-background)}.splash-screen img{width:104px;height:104px;object-fit:contain}.skeleton-block.splash-loader{width:148px;height:14px;border-radius:999px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-view{min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:var(--kp-color-muted-text);border:1px solid color-mix(in srgb,var(--kp-color-border) 60%,transparent);border-radius:8px;background:var(--kp-color-surface);padding:24px}.state-view strong{color:var(--kp-color-text)}.state-view.error svg{color:var(--kp-color-danger)}.skeleton-state{width:min(100%,1440px);margin:0 auto;padding:var(--kp-page-gutter);display:grid;gap:clamp(16px,2vw,24px)}.skeleton-block{position:relative;display:block;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--kp-color-primary) 7%,var(--kp-color-surface-muted))}.skeleton-block:after,.viewer-loading:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--kp-color-surface) 76%,transparent),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton-block:after,.viewer-loading:after{animation:none}}.skeleton-block.icon{width:52px;height:52px;border-radius:12px}.skeleton-block.line{height:16px;margin-bottom:12px}.skeleton-block.line.short{width:min(42%,220px)}.skeleton-block.line.medium{width:min(66%,480px)}.skeleton-block.line.long{width:min(90%,780px)}.skeleton-block.line.navigator-title{width:116px;height:18px;margin-bottom:0}.skeleton-block.line.navigator-meta{width:164px;height:13px;margin-bottom:0}.skeleton-block.input{height:64px;border-radius:var(--kp-radius-control)}.skeleton-block.card{min-height:230px;border-radius:var(--kp-radius-card)}.skeleton-block.card.tall{min-height:196px}.skeleton-block.paragraph{height:148px;border-radius:var(--kp-radius-card)}.skeleton-block.paragraph.short-block{height:92px}.skeleton-block.question{height:116px;border-radius:var(--kp-radius-card)}.skeleton-block.viewer{min-height:min(68vh,680px);border-radius:var(--kp-radius-card)}.skeleton-block.avatar{width:118px;height:118px;border-radius:999px}.skeleton-block.dot{aspect-ratio:1;border-radius:14px}.skeleton-block.back{width:46px;height:46px;border-radius:var(--kp-radius-control)}.skeleton-block.button-pill{width:108px;height:46px;border-radius:var(--kp-radius-control)}.skeleton-block.button-pill.small{width:78px}.skeleton-block.progress{grid-column:1 / -1;width:100%;height:10px;border-radius:999px}.skeleton-hero,.skeleton-section-title,.skeleton-row-card,.skeleton-panel,.skeleton-topbar{display:grid;gap:clamp(14px,2vw,20px);padding:clamp(20px,2.4vw,32px);border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.skeleton-hero,.skeleton-section-title,.skeleton-row-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.skeleton-hero.compact{min-height:136px}.skeleton-rows{display:grid;gap:14px}.skeleton-row-card{min-height:92px}.skeleton-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:clamp(14px,2vw,22px)}.skeleton-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-split{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:clamp(16px,2vw,24px)}.skeleton-split.profile{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.skeleton-route-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.skeleton-route-actions{display:flex;gap:10px}.skeleton-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:114px;padding:18px 20px;border-radius:18px}.skeleton-topbar-copy{min-width:0}.skeleton-topbar-meta{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.skeleton-quiz{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px}.skeleton-assessment-panel{width:100%;max-width:940px;justify-self:center;padding:28px;border-radius:24px}.skeleton-assessment-title{padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--kp-color-border) 62%,transparent)}.skeleton-navigator{align-self:start;display:grid;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.skeleton-navigator-header{display:grid;gap:8px}.skeleton-navigator-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.skeleton-viewer-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.greeting-card,.hero-strip,.section-title,.placeholder-card,.document-view{display:flex;align-items:center;gap:16px;padding:24px 32px;border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:8px;background:var(--kp-color-surface)}.greeting-card h2,.hero-strip h2,.section-title h2,.placeholder-card h2{margin:0;font-size:18px}.greeting-card p,.hero-strip p,.placeholder-card p{margin:4px 0 0;color:var(--kp-color-muted-text)}.card-icon{width:44px;height:44px;flex:0 0 44px;border-radius:10px}.card-icon.soft{color:var(--kp-color-primary);background:var(--kp-color-primary-soft)}.section-block{margin-top:24px;display:grid;gap:16px}.section-heading{margin:24px 0 16px}.section-heading h2{margin:0 0 4px;font-size:17px}.section-heading p{margin:0;color:var(--kp-color-muted-text)}.section-title p{margin:4px 0 0;color:var(--kp-color-muted-text)}.announcement-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;align-items:stretch}.announcement-card,.progress-card,.course-card,.topic-card,.detail-card,.reply-card,.profile-card,.settings-card,.composer,.reply-form,.quiz-view,.media-view{border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:8px;background:var(--kp-color-surface);box-shadow:0 8px 22px #0f172a0d}.announcement-card{min-height:190px;display:grid;align-content:space-between;gap:18px;padding:20px;color:var(--kp-color-text);background:linear-gradient(135deg,color-mix(in srgb,var(--kp-color-primary) 12%,var(--kp-color-surface)),var(--kp-color-surface)),radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-secondary) 18%,transparent),transparent 42%);overflow:hidden}.announcement-card:hover{border-color:color-mix(in srgb,var(--kp-color-primary) 34%,var(--kp-color-border));box-shadow:0 14px 30px color-mix(in srgb,var(--kp-color-primary) 10%,transparent)}.eyebrow{display:inline-flex;padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--kp-color-primary) 12%,var(--kp-color-surface));color:var(--kp-color-primary);font-size:11px;font-weight:800;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border))}.announcement-card h3,.progress-card h3,.course-card h3{margin:12px 0 8px;font-size:16px}.announcement-card p,.progress-card p,.course-card p{color:var(--kp-color-muted-text);margin:0;line-height:1.5;overflow-wrap:anywhere}.announcement-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:0;color:var(--kp-color-muted-text);font-size:12px;flex-wrap:wrap}.progress-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.progress-card{display:grid;gap:8px;padding:18px}.progress-bar{height:8px;background:var(--kp-color-surface-muted);border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--kp-color-primary);border-radius:inherit}.progress-card strong{color:var(--kp-color-primary)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.course-card{min-height:245px;padding:18px;display:grid;gap:12px;align-content:start;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.course-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kp-color-primary) 35%,var(--kp-color-border));box-shadow:0 14px 28px #0f172a1a}.course-card header{display:flex;align-items:center;justify-content:space-between}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.status-pill.success{color:var(--kp-color-success);background:color-mix(in srgb,var(--kp-color-success) 12%,transparent);border:1px solid color-mix(in srgb,var(--kp-color-success) 28%,transparent)}.status-pill.danger{color:var(--kp-color-danger);background:color-mix(in srgb,var(--kp-color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--kp-color-danger) 24%,transparent)}.course-action{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:8px;color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 8%,transparent);font-weight:800}.toolbar{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:16px;border:1px solid var(--kp-color-border);border-radius:8px;padding:0 12px;background:var(--kp-color-surface)}.toolbar input{min-height:50px;border:0;box-shadow:none;padding:0;background:transparent;color:var(--kp-color-text)}.toolbar input:focus{box-shadow:none}.topic-list{display:grid;gap:12px}.topic-card.muted,.module-row.locked{opacity:.62}.topic-header{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px 20px;background:color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface));border-radius:8px;color:var(--kp-color-text)}.topic-header h2{margin:0 0 4px;font-size:16px}.topic-header p{margin:0;color:var(--kp-color-muted-text)}.topic-header span{color:var(--kp-color-primary);font-weight:800}.topic-content{padding:12px 16px 16px;display:grid;gap:8px}.module-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:8px;border-radius:8px}.module-row:hover{background:color-mix(in srgb,var(--kp-color-primary) 7%,transparent)}.module-main{min-width:0;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:var(--kp-color-text)}.module-main strong{display:block}.module-main small{display:block;margin-top:4px;color:var(--kp-color-muted-text)}.module-icon{width:34px;height:34px;color:var(--kp-color-primary);background:var(--kp-color-primary-soft);flex:0 0 34px}.module-label-card{display:grid;gap:14px;margin:6px 0;padding:18px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 16%,var(--kp-color-border));border-radius:12px;background:color-mix(in srgb,var(--kp-color-surface) 94%,var(--kp-color-primary))}.module-label-card header{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;color:var(--kp-color-primary)}.module-label-card header strong{color:var(--kp-color-text);font-size:16px}.module-label-card.compact{padding:14px 18px}.module-label-card .html-content{padding-left:36px}.module-label-card .html-content>*:first-child{margin-top:0}.module-label-card .html-content>*:last-child{margin-bottom:0}.topic-actions{padding-top:8px}.muted-icon{color:var(--kp-color-warning)}.forum-layout{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}.forum-list,.forum-detail{display:grid;gap:10px}.forum-item{display:grid;grid-template-columns:20px 1fr;gap:12px;text-align:left;padding:14px;border-radius:8px;color:var(--kp-color-text);background:var(--kp-color-surface);border:1px solid var(--kp-color-border)}.forum-item.active{border-color:var(--kp-color-primary);background:var(--kp-color-primary-soft)}.forum-item small{display:block;margin-top:4px;color:var(--kp-color-muted-text)}.composer,.reply-form{padding:16px;display:grid;gap:12px;margin-bottom:16px}.detail-card{padding:20px}.detail-card header{display:flex;justify-content:space-between;gap:12px}.detail-card h2{margin:0 0 6px}.detail-card p{margin:0;color:var(--kp-color-muted-text)}.row-actions{display:flex;gap:8px}.reply-list{display:grid;gap:10px}.reply-card{padding:14px}.reply-card-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.reply-card-header small{display:block;margin-top:3px;color:var(--kp-color-muted-text)}.forum-post-actions{display:inline-flex;gap:8px;flex:0 0 auto}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.attachment-list a{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border));border-radius:999px;color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 7%,var(--kp-color-surface));font-size:13px;font-weight:800}.inline-edit-form{display:grid;gap:10px}.profile-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;align-items:start}.profile-card{padding:24px;display:flex;gap:24px}.avatar{color:var(--kp-color-primary);background:var(--kp-color-primary-soft);border-radius:999px;width:132px;height:132px;display:grid;place-items:center;flex:0 0 132px}.profile-card h2{margin:0 0 10px}.profile-card p,.profile-card small{display:block;margin:0 0 8px;color:var(--kp-color-muted-text)}.settings-card{padding:20px;display:grid;gap:18px}.settings-group h3{margin:0 0 8px;color:var(--kp-color-muted-text);font-size:13px}.settings-row{width:100%;display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:12px;padding:12px 8px;border-radius:8px;color:var(--kp-color-text);background:transparent;text-align:left}.settings-row:hover{background:color-mix(in srgb,var(--kp-color-primary) 8%,transparent)}.logout-row{color:var(--kp-color-danger)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.theme-card{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px;border-radius:8px;border:1px solid var(--kp-color-border);background:var(--kp-color-surface);color:var(--kp-color-text)}.theme-card.active{border-color:var(--kp-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--kp-color-primary) 12%,transparent)}.theme-card:disabled{cursor:default;opacity:.78}.theme-admin-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 18%,var(--kp-color-border));border-radius:8px;color:var(--kp-color-text);background:color-mix(in srgb,var(--kp-color-primary) 7%,var(--kp-color-surface));font-weight:800}.theme-admin-banner svg{color:var(--kp-color-primary)}.theme-admin-banner small{margin-left:auto;color:var(--kp-color-muted-text)}.theme-mode-selector{width:fit-content;display:inline-flex;gap:4px;padding:4px;border:1px solid var(--kp-color-border);border-radius:10px;background:var(--kp-color-surface-muted)}.theme-mode-selector button{min-width:88px;min-height:34px;padding:0 14px;border-radius:7px;color:var(--kp-color-muted-text);background:transparent;font-weight:800}.theme-mode-selector button.active{color:var(--kp-color-primary-foreground);background:var(--kp-color-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--kp-color-primary) 22%,transparent)}.theme-mode-selector button:disabled{cursor:default}.theme-mode-selector.header-toggle{margin-left:auto}.student-display-panel{display:flex;align-items:center;gap:16px;max-width:720px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:8px;background:var(--kp-color-surface)}.student-display-panel h2{margin:0 0 4px;font-size:18px}.student-display-panel p{margin:0;color:var(--kp-color-muted-text)}.swatches{display:inline-flex}.swatches i{width:24px;height:24px;border-radius:999px;border:2px solid var(--kp-color-surface);margin-left:-6px}.custom-theme-form{display:grid;grid-template-columns:repeat(2,minmax(0,220px)) auto;gap:12px;align-items:end}.document-view{display:grid;align-items:start}.document-view iframe,.document-view object,.media-view iframe,.media-view video{width:100%;min-height:520px;border:1px solid var(--kp-color-border);border-radius:8px;background:var(--kp-color-surface)}.document-image{max-width:100%;max-height:78vh;justify-self:center;border-radius:8px;border:1px solid var(--kp-color-border);background:var(--kp-color-surface);object-fit:contain}.pdf-viewer{min-height:76vh}.media-view{min-height:560px;padding:16px;display:grid}.media-view video{height:min(70vh,680px);object-fit:contain}.quiz-page{max-width:1600px}.assessment-shell{display:grid;gap:18px;color:var(--kp-color-text)}.assessment-topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:center;padding:18px 20px;border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:18px;background:color-mix(in srgb,var(--kp-color-surface) 92%,transparent);box-shadow:0 18px 42px #0f172a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.assessment-progress-copy{min-width:0}.assessment-eyebrow,.question-kicker{display:inline-flex;margin-bottom:6px;color:var(--kp-color-primary);font-size:12px;font-weight:800;text-transform:uppercase}.assessment-progress-copy h2,.navigator-header h3,.question-card-header h3{margin:0}.assessment-progress-copy h2{font-size:20px;line-height:1.2}.assessment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.quiz-status,.quiz-timer{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:999px;border:1px solid var(--kp-color-border);background:var(--kp-color-surface);color:var(--kp-color-muted-text);font-size:13px;font-weight:800}.quiz-status.answered{color:var(--kp-color-success);background:color-mix(in srgb,var(--kp-color-success) 10%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-success) 28%,var(--kp-color-border))}.quiz-status.unanswered{color:var(--kp-color-warning);background:color-mix(in srgb,var(--kp-color-warning) 12%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-warning) 30%,var(--kp-color-border))}.quiz-status.flagged{color:#7c3aed;background:color-mix(in srgb,#7c3aed 10%,var(--kp-color-surface));border-color:color-mix(in srgb,#7c3aed 30%,var(--kp-color-border))}.quiz-status.description{color:var(--kp-color-muted-text);background:var(--kp-color-surface-muted)}.assessment-progress{grid-column:1 / -1;height:10px;overflow:hidden;border-radius:999px;background:var(--kp-color-surface-muted)}.assessment-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kp-color-primary),var(--kp-color-accent));transition:width .28s ease}.assessment-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px}.quiz-results-page{min-height:calc(100vh - 32px);display:grid;align-content:start}.quiz-results-landing{width:min(100%,980px);margin:24px auto 0;display:grid;gap:18px}.quiz-results-hero{display:grid;justify-items:center;text-align:center;gap:10px;padding:44px 28px 28px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 22%,var(--kp-color-border));border-radius:28px;background:radial-gradient(circle at top,color-mix(in srgb,var(--kp-color-primary) 16%,transparent),transparent 44%),var(--kp-color-surface);box-shadow:0 28px 70px #0f172a1f}.quiz-results-hero h1{margin:0;font-size:36px;line-height:1.08}.quiz-results-hero p{max-width:620px;margin:0;color:var(--kp-color-muted-text);line-height:1.6}.results-score-panel{display:grid;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:24px;background:var(--kp-color-surface);box-shadow:0 20px 48px #0f172a14}.summary-note{margin:0;padding:12px 14px;border-radius:14px;color:var(--kp-color-muted-text);background:var(--kp-color-surface-muted);font-size:13px;font-weight:700;line-height:1.5}.results-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.quiz-summary-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.45fr);gap:18px;align-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 22%,var(--kp-color-border));border-radius:24px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--kp-color-primary) 14%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--kp-color-primary) 6%,var(--kp-color-surface)),var(--kp-color-surface));box-shadow:0 24px 60px #0f172a1a}.summary-hero{display:flex;gap:16px;align-items:flex-start;min-width:0}.summary-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 54px;border-radius:18px;color:var(--kp-color-primary-foreground);background:linear-gradient(135deg,var(--kp-color-primary),var(--kp-color-accent));box-shadow:0 16px 28px color-mix(in srgb,var(--kp-color-primary) 22%,transparent)}.summary-hero h2{margin:0;font-size:26px}.summary-hero p{margin:8px 0 0;color:var(--kp-color-muted-text);line-height:1.55}.summary-score{display:grid;justify-items:center;gap:4px;padding:18px;border:1px solid color-mix(in srgb,var(--kp-color-border) 65%,transparent);border-radius:20px;background:color-mix(in srgb,var(--kp-color-surface) 82%,transparent)}.summary-score strong{color:var(--kp-color-primary);font-size:42px;line-height:1}.summary-score small{color:var(--kp-color-muted-text);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.summary-score span{color:var(--kp-color-muted-text);text-align:center;font-size:13px;font-weight:800}.summary-stat-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.summary-stat{display:grid;gap:6px;padding:14px;border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:16px;background:var(--kp-color-surface)}.summary-stat svg{color:var(--kp-color-primary)}.summary-stat span{font-size:18px;font-weight:900}.summary-stat small{color:var(--kp-color-muted-text);font-size:12px;font-weight:800}.summary-stat.muted{background:color-mix(in srgb,var(--kp-color-surface-muted) 56%,var(--kp-color-surface))}.summary-stat.muted svg,.summary-stat.muted span{color:var(--kp-color-muted-text)}.quiz-results-page .results-actions .button.secondary{color:var(--kp-color-text);background:color-mix(in srgb,var(--kp-color-primary) 10%,var(--kp-color-surface))}.quiz-results-page .results-actions .button.secondary:hover{border-color:color-mix(in srgb,var(--kp-color-primary) 32%,var(--kp-color-border));background:color-mix(in srgb,var(--kp-color-primary) 16%,var(--kp-color-surface))}.summary-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.assessment-card{max-width:940px;width:100%;justify-self:center;padding:28px;border:1px solid color-mix(in srgb,var(--kp-color-border) 75%,transparent);border-radius:24px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--kp-color-primary) 9%,transparent),transparent 34%),var(--kp-color-surface);box-shadow:0 24px 60px #0f172a1a}.question-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:22px;border-bottom:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent)}.question-card-header h3{font-size:22px;letter-spacing:0}.flag-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:0 14px;border:1px solid color-mix(in srgb,#7c3aed 24%,var(--kp-color-border));border-radius:999px;color:#7c3aed;background:color-mix(in srgb,#7c3aed 7%,var(--kp-color-surface));font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.flag-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,#7c3aed 14%,transparent)}.flag-button.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.modern-question-text{margin:26px 0 22px;padding:24px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 18%,var(--kp-color-border));border-radius:18px;background:color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface));font-size:18px}.modern-question-text .katex,.answer-card .katex{font-size:1.08em}.answer-card-list{display:grid;gap:14px}.answer-card{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 26px;gap:16px;align-items:center;text-align:left;padding:18px 20px;border:1px solid color-mix(in srgb,var(--kp-color-border) 82%,transparent);border-radius:18px;background:var(--kp-color-surface);color:var(--kp-color-text);box-shadow:0 8px 20px #0f172a0a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.answer-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kp-color-primary) 42%,var(--kp-color-border));box-shadow:0 16px 32px #0f172a1a}.answer-card.readonly{cursor:default}.answer-card.readonly:disabled{opacity:1}.answer-card.readonly:hover{transform:none}.answer-card:focus-visible,.navigator-dot:focus-visible,.flag-button:focus-visible{outline:3px solid color-mix(in srgb,var(--kp-color-primary) 28%,transparent);outline-offset:3px}.answer-card.selected{border-color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 8%,var(--kp-color-surface));box-shadow:0 18px 36px color-mix(in srgb,var(--kp-color-primary) 14%,transparent)}.answer-card.correct{border-color:var(--kp-color-success);background:color-mix(in srgb,var(--kp-color-success) 9%,var(--kp-color-surface))}.answer-card.incorrect{border-color:var(--kp-color-danger);background:color-mix(in srgb,var(--kp-color-danger) 8%,var(--kp-color-surface))}.answer-card.partial{border-color:var(--kp-color-warning);background:color-mix(in srgb,var(--kp-color-warning) 10%,var(--kp-color-surface))}.answer-letter{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:var(--kp-color-primary);background:var(--kp-color-primary-soft);font-size:15px;font-weight:900}.answer-card.selected .answer-letter{color:var(--kp-color-primary-foreground);background:var(--kp-color-primary)}.answer-card.correct .answer-letter{color:#fff;background:var(--kp-color-success)}.answer-card.incorrect .answer-letter{color:#fff;background:var(--kp-color-danger)}.answer-card.partial .answer-letter{color:#111827;background:var(--kp-color-warning)}.answer-copy{min-width:0;font-size:16px;line-height:1.55}.answer-copy .html-content>*:first-child,.modern-question-text .html-content>*:first-child{margin-top:0}.answer-copy .html-content>*:last-child,.modern-question-text .html-content>*:last-child{margin-bottom:0}.answer-state-icon{display:inline-flex;justify-content:center;color:var(--kp-color-primary)}.answer-card.correct .answer-state-icon{color:var(--kp-color-success)}.answer-card.incorrect .answer-state-icon{color:var(--kp-color-danger)}.answer-card.partial .answer-state-icon{color:var(--kp-color-warning)}.assessment-actions{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent)}.save-state{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--kp-color-muted-text);font-size:13px;font-weight:800}.legacy-question-fallback{padding:18px;border:1px dashed var(--kp-color-border);border-radius:16px;background:var(--kp-color-surface-muted)}.review-feedback-panel{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 18%,var(--kp-color-border));border-radius:16px;background:color-mix(in srgb,var(--kp-color-primary) 6%,var(--kp-color-surface))}.review-feedback-panel.correct-answer-panel{border-color:color-mix(in srgb,var(--kp-color-success) 28%,var(--kp-color-border));background:color-mix(in srgb,var(--kp-color-success) 8%,var(--kp-color-surface))}.feedback-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 12%,var(--kp-color-surface))}.correct-answer-panel .feedback-icon{color:var(--kp-color-success);background:color-mix(in srgb,var(--kp-color-success) 14%,var(--kp-color-surface))}.review-feedback-panel strong{display:block;margin-bottom:4px}.review-feedback-panel .html-content>*:first-child{margin-top:0}.review-feedback-panel .html-content>*:last-child{margin-bottom:0}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:color-mix(in srgb,#020617 54%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-modal{width:min(100%,460px);display:grid;justify-items:center;gap:14px;padding:26px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 24%,var(--kp-color-border));border-radius:22px;text-align:center;background:var(--kp-color-surface);box-shadow:0 30px 90px #02061752}.confirm-modal h2{margin:0;font-size:24px}.confirm-modal p{margin:0;color:var(--kp-color-muted-text);line-height:1.6}.confirm-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.question-navigator{position:sticky;top:108px;padding:18px;border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:20px;background:var(--kp-color-surface);box-shadow:0 16px 40px #0f172a14}.navigator-header{margin-bottom:14px}.navigator-header h3{font-size:16px}.navigator-header p{margin:5px 0 0;color:var(--kp-color-muted-text);font-size:13px;font-weight:700}.navigator-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.navigator-dot{aspect-ratio:1;border-radius:14px;color:var(--kp-color-text);background:var(--kp-color-surface-muted);border:1px solid color-mix(in srgb,var(--kp-color-border) 76%,transparent);font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.navigator-dot:hover{transform:translateY(-1px)}.navigator-dot.current{color:var(--kp-color-primary-foreground);background:var(--kp-color-primary);border-color:var(--kp-color-primary);box-shadow:0 10px 22px color-mix(in srgb,var(--kp-color-primary) 24%,transparent)}.navigator-dot.current.correct{color:#fff;background:var(--kp-color-success);border-color:var(--kp-color-success)}.navigator-dot.current.incorrect{color:#fff;background:var(--kp-color-danger);border-color:var(--kp-color-danger)}.navigator-dot.current.partial{color:#111827;background:var(--kp-color-warning);border-color:var(--kp-color-warning)}.navigator-dot.answered:not(.current){color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 10%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-primary) 28%,var(--kp-color-border))}.navigator-dot.correct:not(.current){color:var(--kp-color-success);background:color-mix(in srgb,var(--kp-color-success) 10%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-success) 28%,var(--kp-color-border))}.navigator-dot.incorrect:not(.current){color:var(--kp-color-danger);background:color-mix(in srgb,var(--kp-color-danger) 10%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-danger) 28%,var(--kp-color-border))}.navigator-dot.partial:not(.current){color:var(--kp-color-warning);background:color-mix(in srgb,var(--kp-color-warning) 12%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-warning) 34%,var(--kp-color-border))}.navigator-dot.flagged:not(.current){color:#7c3aed;background:color-mix(in srgb,#7c3aed 10%,var(--kp-color-surface));border-color:color-mix(in srgb,#7c3aed 30%,var(--kp-color-border))}.navigator-dot.description{color:var(--kp-color-muted-text);background:color-mix(in srgb,var(--kp-color-border) 26%,var(--kp-color-surface));border-style:dashed;font-size:22px;line-height:1}.navigator-dot.description.current{color:var(--kp-color-primary-foreground);background:var(--kp-color-primary);border-style:solid}.navigator-legend{display:grid;gap:8px;margin-top:16px;color:var(--kp-color-muted-text);font-size:12px;font-weight:800}.navigator-legend span{display:inline-flex;align-items:center;gap:8px}.navigator-legend i{width:10px;height:10px;border-radius:999px;background:var(--kp-color-border)}.navigator-legend i.answered{background:var(--kp-color-primary)}.navigator-legend i.correct{background:var(--kp-color-success)}.navigator-legend i.incorrect{background:var(--kp-color-danger)}.navigator-legend i.partial{background:var(--kp-color-warning)}.navigator-legend i.unanswered{background:var(--kp-color-border)}.navigator-legend i.flagged{background:#7c3aed}.question-card{padding:16px;border:1px solid var(--kp-color-border);border-radius:8px}.placeholder-card{flex-direction:column;align-items:flex-start;max-width:720px}.html-content{line-height:1.65;color:var(--kp-color-text)}.html-content img{max-width:100%;height:auto;border-radius:8px}.html-content .katex-display{overflow-x:auto;overflow-y:hidden;padding:8px 0}.embedded-resource-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:8px;color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 9%,var(--kp-color-surface));border:1px solid color-mix(in srgb,var(--kp-color-primary) 24%,var(--kp-color-border));font-weight:800}.quiz-html .questionflag,.quiz-html .flagged,.quiz-html .que .info .questionflag{display:inline-flex;align-items:center;gap:4px}.quiz-html img.questionflagimage,.quiz-html .questionflag img,.quiz-html .flagged img,.quiz-html img[src*=flag],.quiz-html img[alt*=Flag],.quiz-html img[title*=Flag]{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain;vertical-align:text-bottom;border-radius:0}@media(max-width:900px){.app-shell{display:block;padding-bottom:72px}.sidebar{display:none}.bottom-nav{position:fixed;inset:auto 0 0;height:64px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--kp-color-surface);border-top:1px solid var(--kp-color-border);z-index:20}.bottom-link{display:grid;place-items:center;align-content:center;gap:3px;color:var(--kp-color-muted-text);font-size:11px;font-weight:700}.bottom-link.active{color:var(--kp-color-primary)}.page,.skeleton-state{padding:16px}.skeleton-card-grid.two,.skeleton-split,.skeleton-split.profile,.skeleton-quiz{grid-template-columns:1fr}.skeleton-route-header{grid-template-columns:auto minmax(0,1fr)}.skeleton-route-actions{grid-column:1 / -1}.skeleton-route-actions .button-pill{flex:1 1 0}.skeleton-topbar{grid-template-columns:1fr;min-height:130px}.skeleton-topbar-meta{justify-content:flex-start}.skeleton-navigator{order:-1}.skeleton-navigator-grid{grid-template-columns:repeat(8,minmax(30px,1fr))}.page-header{height:auto;min-height:56px;align-items:flex-start;flex-direction:column}.announcement-list,.forum-layout,.profile-grid,.landing-page{grid-template-columns:1fr}.landing-image{order:-1;min-height:30vh}.login-panel{padding:28px 22px}.custom-theme-form{grid-template-columns:1fr}.module-row{grid-template-columns:minmax(0,1fr) auto auto}.module-row .status-pill{grid-column:1 / -1;justify-self:start;margin-left:46px}.profile-card{flex-direction:column}.assessment-topbar{position:static;grid-template-columns:1fr}.assessment-meta{justify-content:flex-start}.assessment-layout{grid-template-columns:1fr}.assessment-card{padding:18px;border-radius:18px}.question-card-header{flex-direction:column}.flag-button{width:100%}.modern-question-text{padding:18px;font-size:16px}.answer-card{grid-template-columns:38px minmax(0,1fr) 22px;padding:14px;border-radius:14px}.answer-letter{width:38px;height:38px;border-radius:12px}.assessment-actions{grid-template-columns:1fr}.assessment-actions .button{width:100%}.question-navigator{position:static;order:-1}.navigator-grid{grid-template-columns:repeat(8,minmax(34px,1fr))}.quiz-summary-card{grid-template-columns:1fr;padding:18px;border-radius:18px}.summary-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-actions .button{width:100%}.quiz-results-hero{padding:32px 18px 22px;border-radius:20px}.quiz-results-hero h1{font-size:30px}.results-actions .button{width:100%}.confirm-actions{grid-template-columns:1fr}}@media(max-width:560px){.navigator-grid{grid-template-columns:repeat(5,minmax(34px,1fr))}.skeleton-navigator-grid{grid-template-columns:repeat(5,minmax(30px,1fr))}.skeleton-block.line.short,.skeleton-block.line.medium,.skeleton-block.line.long{width:100%}.skeleton-block.question{height:118px}.skeleton-row-card{grid-template-columns:42px minmax(0,1fr);min-height:78px;padding:14px}.skeleton-block.icon{width:42px;height:42px}.assessment-topbar{padding:14px;border-radius:14px}.quiz-status,.quiz-timer{min-height:32px;font-size:12px}}:root{--kp-radius-card: 8px;--kp-radius-control: 8px;--kp-shadow-soft: 0 14px 34px color-mix(in srgb, var(--kp-color-text) 8%, transparent);--kp-shadow-lift: 0 20px 48px color-mix(in srgb, var(--kp-color-primary) 14%, transparent);--kp-page-gutter: clamp(18px, 3vw, 36px)}*{letter-spacing:0}body{overflow-x:hidden}.app-shell{min-height:100vh;grid-template-columns:260px minmax(0,1fr);background:radial-gradient(circle at top left,color-mix(in srgb,var(--kp-color-primary) 12%,transparent),transparent 30rem),linear-gradient(135deg,var(--kp-color-background),color-mix(in srgb,var(--kp-color-secondary) 5%,var(--kp-color-background)))}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--kp-color-primary) 8%,var(--kp-color-surface)),var(--kp-color-surface) 46%),var(--kp-color-surface);box-shadow:10px 0 30px color-mix(in srgb,var(--kp-color-text) 5%,transparent)}.sidebar-brand{height:76px;padding:16px 20px;background:transparent}.brand-name{font-size:18px;font-weight:900}.sidebar-nav{flex:1;padding:14px;align-content:start}.sidebar-link{min-height:48px;border-radius:var(--kp-radius-control);color:var(--kp-color-muted-text);transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar-link:hover{transform:translate(2px);color:var(--kp-color-text)}.sidebar-link.active{color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 13%,var(--kp-color-surface));outline:1px solid color-mix(in srgb,var(--kp-color-primary) 22%,transparent)}.sidebar-footer{padding:14px;border-top:1px solid color-mix(in srgb,var(--kp-color-border) 55%,transparent)}.shell-mode-toggle{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;border:1px solid color-mix(in srgb,var(--kp-color-border) 76%,transparent);border-radius:var(--kp-radius-control);color:var(--kp-color-text);background:color-mix(in srgb,var(--kp-color-primary) 6%,var(--kp-color-surface));font-weight:800;transition:border-color .18s ease,background .18s ease,transform .18s ease}.shell-mode-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--kp-color-primary) 32%,var(--kp-color-border));background:color-mix(in srgb,var(--kp-color-primary) 12%,var(--kp-color-surface))}.shell-mode-toggle.compact{width:44px;padding:0}.mobile-app-bar{display:none}.app-main{min-height:100vh;min-width:0}.page{width:min(100%,1440px);padding:var(--kp-page-gutter)}.page-header{min-height:56px;height:auto;margin-bottom:22px}.page-header h1{max-width:min(70vw,860px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2vw,28px);font-weight:900}.button,.icon-button{min-height:44px;border-radius:var(--kp-radius-control);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button.primary{box-shadow:0 12px 24px color-mix(in srgb,var(--kp-color-primary) 22%,transparent)}.button.secondary{background:color-mix(in srgb,var(--kp-color-primary) 8%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border))}.icon-button{width:44px}.greeting-card,.hero-strip,.section-title,.placeholder-card,.document-view,.announcement-card,.progress-card,.course-card,.topic-card,.detail-card,.reply-card,.profile-card,.settings-card,.composer,.reply-form,.quiz-view,.media-view{border-radius:var(--kp-radius-card);border-color:color-mix(in srgb,var(--kp-color-border) 74%,transparent);box-shadow:var(--kp-shadow-soft)}.dashboard-page{display:grid;gap:22px}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:22px;align-items:stretch;padding:clamp(22px,3vw,34px);border:1px solid color-mix(in srgb,var(--kp-color-primary) 22%,var(--kp-color-border));border-radius:var(--kp-radius-card);background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-secondary) 20%,transparent),transparent 28rem),linear-gradient(135deg,color-mix(in srgb,var(--kp-color-primary) 10%,var(--kp-color-surface)),var(--kp-color-surface));box-shadow:var(--kp-shadow-lift)}.dashboard-hero-copy{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-content:center}.dashboard-hero-copy h2{margin:6px 0 8px;font-size:clamp(26px,4vw,44px);line-height:1.05}.dashboard-hero-copy p{max-width:680px;margin:0;color:var(--kp-color-muted-text);font-size:clamp(15px,1.4vw,18px);line-height:1.6}.dashboard-actions{grid-column:2;display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.dashboard-stat-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:end}.dashboard-stat{min-width:0;display:grid;gap:6px;padding:16px;border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-card);background:color-mix(in srgb,var(--kp-color-surface) 88%,transparent)}.dashboard-stat svg{color:var(--kp-color-primary)}.dashboard-stat strong{font-size:clamp(22px,3vw,34px);line-height:1}.dashboard-stat span{color:var(--kp-color-muted-text);font-size:12px;font-weight:800}.section-block{margin-top:0;gap:14px}.section-title{min-height:74px;padding:18px 22px;background:color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface))}.section-title h2{font-size:19px;font-weight:900}.announcement-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.announcement-card{min-height:210px;padding:22px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.announcement-card:hover{transform:translateY(-3px)}.announcement-card h3,.progress-card h3,.course-card h3{overflow-wrap:anywhere;font-weight:900}.progress-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.progress-card{min-height:156px;padding:20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.progress-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kp-color-primary) 32%,var(--kp-color-border))}.progress-bar{height:10px}.learning-hero{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-secondary) 18%,transparent),transparent 22rem),color-mix(in srgb,var(--kp-color-primary) 7%,var(--kp-color-surface))}.hero-strip-copy{min-width:0}.learning-hero strong{padding:10px 12px;border-radius:999px;color:var(--kp-color-primary);background:var(--kp-color-primary-soft);font-size:13px}.course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.course-card{min-height:230px;padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface)),var(--kp-color-surface))}.course-card h3{font-size:18px;line-height:1.28}.course-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.course-action{min-height:42px;justify-content:space-between;padding:0 12px}.course-overview-strip{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:16px;padding:20px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border));border-radius:var(--kp-radius-card);background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-accent) 14%,transparent),transparent 22rem),color-mix(in srgb,var(--kp-color-primary) 6%,var(--kp-color-surface))}.course-overview-strip h2{margin:4px 0 6px;overflow-wrap:anywhere;font-size:clamp(22px,3vw,34px);line-height:1.12}.course-overview-strip p{margin:0;color:var(--kp-color-muted-text);font-weight:700}.toolbar{min-height:52px;margin-bottom:18px;border-radius:var(--kp-radius-control);background:color-mix(in srgb,var(--kp-color-surface) 92%,var(--kp-color-primary));overflow:hidden}.toolbar svg{color:var(--kp-color-muted-text)}.toolbar input::placeholder{color:var(--kp-color-muted-text);opacity:.9}.toolbar:focus-within{border-color:var(--kp-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--kp-color-primary) 16%,transparent)}.topic-list{gap:14px}.topic-card{overflow:hidden;background:var(--kp-color-surface)}.topic-header{min-height:82px;padding:18px 20px;border-radius:0;background:color-mix(in srgb,var(--kp-color-primary) 6%,var(--kp-color-surface))}.topic-header h2{overflow-wrap:anywhere;font-size:18px;font-weight:900}.topic-content{padding:14px;gap:10px}.module-row{min-height:66px;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;padding:10px;border:1px solid transparent;border-radius:var(--kp-radius-control);transition:background .18s ease,border-color .18s ease}.module-row:hover{border-color:color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border))}.module-main{width:100%}.module-main strong,.module-main small{overflow-wrap:anywhere}.module-main strong{font-size:15px;font-weight:900}.module-label-card{border-radius:var(--kp-radius-card);background:linear-gradient(135deg,color-mix(in srgb,var(--kp-color-primary) 7%,var(--kp-color-surface)),var(--kp-color-surface))}.learning-viewer{display:grid;gap:16px;padding:18px;border:1px solid color-mix(in srgb,var(--kp-color-border) 74%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.viewer-header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--kp-color-border) 62%,transparent)}.viewer-header h2{margin:4px 0 0;overflow-wrap:anywhere;font-size:clamp(18px,2.4vw,26px)}.viewer-body{min-width:0;display:grid}.viewer-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.viewer-zoom{min-width:52px;color:var(--kp-color-muted-text);text-align:center;font-size:13px;font-weight:900}.media-stage,.document-stage{position:relative;min-width:0;display:grid}.media-stage.audio{min-height:180px;place-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--kp-color-border) 74%,transparent);border-radius:var(--kp-radius-card);background:color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface))}.media-stage.audio audio{width:min(100%,720px)}.viewer-loading{position:absolute;top:12px;left:12px;z-index:2;width:138px;min-height:32px;overflow:hidden;font-size:0;border:1px solid color-mix(in srgb,var(--kp-color-primary) 18%,var(--kp-color-border));border-radius:999px;color:transparent;background:color-mix(in srgb,var(--kp-color-primary) 8%,var(--kp-color-surface));box-shadow:var(--kp-shadow-soft)}.viewer-body iframe,.viewer-body object,.viewer-body video,.pdf-viewer{width:100%;min-height:min(74vh,760px);border:1px solid color-mix(in srgb,var(--kp-color-border) 74%,transparent);border-radius:var(--kp-radius-card);background:color-mix(in srgb,var(--kp-color-text) 5%,var(--kp-color-surface))}.viewer-body video{height:min(74vh,760px);object-fit:contain}.document-image{max-height:min(78vh,860px)}.html-content{overflow-wrap:anywhere}.html-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.html-content a{color:var(--kp-color-link);font-weight:700}.forum-item,.settings-row{min-height:58px}.forum-layout{grid-template-columns:minmax(280px,390px) minmax(0,1fr)}.bottom-nav{box-shadow:0 -12px 28px color-mix(in srgb,var(--kp-color-text) 8%,transparent)}@media(max-width:1180px){.app-shell{grid-template-columns:90px minmax(0,1fr)}.sidebar-brand{justify-content:center;padding-inline:12px}.brand-name,.sidebar-link>span:last-child,.shell-mode-toggle:not(.compact) span{display:none}.sidebar-link{justify-content:center;padding-inline:10px}.dashboard-hero{grid-template-columns:1fr}.dashboard-stat-panel{align-content:stretch}}@media(max-width:900px){.app-shell{display:block;padding-top:64px;padding-bottom:76px}.sidebar{display:none}.mobile-app-bar{position:fixed;inset:0 0 auto;z-index:30;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);background:color-mix(in srgb,var(--kp-color-surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900}.bottom-nav{position:fixed;inset:auto 10px 10px;height:64px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid color-mix(in srgb,var(--kp-color-border) 74%,transparent);border-radius:18px;background:color-mix(in srgb,var(--kp-color-surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:25}.bottom-link{border-radius:14px}.bottom-link.active{color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 12%,transparent)}.page{padding:18px}.page-header{flex-direction:row;align-items:center}.page-header h1{max-width:58vw;font-size:20px}.dashboard-hero-copy{grid-template-columns:44px minmax(0,1fr)}.dashboard-actions{grid-column:1 / -1}.dashboard-stat-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-hero{grid-template-columns:44px minmax(0,1fr)}.learning-hero strong{grid-column:1 / -1;justify-self:start}.course-overview-strip{grid-template-columns:44px minmax(0,1fr)}.forum-layout,.profile-grid{grid-template-columns:1fr}.viewer-header{grid-template-columns:44px minmax(0,1fr)}.viewer-header .button{grid-column:1 / -1;justify-self:start}.viewer-body iframe,.viewer-body object,.viewer-body video{min-height:62vh}}@media(max-width:640px){.page{padding:14px}.page-header{gap:10px}.page-header-actions{width:100%;justify-content:stretch}.page-header-actions .button,.page-header-actions .icon-button.labeled{flex:1 1 auto}.dashboard-hero{padding:18px}.dashboard-hero-copy{grid-template-columns:1fr}.dashboard-actions{grid-column:auto}.dashboard-actions .button{width:100%}.dashboard-stat-panel{grid-template-columns:1fr}.section-title,.hero-strip,.greeting-card,.announcement-card,.progress-card,.course-card,.learning-viewer{padding:16px}.course-grid,.progress-row,.announcement-list{grid-template-columns:1fr}.topic-header{align-items:flex-start;gap:12px}.module-row{grid-template-columns:minmax(0,1fr) auto auto}.module-row .status-pill{grid-column:1 / -1;justify-self:start;margin-left:46px}.module-label-card .html-content{padding-left:0}.profile-card{padding:18px}.avatar{width:96px;height:96px;flex-basis:96px}.viewer-body iframe,.viewer-body object,.viewer-body video{min-height:54vh}}@media(max-width:420px){.bottom-link span{display:none}.bottom-nav{height:58px}.page-header h1{max-width:52vw}.module-row{grid-template-columns:minmax(0,1fr) auto}.module-row .status-pill{margin-left:0}}.landing-page{min-height:100vh;grid-template-columns:minmax(380px,.72fr) minmax(0,1fr);background:radial-gradient(circle at top left,color-mix(in srgb,var(--kp-color-primary) 14%,transparent),transparent 28rem),var(--kp-color-background)}.login-panel{align-content:center;padding:clamp(24px,5vw,56px);background:linear-gradient(180deg,color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface)),var(--kp-color-surface))}.login-form{gap:20px;padding:clamp(22px,4vw,34px);border:1px solid color-mix(in srgb,var(--kp-color-border) 70%,transparent);border-radius:var(--kp-radius-card);background:color-mix(in srgb,var(--kp-color-surface) 94%,transparent);box-shadow:var(--kp-shadow-lift)}.login-logo{width:86px;height:86px}.login-form h1{font-size:clamp(28px,4vw,42px);line-height:1.05}.login-form p{max-width:350px;justify-self:center;line-height:1.55}.theme-toggle{top:24px;right:24px;color:var(--kp-color-primary);border:1px solid color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border))}.landing-image{position:relative;display:flex;align-items:flex-end;min-height:100vh;padding:clamp(24px,5vw,56px);background:linear-gradient(180deg,#0206171f,#020617b8),url(/assets/images/instructors_bg.jpg) center/cover}.landing-image-overlay{width:min(100%,760px);display:grid;gap:16px;padding:clamp(20px,4vw,34px);border:1px solid rgba(255,255,255,.24);border-radius:var(--kp-radius-card);color:#fff;background:#0f172a7a;box-shadow:0 24px 70px #02061747;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-image-overlay .eyebrow{width:fit-content;color:#fff;background:#ffffff29;border-color:#ffffff38}.landing-image-overlay h2{max-width:680px;margin:0;font-size:clamp(34px,5vw,62px);line-height:1}.landing-image-overlay p{max-width:640px;margin:0;color:#ffffffdb;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.landing-feature-list{display:flex;flex-wrap:wrap;gap:10px}.landing-feature-list span{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;color:#fff;background:#ffffff21;font-size:13px;font-weight:800}.splash-screen{background:radial-gradient(circle at center,color-mix(in srgb,var(--kp-color-primary) 18%,transparent),transparent 18rem),var(--kp-color-background)}.splash-screen img{width:122px;height:122px;padding:16px;border-radius:28px;background:var(--kp-color-surface);box-shadow:var(--kp-shadow-lift)}.state-view{min-height:220px;border-radius:var(--kp-radius-card);background:radial-gradient(circle at top,color-mix(in srgb,var(--kp-color-primary) 9%,transparent),transparent 16rem),var(--kp-color-surface)}.onboarding-card{width:min(100%,760px);margin:36px auto 0;display:grid;justify-items:center;gap:14px;padding:clamp(24px,5vw,44px);text-align:center;border:1px solid color-mix(in srgb,var(--kp-color-primary) 22%,var(--kp-color-border));border-radius:var(--kp-radius-card);background:radial-gradient(circle at top,color-mix(in srgb,var(--kp-color-primary) 16%,transparent),transparent 24rem),var(--kp-color-surface);box-shadow:var(--kp-shadow-lift)}.onboarding-card h2{max-width:620px;margin:0;font-size:clamp(28px,4vw,44px);line-height:1.08}.onboarding-card p{max-width:620px;margin:0;color:var(--kp-color-muted-text);line-height:1.65}.onboarding-steps{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.onboarding-steps span{min-height:74px;display:grid;place-items:center;gap:7px;padding:12px;border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-card);background:color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface));color:var(--kp-color-text);font-weight:800}.onboarding-page{max-width:1180px}.onboarding-hero{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:center;padding:clamp(20px,4vw,30px);border:1px solid color-mix(in srgb,var(--kp-color-primary) 22%,var(--kp-color-border));border-radius:var(--kp-radius-card);background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-primary) 14%,transparent),transparent 24rem),var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.onboarding-hero h2{margin:6px 0 8px;font-size:clamp(26px,4vw,42px);line-height:1.08}.onboarding-hero p{margin:0;color:var(--kp-color-muted-text);line-height:1.55}.sync-pill{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;color:var(--kp-color-primary);background:color-mix(in srgb,var(--kp-color-primary) 8%,var(--kp-color-surface));border:1px solid color-mix(in srgb,var(--kp-color-primary) 22%,var(--kp-color-border));font-weight:900}.sync-pill.portal{color:var(--kp-color-success);background:color-mix(in srgb,var(--kp-color-success) 10%,var(--kp-color-surface));border-color:color-mix(in srgb,var(--kp-color-success) 24%,var(--kp-color-border))}.kyc-form{display:grid;gap:16px;margin-top:18px}.kyc-section{display:grid;gap:18px;padding:clamp(18px,3vw,24px);border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.kyc-section header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}.kyc-section header svg{width:38px;height:38px;padding:9px;border-radius:12px;color:var(--kp-color-primary);background:var(--kp-color-primary-soft)}.kyc-section h3{margin:0 0 4px}.kyc-section p{margin:0;color:var(--kp-color-muted-text)}.kyc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kyc-grid .span-2{grid-column:1 / -1}.consent-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 18%,var(--kp-color-border));border-radius:var(--kp-radius-control);background:color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface));color:var(--kp-color-text)}.consent-row input{width:20px;height:20px;margin-top:2px;accent-color:var(--kp-color-primary)}.form-alert{display:inline-flex;align-items:center;gap:8px;margin:0;padding:12px 14px;border-radius:var(--kp-radius-control);font-weight:800}.form-alert.success{color:var(--kp-color-success);background:color-mix(in srgb,var(--kp-color-success) 10%,var(--kp-color-surface));border:1px solid color-mix(in srgb,var(--kp-color-success) 24%,var(--kp-color-border))}.form-alert.error{color:var(--kp-color-danger);background:color-mix(in srgb,var(--kp-color-danger) 9%,var(--kp-color-surface));border:1px solid color-mix(in srgb,var(--kp-color-danger) 24%,var(--kp-color-border))}.kyc-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.profile-page .profile-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.profile-card{align-items:center;background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-primary) 14%,transparent),transparent 22rem),var(--kp-color-surface)}.profile-card h2{margin-top:8px;font-size:clamp(24px,3vw,36px);line-height:1.1}.profile-meta-list{display:grid;gap:10px;margin-top:18px}.profile-meta-list span{min-height:38px;display:inline-flex;align-items:center;gap:9px;width:fit-content;max-width:100%;padding:0 12px;border-radius:999px;color:var(--kp-color-muted-text);background:color-mix(in srgb,var(--kp-color-primary) 7%,var(--kp-color-surface));font-weight:800;overflow-wrap:anywhere}.profile-meta-list svg{flex:0 0 auto;color:var(--kp-color-primary)}.settings-card{gap:14px}.settings-group{display:grid;gap:6px}.settings-group h3{padding-inline:6px;color:var(--kp-color-primary);text-transform:uppercase}.settings-row{padding:0 12px;border:1px solid transparent;border-radius:var(--kp-radius-control)}.settings-row:hover{border-color:color-mix(in srgb,var(--kp-color-primary) 18%,var(--kp-color-border))}.display-page{display:grid;gap:18px}.display-page .section-block{padding:18px;border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.theme-card{min-height:88px;border-radius:var(--kp-radius-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.theme-card:not(:disabled):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kp-color-primary) 32%,var(--kp-color-border));box-shadow:var(--kp-shadow-soft)}.student-display-panel{max-width:840px;padding:22px;border-radius:var(--kp-radius-card);background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-primary) 14%,transparent),transparent 20rem),var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.contrast-audit-panel{display:flex;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.contrast-audit-panel span{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border-radius:999px;color:var(--kp-color-muted-text);background:var(--kp-color-surface-muted);font-size:12px;font-weight:900}.contrast-audit-panel i{width:9px;height:9px;border-radius:999px}.contrast-audit-panel .pass i{background:var(--kp-color-success)}.contrast-audit-panel .fail{color:var(--kp-color-danger)}.contrast-audit-panel .fail i{background:var(--kp-color-danger)}.custom-theme-form{grid-template-columns:repeat(2,minmax(180px,260px)) minmax(190px,auto)}.forum-layout{gap:18px}.forum-list,.forum-detail,.reply-list{gap:12px}.forum-item{border-radius:var(--kp-radius-card);transition:transform .18s ease,border-color .18s ease,background .18s ease}.forum-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--kp-color-primary) 24%,var(--kp-color-border))}.forum-item.active{background:color-mix(in srgb,var(--kp-color-primary) 12%,var(--kp-color-surface))}.detail-card,.reply-card,.composer,.reply-form{border-radius:var(--kp-radius-card)}.detail-card header{align-items:flex-start;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--kp-color-border) 64%,transparent)}.detail-card h2{overflow-wrap:anywhere}.placeholder-card{width:min(100%,760px);padding:clamp(22px,4vw,34px);background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-primary) 12%,transparent),transparent 22rem),var(--kp-color-surface)}.placeholder-card h2{font-size:clamp(24px,3vw,34px)}@media(max-width:900px){.landing-page{grid-template-columns:1fr}.landing-image{min-height:44vh;order:-1}.login-panel{min-height:auto}.profile-page .profile-grid,.custom-theme-form{grid-template-columns:1fr}}@media(max-width:640px){.landing-image{min-height:36vh;padding:16px}.landing-image-overlay{padding:18px}.landing-feature-list{display:grid}.login-panel{padding:16px}.login-form{padding:20px}.onboarding-steps,.onboarding-hero{grid-template-columns:1fr}.sync-pill{width:fit-content}.kyc-grid{grid-template-columns:1fr}.kyc-actions .button{width:100%}.student-display-panel{align-items:flex-start}.theme-mode-selector.header-toggle{width:100%}.theme-mode-selector.header-toggle button{flex:1;min-width:0}.profile-meta-list span{width:100%;border-radius:var(--kp-radius-control)}.detail-card header{display:grid}}.settings-page{display:grid;gap:18px}.settings-hero{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:clamp(18px,3vw,26px);border:1px solid color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border));border-radius:var(--kp-radius-card);background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-secondary) 16%,transparent),transparent 22rem),color-mix(in srgb,var(--kp-color-primary) 6%,var(--kp-color-surface));box-shadow:var(--kp-shadow-soft)}.settings-hero h2{margin:4px 0 6px;overflow-wrap:anywhere;font-size:clamp(24px,3vw,36px);line-height:1.1}.settings-hero p{margin:0;color:var(--kp-color-muted-text);line-height:1.55}.settings-hero.danger-zone{border-color:color-mix(in srgb,var(--kp-color-danger) 26%,var(--kp-color-border));background:radial-gradient(circle at top right,color-mix(in srgb,var(--kp-color-danger) 12%,transparent),transparent 22rem),var(--kp-color-surface)}.metric-pill{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;color:var(--kp-color-primary-foreground);background:var(--kp-color-primary);box-shadow:0 12px 24px color-mix(in srgb,var(--kp-color-primary) 18%,transparent)}.settings-form-card,.timeline-list,.progress-detail-list,.faq-list,.offline-list{display:grid;gap:12px}.settings-form-card{padding:clamp(18px,3vw,24px);border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.settings-form-card .button{justify-self:start}.setting-switch-row{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-control);background:color-mix(in srgb,var(--kp-color-primary) 4%,var(--kp-color-surface))}.setting-switch-row strong,.setting-switch-row small{display:block}.setting-switch-row strong{color:var(--kp-color-text)}.setting-switch-row small{margin-top:4px;color:var(--kp-color-muted-text);line-height:1.45}.setting-switch-row input{width:22px;height:22px;accent-color:var(--kp-color-primary)}.timeline-item,.progress-detail-row,.offline-item,.faq-item{border:1px solid color-mix(in srgb,var(--kp-color-border) 72%,transparent);border-radius:var(--kp-radius-card);background:var(--kp-color-surface);box-shadow:var(--kp-shadow-soft)}.timeline-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:18px}.timeline-item time{color:var(--kp-color-primary);font-size:13px;font-weight:900}.timeline-item h3,.progress-detail-row h3,.offline-item h3{margin:0 0 6px;overflow-wrap:anywhere}.timeline-item p,.timeline-item small,.progress-detail-row p,.offline-item p{margin:0;color:var(--kp-color-muted-text);line-height:1.5}.progress-detail-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.8fr) 64px;gap:16px;align-items:center;padding:18px}.security-callout{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid color-mix(in srgb,var(--kp-color-primary) 20%,var(--kp-color-border));border-radius:var(--kp-radius-control);color:var(--kp-color-text);background:color-mix(in srgb,var(--kp-color-primary) 7%,var(--kp-color-surface))}.security-callout.warning{border-color:color-mix(in srgb,var(--kp-color-warning) 28%,var(--kp-color-border));background:color-mix(in srgb,var(--kp-color-warning) 9%,var(--kp-color-surface))}.security-callout svg{color:var(--kp-color-primary)}.security-callout.warning svg{color:var(--kp-color-warning)}.security-callout h3{margin:0 0 5px}.security-callout p{margin:0;color:var(--kp-color-muted-text);line-height:1.5}.offline-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;padding:16px}.offline-item svg{color:var(--kp-color-primary)}.faq-item{overflow:hidden}.faq-item>button{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;text-align:left;color:var(--kp-color-text);background:color-mix(in srgb,var(--kp-color-primary) 5%,var(--kp-color-surface));font-weight:900}.faq-item.open>button svg{transform:rotate(180deg)}.faq-item>div{display:grid;gap:12px;padding:0 18px 18px}.faq-item p{margin:0;color:var(--kp-color-muted-text);line-height:1.65}@media(max-width:760px){.settings-hero{grid-template-columns:44px minmax(0,1fr)}.settings-hero>.button,.settings-hero>.metric-pill{grid-column:1 / -1;justify-self:start}.timeline-item,.progress-detail-row{grid-template-columns:1fr}.settings-form-card .button{width:100%}}