:root{
  --bg:#050711;
  --panel:rgba(15,22,40,.76);
  --panel-2:rgba(22,30,53,.68);
  --line:rgba(255,255,255,.105);
  --line-2:rgba(255,255,255,.18);
  --text:#f8f9ff;
  --muted:#a3adc3;
  --muted-2:#7f8aa1;
  --accent:#a78bfa;
  --accent-2:#7c3aed;
  --good:#7cf3c3;
  --warn:#ffd166;
  --danger:#ff6b8a;
  --shadow:0 24px 90px rgba(0,0,0,.40);
}
*{box-sizing:border-box}
html{min-height:100%;height:auto;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;background:#050711}
body{min-height:100dvh;margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:-.02em;background:radial-gradient(circle at 0 0,#192340 0,#050711 38%,#03050b 100%);overflow-x:hidden;overflow-y:visible;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,rgba(167,139,250,.55),rgba(124,58,237,.28));border:2px solid rgba(5,7,17,.9)}body::-webkit-scrollbar-track{background:rgba(5,7,17,.7)}
button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(76px);opacity:.20;pointer-events:none;z-index:0}.ambient-a{left:-130px;top:-120px;background:#7c3aed}.ambient-b{right:-100px;top:180px;background:#2dd4bf}.ambient-c{left:34%;bottom:-240px;background:#6366f1}
.glass-panel{background:linear-gradient(145deg,rgba(17,24,43,.82),rgba(8,12,23,.80));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(22px)}
.apple-mark{position:relative;display:inline-grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.apple-mark:before{content:"";font-size:24px;line-height:1;color:#f5f6ff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:900;transform:translateY(-1px)}
.apple-chip{width:46px;height:46px;border-radius:17px}.brand-mark{width:58px;height:58px;border-radius:20px}.hero-logo{width:48px;height:48px;border-radius:18px}.apple-dot{width:22px;height:22px;border-radius:9px;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07)}.apple-dot:before{font-size:13px}
.eyebrow{margin:0 0 6px;color:#c9b9ff;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:950}.muted{color:var(--muted);line-height:1.55}
.primary-btn,.secondary-btn,.logout-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:15px;padding:11px 15px;font-weight:950;color:var(--text);border:0;transition:.18s ease;white-space:nowrap}.primary-btn{background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(167,139,250,.9));box-shadow:0 18px 45px rgba(124,58,237,.24),inset 0 1px 0 rgba(255,255,255,.16)}.secondary-btn,.logout-btn{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid var(--line);color:#dfe4f5}.primary-btn:hover,.secondary-btn:hover,.logout-btn:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.34)}.small{min-height:34px;padding:8px 12px;border-radius:13px;font-size:12px}.glass-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(0,0,0,.18)}
.login-shell{position:relative;z-index:1;min-height:100dvh;display:grid;grid-template-columns:minmax(320px,500px) minmax(280px,500px);gap:20px;align-items:center;justify-content:center;padding:24px}.login-card,.login-side{border-radius:30px;padding:28px}.brand-row{display:flex;gap:16px;align-items:center}.login-card h1{font-size:42px;line-height:1;margin:6px 0 0}.login-copy{color:var(--muted);font-size:15px;line-height:1.55;margin:20px 0}.login-form{display:grid;gap:13px}.login-form label,.practice-form label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:900}.login-form input,.practice-form textarea,.dev-tools select{width:100%;border:1px solid var(--line-2);background:rgba(5,8,17,.70);color:var(--text);border-radius:16px;padding:13px 14px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.login-form input:focus,.practice-form textarea:focus,.dev-tools select:focus{border-color:rgba(167,139,250,.62);box-shadow:0 0 0 4px rgba(167,139,250,.12)}.login-side{display:grid;align-content:center;gap:28px;background:linear-gradient(145deg,rgba(36,28,69,.9),rgba(7,11,22,.9))}.side-pill{width:max-content;padding:8px 12px;border-radius:999px;background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.28);font-size:12px;font-weight:900}.login-side h2{font-size:40px;line-height:1.04;margin:0}.feature-grid,.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-grid div,.support-grid div{border-radius:18px;padding:14px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.feature-grid strong,.support-grid strong{display:block}.feature-grid span,.support-grid span{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4}.form-message{min-height:20px;color:var(--muted);font-size:12px;font-weight:800}.form-message.error{color:var(--danger)}.form-message.ok{color:var(--good)}
.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:264px minmax(0,1fr);align-items:start;min-height:100dvh;width:100%}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:18px;padding:18px;border-radius:0;border-left:0;border-top:0;border-bottom:0;background:rgba(5,8,17,.78);overflow:visible}.portal-brand{display:flex;align-items:center;gap:12px;padding:6px}.portal-brand strong{display:block;font-size:17px}.portal-brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.nav-list{display:grid;gap:9px}.nav-item{width:100%;min-height:46px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#dfe4f5;border-radius:16px;padding:12px 14px;text-align:left;font-weight:950}.nav-item.active{background:linear-gradient(135deg,rgba(124,58,237,.36),rgba(167,139,250,.18));border-color:rgba(167,139,250,.40)}.dev-tools{display:grid;gap:7px;margin-top:auto;border-radius:18px;padding:12px;background:rgba(121,242,192,.055);border:1px solid rgba(121,242,192,.16)}.dev-tools label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#bdfbe5;font-weight:950}.dev-tools select{height:40px;border-radius:14px;font-size:12px}.logout-btn{width:100%}
.workspace{min-width:0;display:grid;gap:16px;padding:20px 22px 44px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:24px;padding:15px 18px}.topbar h2{font-size:22px;margin:0}.profile-chip{display:flex;align-items:center;gap:12px;padding:8px 11px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line);min-width:220px}.profile-chip>span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#dfe6ff;color:#11172a;font-weight:950}.profile-chip strong{display:block}.profile-chip small{display:block;color:var(--muted);margin-top:2px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-bypass-active .topbar:after{content:"DEV PREVIEW";display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:7px 10px;border-radius:999px;border:1px solid rgba(121,242,192,.32);background:rgba(121,242,192,.10);color:#bdfbe5;font-size:10px;font-weight:950;letter-spacing:.12em;white-space:nowrap}
.hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1.45fr) minmax(220px,.55fr);gap:18px;align-items:center;border-radius:28px;padding:20px;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;bottom:-130px;width:350px;height:350px;border-radius:50%;background:rgba(124,58,237,.20);filter:blur(70px);pointer-events:none}.hero>*{position:relative;z-index:1}.hero-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.28);font-size:11px;font-weight:950;color:#e8ddff}.hero h1{font-size:36px;line-height:1.04;margin:13px 0 9px}.hero p{margin:0;max-width:760px;color:var(--muted);font-size:14.5px;line-height:1.55}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hero-panel{display:grid;gap:10px}.mini-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--line);padding:13px}.mini-stat span{font-size:25px;font-weight:950}.mini-stat small{color:var(--muted);font-weight:850}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card{border-radius:20px;padding:15px}.stat-card span{font-size:12px;color:var(--muted);font-weight:850}.stat-card strong{display:block;font-size:22px;margin:7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{font-size:12px;color:var(--muted-2);font-weight:750}.content-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(280px,.64fr);gap:16px}.main-column,.side-column{display:grid;gap:16px;align-content:start}.section-card{border-radius:23px;padding:17px}.compact-card{padding:15px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.tight-head{margin-bottom:10px}.section-head h3{font-size:19px;margin:0}.compact-copy{font-size:13px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full-width{width:100%}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{position:relative;display:grid;gap:10px;min-height:162px;border-radius:19px;background:rgba(255,255,255,.055);border:1px solid var(--line);padding:13px;overflow:hidden}.module-card:after{content:"";position:absolute;right:-50px;bottom:-60px;width:125px;height:125px;border-radius:50%;background:rgba(121,242,192,.06);filter:blur(18px);pointer-events:none}.module-card>*{position:relative;z-index:1}.module-title-row{display:flex;align-items:center;gap:9px}.module-apple{width:30px;height:30px;min-width:30px;border-radius:11px}.module-apple:before{font-size:15px}.module-card h4{margin:0;font-size:15.5px;line-height:1.22}.module-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.module-meta{display:flex;gap:7px;flex-wrap:wrap}.module-meta span{padding:5px 8px;border-radius:999px;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.22);font-size:10.5px;font-weight:950;color:#ded3ff}.progress-track{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#79f2c0);width:0}.module-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.status-pill{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#dbe0f2}.stack-list,.timeline-list,.resource-list{display:grid;gap:9px}.stack-item,.timeline-item,.resource-item{border-radius:15px;padding:11px;background:rgba(255,255,255,.048);border:1px solid var(--line)}.stack-item strong,.timeline-item strong,.resource-item strong{display:block;font-size:13px}.stack-item span,.timeline-item span,.resource-item span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}.timeline-item{position:relative;padding-left:28px}.timeline-item:before{content:"";position:absolute;left:12px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.resource-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.resource-item button{flex-shrink:0}.quiz-box{display:grid;gap:10px}.quiz-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quiz-meta div{border-radius:15px;padding:10px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.quiz-meta strong{display:block;font-size:17px}.quiz-meta span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.info-strip{border-radius:15px;padding:11px;background:rgba(167,139,250,.075);border:1px solid rgba(167,139,250,.18);font-size:12px;color:var(--muted);line-height:1.42}.practice-layout{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:16px}.scenario-box{border-radius:20px;padding:16px;background:rgba(167,139,250,.085);border:1px solid rgba(167,139,250,.20)}.scenario-box h4{margin:0 0 9px}.scenario-box p{margin:0;color:var(--muted);line-height:1.62}.practice-form{display:grid;gap:13px}.practice-form textarea{resize:vertical;min-height:220px}.progress-list{display:grid;gap:11px}.progress-row{display:grid;grid-template-columns:minmax(0,1fr) 220px 76px;gap:13px;align-items:center;border-radius:16px;background:rgba(255,255,255,.048);border:1px solid var(--line);padding:12px}.progress-row strong{display:block}.progress-row small{color:var(--muted)}.support-grid{grid-template-columns:repeat(3,1fr)}
.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.70);overflow-y:auto}.modal-card{width:min(560px,100%);border-radius:26px;padding:24px;position:relative}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);font-size:24px}.modal-card h3{font-size:24px;margin:8px 0 10px}.modal-meta{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.modal-meta span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#dbe0f2;font-size:12px;font-weight:900}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:40;height:auto;display:flex;flex-direction:row;align-items:center;gap:11px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;border-radius:0;background:rgba(5,8,17,.88)}.portal-brand div{display:none}.apple-chip{width:42px;height:42px;border-radius:15px}.nav-list{display:flex;gap:8px;min-width:max-content}.nav-item{width:auto;min-height:40px;padding:9px 13px;border-radius:14px}.dev-tools{min-width:190px;margin-top:0;padding:8px;border-radius:15px}.dev-tools select{height:36px}.logout-btn{width:auto;margin-left:auto}.workspace{padding:14px 14px 40px}.hero{grid-template-columns:auto minmax(0,1fr);align-items:start}.hero-panel{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.content-grid,.practice-layout{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.topbar{flex-direction:column;align-items:stretch;border-radius:20px;padding:14px}.dev-bypass-active .topbar:after{align-self:flex-start}.profile-chip{min-width:0;width:100%}.hero{grid-template-columns:1fr;padding:16px;border-radius:22px}.hero-logo{width:44px;height:44px}.hero h1{font-size:29px}.hero p{font-size:13.5px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-panel{grid-template-columns:1fr}.stats-grid,.split-grid,.module-grid,.module-grid.compact,.quiz-meta{grid-template-columns:1fr}.content-grid{gap:13px}.section-card,.compact-card{border-radius:19px;padding:14px}.section-head{align-items:flex-start;flex-direction:column}.progress-row{grid-template-columns:1fr}.workspace{padding:12px 12px 34px;gap:13px}.sidebar{padding:8px 9px;gap:8px}.nav-item{font-size:12px}.dev-tools{display:none}.logout-btn{min-height:38px;font-size:12px}.practice-form textarea{min-height:210px}}
@media (max-width:430px){.portal-brand{display:none}.sidebar{gap:7px}.nav-item{padding:8px 10px}.logout-btn{padding:8px 10px}.hero h1{font-size:26px}.mini-stat span{font-size:22px}.stat-card strong{font-size:20px}}

/* V11 source-level scroll + sequential training flow repair */
html,body{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body{
  position:static!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
}
.app-shell{
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
}
.workspace{
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
  padding-bottom:96px!important;
}
.sidebar{overflow-y:auto!important;overscroll-behavior:contain!important}
.app-section,.content-grid,.main-column,.side-column,.section-card{overflow:visible!important}
.modal-backdrop{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
.modal-card{max-height:min(88dvh,760px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
.modal-card::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:7px;height:7px}
.modal-card::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(167,139,250,.45)}
.learning-strip{display:grid;gap:4px;border-radius:14px;padding:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085)}
.learning-strip strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#e8ddff}
.learning-strip span{font-size:11.5px;color:var(--muted);line-height:1.35}
.module-card.is-locked{opacity:.72;filter:saturate(.82)}
.module-card.is-passed{border-color:rgba(121,242,192,.28);background:linear-gradient(145deg,rgba(121,242,192,.07),rgba(255,255,255,.04))}
.module-card.is-quiz_ready{border-color:rgba(167,139,250,.34)}
.modal-state{display:grid;gap:6px;border-radius:18px;padding:14px;margin-top:14px;background:rgba(255,255,255,.055);border:1px solid var(--line)}
.modal-state strong{font-size:15px}.modal-state span{font-size:13px;color:var(--muted);line-height:1.45}.locked-state{background:rgba(255,107,138,.075);border-color:rgba(255,107,138,.18)}.passed-state{background:rgba(121,242,192,.075);border-color:rgba(121,242,192,.22)}.quiz-ready{background:rgba(167,139,250,.085);border-color:rgba(167,139,250,.22)}
.quiz-form{display:grid;gap:14px;margin-top:10px}.quiz-form fieldset{border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(255,255,255,.04)}.quiz-form legend{font-size:13px;font-weight:900;line-height:1.35;padding:0 4px;color:#f5f6ff}.quiz-form label{display:flex;gap:9px;align-items:flex-start;margin-top:10px;color:var(--muted);font-size:12.5px;line-height:1.35}.quiz-form input{margin-top:2px;accent-color:#a78bfa}.quiz-form .modal-actions{margin-top:4px}
@media (max-width:1180px){.sidebar{max-height:42vh!important}.workspace{padding-bottom:110px!important}}
@media (max-width:760px){.sidebar{position:sticky!important;top:0!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important}.modal-card{max-height:86dvh!important}.workspace{padding-bottom:120px!important}.module-card{min-height:unset!important}.modal-actions{display:grid!important;grid-template-columns:1fr!important}.modal-actions .primary-btn,.modal-actions .secondary-btn{width:100%}}

/* V12 Anil AP 50-question negative-marking quiz polish */
.quiz-score-rule{position:sticky;top:0;z-index:3;backdrop-filter:blur(18px)}
.quiz-form fieldset{scroll-margin-top:110px}
.quiz-form legend{color:#fff;font-size:13.2px}
.quiz-form label{padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);transition:.14s ease}
.quiz-form label:hover{background:rgba(167,139,250,.08);border-color:rgba(167,139,250,.18)}
.quiz-form input:checked + span{color:#f7f8ff;font-weight:800}
.quiz-form .modal-actions{position:sticky;bottom:0;z-index:4;background:linear-gradient(180deg,rgba(8,12,23,.72),rgba(8,12,23,.96));padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:760px){.quiz-form fieldset{padding:11px}.quiz-form label{font-size:12px}.quiz-score-rule{top:-1px}}

/* V14 Module 1 learning content + PDF pack */
.lesson-pack{display:grid;gap:14px;margin-top:14px;margin-bottom:14px}
.lesson-pack-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:18px;padding:14px;background:linear-gradient(145deg,rgba(167,139,250,.11),rgba(121,242,192,.06));border:1px solid rgba(167,139,250,.22)}
.lesson-pack-head span{display:block;font-size:10.5px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#c9b9ff;margin-bottom:4px}
.lesson-pack-head strong{display:block;font-size:14px;color:#f8f9ff}.lesson-pdf-btn{text-decoration:none}
.lesson-sections{display:grid;gap:10px}.lesson-card{position:relative;display:grid;grid-template-columns:34px 1fr;gap:11px;border-radius:18px;padding:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
.lesson-card-index{display:grid;place-items:center;width:30px;height:30px;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.72),rgba(167,139,250,.45));font-weight:950;color:#fff}
.lesson-card h4{margin:0 0 7px;font-size:14px;color:#fff}.lesson-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.48}.lesson-card ul{margin:0;padding-left:18px;color:var(--muted);font-size:12.5px;line-height:1.45}.lesson-card li{margin:4px 0}
.lesson-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.lesson-flow span{display:inline-flex;border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:11.5px;color:#dbe0f2;font-weight:800}.lesson-flow b{color:#a78bfa;font-size:14px}
.modal-card{width:min(780px,100%)!important}.modal-state{margin-top:12px!important}
@media (max-width:760px){.lesson-pack-head{align-items:stretch;flex-direction:column}.lesson-card{grid-template-columns:1fr}.lesson-card-index{width:28px;height:28px}.lesson-flow{display:grid;grid-template-columns:1fr}.lesson-flow b{text-align:center;transform:rotate(0deg)}}

/* V15 critical visibility + scroll fix */
html, body{
  min-height:100% !important;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
.app-shell,
.workspace,
.app-section{
  min-height:auto !important;
  height:auto !important;
  overflow:visible !important;
}
.sidebar{
  max-height:100vh;
  overflow-y:auto !important;
  scrollbar-width:thin;
}
.modal-backdrop{
  overflow-y:auto !important;
  align-items:flex-start !important;
  padding:22px 14px !important;
}
.modal-card{
  max-height:none !important;
  overflow:visible !important;
  margin:0 auto 28px !important;
}
#modalMessage{
  display:grid !important;
  gap:14px !important;
  min-height:0 !important;
  color:var(--text) !important;
  font-size:13px !important;
}
.module-visible-lesson{
  display:block !important;
}
.lesson-pack{
  display:grid !important;
  gap:12px !important;
  margin:12px 0 !important;
}
.lesson-pack.empty{
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
}
.lesson-pack.empty span{display:block;color:var(--muted);margin-top:6px;line-height:1.45}
.lesson-pdf-btn{white-space:nowrap}
.module-meta span:nth-last-child(1){background:rgba(121,242,192,.10);border-color:rgba(121,242,192,.22);color:#c9ffeb}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.035)}
::-webkit-scrollbar-thumb{background:rgba(167,139,250,.36);border-radius:999px;border:2px solid rgba(5,7,17,.75)}
@media (max-width:720px){
  .modal-backdrop{padding:12px !important;}
  .modal-card{border-radius:22px !important;padding:18px !important;}
  .lesson-pdf-btn{width:100%;justify-content:center;}
}

/* V17 test-portal style quiz camera gate + one-question timer */
.camera-gate,.test-quiz-shell,.quiz-result-card{display:grid;gap:14px;color:var(--text)}
.gate-head,.test-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:18px;padding:14px;background:linear-gradient(145deg,rgba(167,139,250,.13),rgba(121,242,192,.06));border:1px solid rgba(167,139,250,.22)}
.gate-head strong,.test-quiz-top strong{display:block;font-size:17px;color:#fff}.gate-head span,.test-quiz-top span{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.4}.gate-head b{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);white-space:nowrap;font-size:12px}.camera-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:14px}.camera-frame,.test-quiz-camera{position:relative;border-radius:20px;overflow:hidden;background:#02040a;border:1px solid rgba(255,255,255,.12);min-height:230px}.camera-frame video,.test-quiz-camera video{width:100%;height:100%;object-fit:cover;display:block;min-height:230px}.camera-frame span,.test-quiz-camera span{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(5,7,17,.72);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:900;color:#dbe0f2}.gate-rules{border-radius:20px;padding:16px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.gate-rules h4{margin:0 0 10px;color:#fff}.gate-rules p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.5}.timer-pill{display:grid;place-items:center;min-width:130px;border-radius:16px;padding:9px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(167,139,250,.25)}.timer-pill span{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.timer-pill b{font-size:24px;color:#fff;line-height:1.1}.test-quiz-camera{min-height:140px}.test-quiz-camera video{min-height:140px}.quiz-question-card{border-radius:22px;padding:18px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.quiz-question-card h4{margin:14px 0 14px;font-size:17px;line-height:1.42;color:#fff}.quiz-progress-line{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;font-weight:900}.quiz-options-one{display:grid;gap:10px}.quiz-options-one label{display:flex;gap:11px;align-items:flex-start;border-radius:16px;padding:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);color:#d8deee;font-size:13px;line-height:1.42;transition:.14s ease}.quiz-options-one label:hover{background:rgba(167,139,250,.09);border-color:rgba(167,139,250,.24)}.quiz-options-one input{margin-top:2px;accent-color:#a78bfa}.quiz-options-one input:checked+span{color:#fff;font-weight:850}.quiz-nav-actions,.gate-actions{position:sticky;bottom:0;z-index:6;background:linear-gradient(180deg,rgba(8,12,23,.72),rgba(8,12,23,.98));padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.quiz-result-card{border-radius:20px;padding:16px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.quiz-result-card strong{font-size:18px}.quiz-result-card span{color:var(--muted);line-height:1.5}
@media(max-width:760px){.camera-grid{grid-template-columns:1fr}.gate-head,.test-quiz-top,.quiz-progress-line{align-items:flex-start;flex-direction:column}.timer-pill{width:100%;align-items:start}.camera-frame,.camera-frame video{min-height:200px}.test-quiz-camera,.test-quiz-camera video{min-height:120px}.quiz-question-card{padding:14px}.quiz-options-one label{font-size:12.5px;padding:11px}.gate-actions,.quiz-nav-actions{display:grid!important;grid-template-columns:1fr!important}.gate-actions button,.quiz-nav-actions button{width:100%}}

/* V23 clean employee-dashboard UI + practice-gated assessment */
.employee-dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr repeat(4,minmax(150px,.55fr));gap:16px;align-items:stretch}
.employee-identity-card,.dashboard-summary-card,.metric-card{border-radius:26px;padding:18px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(18,25,44,.78),rgba(7,11,22,.84));border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)}
.employee-identity-card:before,.dashboard-summary-card:before,.metric-card:before,.support-command-card:before,.practice-final-card:before{content:"";position:absolute;inset:-60px auto auto -70px;width:180px;height:180px;border-radius:50%;background:rgba(167,139,250,.14);filter:blur(36px);pointer-events:none}
.identity-topline{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.identity-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14)}
.identity-topline h3{margin:0;font-size:24px;line-height:1}.identity-topline span:not(.identity-mark){display:block;margin-top:5px;color:var(--muted);font-weight:800;font-size:13px}.identity-details{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.identity-details div{border-radius:16px;padding:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.identity-details small{display:block;color:var(--muted-2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.identity-details strong{display:block;margin-top:5px;color:#fff;font-size:13px;line-height:1.25}
.dashboard-summary-card{grid-column:span 2}.summary-ring-row{position:relative;z-index:1;display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.summary-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(167,139,250,.16),rgba(255,255,255,.04));border:1px solid rgba(167,139,250,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.summary-ring strong{display:block;font-size:30px}.summary-ring span{display:block;max-width:90px;margin-top:4px;color:var(--muted);font-size:11px;font-weight:800}.summary-copy{display:grid;gap:8px}.summary-copy strong{font-size:18px;line-height:1.25}.summary-copy span{color:var(--muted);font-size:13px;line-height:1.5}
.metric-card{display:grid;gap:8px;min-height:132px}.metric-card span{position:relative;z-index:1;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{position:relative;z-index:1;font-size:30px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card small{position:relative;z-index:1;color:var(--muted-2);font-size:12px;font-weight:750;line-height:1.35}
.practice-final-card,.support-command-card{position:relative;overflow:hidden}.practice-lock-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,209,102,.25);background:rgba(255,209,102,.10);color:#ffe5a3;font-size:12px;font-weight:950;white-space:nowrap}.practice-lock-pill.is-open{border-color:rgba(121,242,192,.30);background:rgba(121,242,192,.11);color:#caffec}.practice-locked-notice{display:grid;gap:6px;margin:0 0 14px;border-radius:18px;padding:14px;background:rgba(255,209,102,.075);border:1px solid rgba(255,209,102,.18)}.practice-locked-notice strong{color:#fff}.practice-locked-notice span{color:var(--muted);font-size:13px;line-height:1.45}.final-practice-form{display:grid;gap:16px}.final-practice-form.is-locked{opacity:.72}.practice-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.practice-question-card{display:grid;gap:10px;border-radius:20px;padding:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.practice-question-card span{color:#c4b5fd;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.practice-question-card strong{font-size:13.5px;line-height:1.45;color:#fff}.practice-question-card textarea{min-height:132px;border-radius:16px;background:rgba(4,7,15,.72);border:1px solid rgba(255,255,255,.13);color:#fff;padding:13px;outline:none;resize:vertical}.practice-question-card textarea:focus{border-color:rgba(167,139,250,.58);box-shadow:0 0 0 4px rgba(167,139,250,.10)}.manager-points-card{border-radius:20px;padding:15px;background:linear-gradient(145deg,rgba(121,242,192,.085),rgba(167,139,250,.065));border:1px solid rgba(121,242,192,.18)}.manager-points-card strong{display:block;color:#fff}.manager-points-card span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}
.support-hero-copy{border-radius:22px;padding:18px;margin-bottom:16px;background:linear-gradient(145deg,rgba(167,139,250,.11),rgba(255,255,255,.04));border:1px solid rgba(167,139,250,.20)}.support-hero-copy strong{display:block;font-size:19px}.support-hero-copy span{display:block;margin-top:7px;color:var(--muted);line-height:1.5}.premium-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-support-grid div{position:relative;overflow:hidden;min-height:138px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.premium-support-grid div:before{content:"";position:absolute;right:-34px;top:-34px;width:92px;height:92px;border-radius:50%;background:rgba(167,139,250,.10);filter:blur(20px)}
/* dashboard now intentionally avoids module/resource clutter */
#dashboardSection .module-grid,#dashboardSection .resource-list,#dashboardSection .stack-list,#dashboardSection .timeline-list{display:none!important}
/* keep modules tab focused only on learning cards */
#modulesSection .section-card{background:linear-gradient(145deg,rgba(14,20,36,.82),rgba(7,11,22,.88))}
@media (max-width:1320px){.employee-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-summary-card{grid-column:span 1}}
@media (max-width:920px){.employee-dashboard-grid{grid-template-columns:1fr}.summary-ring-row{grid-template-columns:1fr}.summary-ring{width:118px;height:118px}.practice-question-grid,.premium-support-grid{grid-template-columns:1fr}.metric-card{min-height:110px}}
@media (max-width:720px){.employee-identity-card,.dashboard-summary-card,.metric-card{border-radius:22px;padding:15px}.identity-topline h3{font-size:21px}.section-head .primary-btn{width:100%}.summary-ring{width:108px;height:108px}.summary-ring strong{font-size:25px}.practice-lock-pill{width:100%}.practice-question-card{padding:13px}.support-hero-copy{padding:15px}}

/* V26 performance polish: smoother scrolling, lighter glass, reduced expensive blur */
:root{
  --shadow:0 14px 42px rgba(0,0,0,.32);
}
html{scroll-behavior:auto!important;overflow-y:auto!important}
body{overflow-y:auto!important;background:linear-gradient(135deg,#050711 0%,#080b16 48%,#031313 100%)!important}
.ambient{display:none!important}
.glass-panel,
.employee-identity-card,
.dashboard-summary-card,
.metric-card,
.section-card,
.module-card,
.stack-item,
.timeline-item,
.resource-item,
.practice-question-card,
.support-command-card,
.practice-final-card,
.modal-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055)!important;
  transform:none;
  contain:layout paint;
}
.hero:after,
.module-card:after,
.employee-identity-card:before,
.dashboard-summary-card:before,
.metric-card:before,
.support-command-card:before,
.practice-final-card:before{
  filter:none!important;
  opacity:.34!important;
}
.primary-btn,.secondary-btn,.logout-btn,.nav-item,.module-card,.stat-card,.metric-card{
  transition:background-color .12s ease,border-color .12s ease,opacity .12s ease!important;
  will-change:auto!important;
}
.primary-btn:hover,.secondary-btn:hover,.logout-btn:hover{
  transform:none!important;
}
.workspace,.app-shell,.sidebar,.modal-card,.quiz-question-card,.section-card{
  transform:translateZ(0);
}
.sidebar{
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.sidebar::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-thumb{background:rgba(167,139,250,.28);border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}
.modal-backdrop{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(0,0,0,.76)!important;
}
.module-lesson-card,.lesson-card,.quiz-question-card,.camera-frame,.test-quiz-camera{
  contain:content;
}
@media(max-width:1100px){
  body::-webkit-scrollbar{width:6px}
  .app-shell{display:block!important;min-height:100dvh!important}
  .sidebar{position:relative!important;height:auto!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}
  .workspace{padding-bottom:80px!important}
}
@media(max-width:760px){
  .glass-panel,
  .employee-identity-card,
  .dashboard-summary-card,
  .metric-card,
  .section-card,
  .module-card{
    box-shadow:0 8px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  .hero:after,.module-card:after,.employee-identity-card:before,.dashboard-summary-card:before,.metric-card:before{display:none!important}
  .workspace{gap:12px!important;padding:12px 12px 72px!important}
  .topbar,.hero,.section-card,.module-card{border-radius:18px!important}
  .nav-item,.primary-btn,.secondary-btn,.logout-btn{min-height:40px!important}
}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* V46 production login mode */
.production-login-active .dev-tools{display:none!important}
.production-login-active .topbar:after{display:none!important;content:none!important}

/* V51 safe compact premium UI (rebuilt from V49 stable, no app-shell layout override) */
.safe-compact-ui{
  --bg:#05070d;
  --panel:#0c1220;
  --panel-2:#111827;
  --line:rgba(255,255,255,.12);
  --line-2:rgba(255,255,255,.18);
  --text:#f8faff;
  --muted:#aab4c8;
  --accent:#9b8cff;
  --accent-2:#6f5cff;
  background:linear-gradient(135deg,#05070d 0%,#080d17 48%,#071615 100%);
}
.safe-compact-ui .app-shell.hidden,
.safe-compact-ui .login-shell.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
.safe-compact-ui .app-shell[aria-hidden="true"],
.safe-compact-ui .login-shell[aria-hidden="true"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.safe-compact-ui .ambient{display:none!important}
.safe-compact-ui .glass-panel,
.safe-compact-ui .section-card,
.safe-compact-ui .module-card,
.safe-compact-ui .stat-card,
.safe-compact-ui .employee-identity-card,
.safe-compact-ui .dashboard-summary-card,
.safe-compact-ui .metric-card,
.safe-compact-ui .modal-card,
.safe-compact-ui .practice-question-card{
  background:linear-gradient(145deg,rgba(15,22,36,.94),rgba(7,10,18,.94))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.safe-compact-ui .workspace{padding:18px 18px 64px!important;gap:14px!important;max-width:1480px;margin:0 auto;width:100%}
.safe-compact-ui .sidebar{background:rgba(5,8,16,.90)!important;box-shadow:none!important;gap:14px!important;padding:16px!important}
.safe-compact-ui .portal-brand strong{font-size:16px!important}.safe-compact-ui .portal-brand small{font-size:11px!important}.safe-compact-ui .apple-chip{width:40px!important;height:40px!important;border-radius:14px!important}
.safe-compact-ui .nav-list{gap:8px!important}.safe-compact-ui .nav-item{min-height:40px!important;padding:10px 12px!important;border-radius:14px!important;font-size:13px!important}.safe-compact-ui .nav-item.active{background:linear-gradient(135deg,rgba(111,92,255,.32),rgba(142,240,199,.08))!important;border-color:rgba(155,140,255,.42)!important}
.safe-compact-ui .logout-btn{min-height:40px!important;padding:10px 12px!important;border-radius:14px!important;font-size:13px!important}
.safe-compact-ui .topbar{border-radius:20px!important;padding:13px 15px!important;min-height:66px!important}.safe-compact-ui .topbar h2{font-size:20px!important;line-height:1.1!important}.safe-compact-ui .eyebrow{font-size:10px!important;letter-spacing:.14em!important;color:#cfc4ff!important}.safe-compact-ui .profile-chip{min-width:190px!important;padding:8px 10px!important;border-radius:16px!important}.safe-compact-ui .profile-chip>span{width:38px!important;height:38px!important;border-radius:13px!important}.safe-compact-ui .profile-chip strong{font-size:13px!important}.safe-compact-ui .profile-chip small{font-size:11px!important}
.safe-compact-ui .hero{border-radius:22px!important;padding:16px!important;gap:14px!important;min-height:unset!important}.safe-compact-ui .hero-logo{width:44px!important;height:44px!important;border-radius:16px!important}.safe-compact-ui .hero-badge{padding:6px 10px!important;font-size:10px!important}.safe-compact-ui .hero h1{font-size:28px!important;line-height:1.06!important;margin:8px 0 6px!important}.safe-compact-ui .hero p{font-size:13px!important;line-height:1.45!important}.safe-compact-ui .hero-actions{margin-top:12px!important;gap:8px!important}.safe-compact-ui .mini-stat{padding:11px!important;border-radius:15px!important}.safe-compact-ui .mini-stat span{font-size:22px!important}.safe-compact-ui .mini-stat small{font-size:10.5px!important}
.safe-compact-ui .primary-btn,.safe-compact-ui .secondary-btn,.safe-compact-ui .logout-btn{min-height:40px!important;padding:9px 13px!important;border-radius:13px!important;font-size:13px!important}.safe-compact-ui .primary-btn{background:linear-gradient(135deg,#705cff,#a596ff)!important;box-shadow:0 9px 22px rgba(111,92,255,.23)!important}.safe-compact-ui .secondary-btn{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.13)!important}.safe-compact-ui .small{min-height:32px!important;padding:7px 10px!important;border-radius:11px!important;font-size:12px!important}
.safe-compact-ui .stats-grid{gap:10px!important}.safe-compact-ui .stat-card{border-radius:18px!important;padding:12px!important}.safe-compact-ui .stat-card span{font-size:10.5px!important}.safe-compact-ui .stat-card strong{font-size:20px!important;margin:5px 0 2px!important}.safe-compact-ui .stat-card small{font-size:11px!important}
.safe-compact-ui .employee-dashboard-grid{gap:10px!important}.safe-compact-ui .employee-identity-card,.safe-compact-ui .dashboard-summary-card,.safe-compact-ui .metric-card{border-radius:18px!important;padding:13px!important;min-height:unset!important}.safe-compact-ui .identity-mark{width:42px!important;height:42px!important;border-radius:14px!important}.safe-compact-ui .identity-topline h3{font-size:20px!important}.safe-compact-ui .identity-details{margin-top:12px!important;gap:7px!important}.safe-compact-ui .identity-details div{padding:9px 10px!important;border-radius:12px!important}.safe-compact-ui .identity-details small{font-size:9px!important}.safe-compact-ui .identity-details strong{font-size:12px!important}.safe-compact-ui .summary-ring{width:92px!important;height:92px!important}.safe-compact-ui .summary-ring strong{font-size:22px!important}.safe-compact-ui .summary-copy strong{font-size:15px!important}.safe-compact-ui .summary-copy span{font-size:12px!important}.safe-compact-ui .metric-card{gap:6px!important}.safe-compact-ui .metric-card span{font-size:10px!important}.safe-compact-ui .metric-card strong{font-size:24px!important}.safe-compact-ui .metric-card small{font-size:11px!important}
.safe-compact-ui .section-card{border-radius:19px!important;padding:15px!important}.safe-compact-ui .section-head{margin-bottom:11px!important}.safe-compact-ui .section-head h3{font-size:18px!important}.safe-compact-ui .module-grid{gap:10px!important}.safe-compact-ui .module-card{border-radius:17px!important;padding:12px!important;min-height:168px!important;gap:8px!important}.safe-compact-ui .module-card h4{font-size:14px!important;line-height:1.25!important}.safe-compact-ui .module-card p{font-size:11.5px!important;line-height:1.38!important}.safe-compact-ui .module-meta span{padding:4px 7px!important;font-size:9.5px!important}.safe-compact-ui .learning-strip{padding:8px!important;border-radius:12px!important}.safe-compact-ui .learning-strip strong{font-size:9.5px!important}.safe-compact-ui .learning-strip span{font-size:10.5px!important}.safe-compact-ui .progress-track{height:6px!important}
.safe-compact-ui .modal-card{width:min(900px,calc(100vw - 24px))!important;border-radius:20px!important;padding:18px!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important}.safe-compact-ui .modal-close{top:10px!important;right:10px!important;width:34px!important;height:34px!important;border-radius:12px!important}.safe-compact-ui .modal-card h3{font-size:22px!important;line-height:1.1!important}.safe-compact-ui .lesson-card{border-radius:14px!important;padding:11px!important}.safe-compact-ui .lesson-card h4{font-size:13px!important}.safe-compact-ui .lesson-card p,.safe-compact-ui .lesson-card li{font-size:11.5px!important}.safe-compact-ui .camera-frame,.safe-compact-ui .test-quiz-camera{border-radius:16px!important;min-height:190px!important}.safe-compact-ui .quiz-question-card{border-radius:17px!important;padding:14px!important}.safe-compact-ui .quiz-options-one label{border-radius:13px!important;padding:10px!important;font-size:12px!important}.safe-compact-ui .timer-pill b{font-size:20px!important}
.safe-compact-ui :focus-visible{outline:3px solid rgba(155,140,255,.86)!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(155,140,255,.16)!important}
@media(max-width:720px){.safe-compact-ui .workspace{padding:12px 10px 70px!important;gap:10px!important}.safe-compact-ui .topbar{padding:11px!important}.safe-compact-ui .hero{padding:12px!important;border-radius:18px!important}.safe-compact-ui .hero h1{font-size:22px!important}.safe-compact-ui .section-card{border-radius:18px!important;padding:13px!important}.safe-compact-ui .modal-card{width:calc(100vw - 16px)!important;padding:14px!important}}

/* V52 split camera + quiz layout */
.safe-compact-ui .modal-card:has(.test-quiz-split),
.modal-card:has(.test-quiz-split){
  width:min(1180px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 24px)!important;
  padding:16px!important;
  overflow:auto!important;
}
.test-quiz-split{gap:12px!important;min-width:0;}
.split-top{position:sticky;top:0;z-index:10;background:linear-gradient(145deg,rgba(16,22,38,.96),rgba(12,15,28,.94))!important;backdrop-filter:none!important;}
.quiz-two-panel{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:14px;align-items:start;min-width:0;}
.quiz-proctor-panel{position:sticky;top:76px;display:grid;gap:10px;align-content:start;min-width:0;}
.side-camera{min-height:245px!important;border-radius:18px!important;background:#02040a!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important;}
.side-camera video{min-height:245px!important;object-fit:cover!important;}
.proctor-status-card,.proctor-score-card,.proctor-rules-mini{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:12px;color:var(--muted);}
.proctor-status-card strong{display:block;color:#fff;font-size:13px;margin-bottom:6px;}
.proctor-status-card span{display:block;font-size:12px;line-height:1.42;}
.proctor-score-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;}
.proctor-score-card div{border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:10px;text-align:center;}
.proctor-score-card b{display:block;color:#fff;font-size:20px;line-height:1;}
.proctor-score-card span{display:block;margin-top:4px;font-size:11px;font-weight:800;}
.proctor-rules-mini{font-size:11.5px;font-weight:850;text-align:center;color:#dbe0f2;}
.quiz-work-panel{display:grid;gap:12px;min-width:0;}
.split-question-card{min-height:calc(100dvh - 230px);display:grid;align-content:start;}
.split-question-card h4{font-size:17px!important;line-height:1.46!important;margin:12px 0 14px!important;}
.split-question-card .quiz-options-one{gap:10px!important;}
.split-question-card .quiz-options-one label{padding:12px!important;font-size:12.8px!important;line-height:1.44!important;}
.split-quiz-actions{position:sticky!important;bottom:0!important;display:grid!important;grid-template-columns:1.2fr .9fr .7fr!important;gap:10px!important;background:linear-gradient(180deg,rgba(8,12,23,.72),rgba(8,12,23,.98))!important;padding-top:12px!important;}
.split-quiz-actions button{width:100%;}
@media(max-width:900px){
  .quiz-two-panel{grid-template-columns:1fr;}
  .quiz-proctor-panel{position:relative;top:auto;grid-template-columns:160px 1fr;align-items:stretch;}
  .side-camera,.side-camera video{min-height:145px!important;}
  .proctor-score-card,.proctor-rules-mini{display:none!important;}
  .split-question-card{min-height:auto;}
}
@media(max-width:560px){
  .modal-card:has(.test-quiz-split){width:calc(100vw - 14px)!important;padding:12px!important;}
  .quiz-proctor-panel{grid-template-columns:1fr;}
  .side-camera,.side-camera video{min-height:170px!important;}
  .split-quiz-actions{grid-template-columns:1fr!important;}
  .split-top{position:relative;top:auto;}
}


/* V54 developer mode + buy time tokens */
.time-buy-status{margin-top:10px;padding:9px 11px;border-radius:14px;background:rgba(167,139,250,.10);border:1px solid rgba(167,139,250,.22);color:#dfe4ff;font-size:12px;line-height:1.4}
.time-buy-status b{color:#ffffff}
.dev-bypass-active .topbar::after{content:'DEVELOPER MODE';display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;border:1px solid rgba(121,242,192,.28);background:rgba(121,242,192,.10);color:#bdfbe5;font-size:10px;font-weight:950;letter-spacing:.12em;white-space:nowrap}
@media(max-width:720px){.time-buy-status{font-size:11px}.dev-bypass-active .topbar::after{align-self:flex-start}}


/* V55 developer testing controls */
.dev-action-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin-top:8px;
}
.dev-action-btn{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  color:#eef2ff;
  min-height:34px;
  border-radius:12px;
  padding:8px 9px;
  font-size:11px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.01em;
  text-align:left;
}
.dev-action-btn:hover,
.dev-action-btn:focus-visible{
  background:rgba(167,139,250,.15);
  border-color:rgba(167,139,250,.38);
  outline:none;
}
.dev-action-btn.danger{
  color:#ffd7df;
  border-color:rgba(255,107,138,.22);
  background:rgba(255,107,138,.07);
}
.dev-action-btn.danger:hover,
.dev-action-btn.danger:focus-visible{
  background:rgba(255,107,138,.14);
  border-color:rgba(255,107,138,.42);
}
@media(max-width:1180px){
  .dev-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:260px;margin-top:4px}
  .dev-action-btn{text-align:center;font-size:10px;padding:7px 8px;min-height:32px}
}
@media(max-width:760px){
  .dev-action-grid{display:none}
}


/* V57 production cleanup: developer mode and testing controls removed/hidden. */
.dev-tools, .dev-action-grid, .dev-action-btn { display: none !important; }
.dev-bypass-active .topbar::after { display: none !important; content: none !important; }
body.dev-bypass-active::before, body.dev-bypass-active::after { display:none !important; content:none !important; }


/* V58 login rules card: compact premium right-side instructions with smooth scroll */
.safe-compact-ui .login-shell{
  grid-template-columns:minmax(310px,470px) minmax(320px,520px)!important;
  gap:18px!important;
  padding:20px!important;
  align-items:center!important;
}
.safe-compact-ui .login-card,
.safe-compact-ui .login-rules-card{
  border-radius:28px!important;
  min-width:0!important;
}
.safe-compact-ui .login-rules-card{
  position:relative;
  display:grid;
  grid-template-rows:auto auto minmax(180px,1fr) auto;
  gap:12px;
  max-height:min(82dvh,690px);
  padding:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,rgba(121,242,192,.13),transparent 34%),
    radial-gradient(circle at 0 12%,rgba(167,139,250,.18),transparent 38%),
    linear-gradient(145deg,rgba(19,25,44,.92),rgba(7,11,22,.90));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 22px 72px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08);
}
.safe-compact-ui .login-rules-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 35%,rgba(255,255,255,.025));
  opacity:.75;
}
.safe-compact-ui .login-rules-card>*{position:relative;z-index:1}
.safe-compact-ui .rules-card-head{display:grid;gap:8px}
.safe-compact-ui .rules-card-head .side-pill{
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(167,139,250,.14);
  border:1px solid rgba(167,139,250,.32);
  color:#eee9ff;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:950;
}
.safe-compact-ui .rules-card-head h2{
  margin:0;
  font-size:clamp(24px,3vw,34px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.safe-compact-ui .rules-card-head p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
.safe-compact-ui .rules-quick-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.safe-compact-ui .rules-quick-grid div{
  border-radius:15px;
  padding:10px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  min-width:0;
}
.safe-compact-ui .rules-quick-grid strong{
  display:block;
  color:#fff;
  font-size:12px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.safe-compact-ui .rules-quick-grid span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.25;
}
.safe-compact-ui .rules-scroll{
  min-height:0;
  max-height:370px;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:4px 8px 4px 0;
  scrollbar-width:thin;
  scrollbar-color:rgba(167,139,250,.58) rgba(255,255,255,.055);
  mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);
}
.safe-compact-ui .rules-scroll::-webkit-scrollbar{width:8px}
.safe-compact-ui .rules-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.055);border-radius:999px}
.safe-compact-ui .rules-scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg,rgba(167,139,250,.80),rgba(121,242,192,.48));
  border:2px solid rgba(8,12,23,.96);
}
.safe-compact-ui .rules-scroll ol{
  list-style:none;
  counter-reset:rules;
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
}
.safe-compact-ui .rules-scroll li{
  counter-increment:rules;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  column-gap:10px;
  row-gap:3px;
  align-items:start;
  border-radius:16px;
  padding:10px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.095);
}
.safe-compact-ui .rules-scroll li::before{
  content:counter(rules,decimal-leading-zero);
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:12px;
  color:#f5f2ff;
  font-size:10px;
  font-weight:950;
  background:linear-gradient(135deg,rgba(167,139,250,.32),rgba(121,242,192,.12));
  border:1px solid rgba(167,139,250,.26);
}
.safe-compact-ui .rules-scroll li strong{
  color:#fff;
  font-size:12.5px;
  line-height:1.25;
}
.safe-compact-ui .rules-scroll li span{
  grid-column:2;
  color:var(--muted);
  font-size:11.2px;
  line-height:1.38;
}
.safe-compact-ui .rules-footer-note{
  border-radius:15px;
  padding:10px 12px;
  background:rgba(255,209,102,.075);
  border:1px solid rgba(255,209,102,.18);
  color:#ffe7ab;
  font-size:11px;
  line-height:1.38;
  font-weight:750;
}
@media(max-width:900px){
  .safe-compact-ui .login-shell{
    grid-template-columns:1fr!important;
    align-content:start!important;
    min-height:100dvh!important;
    padding:12px!important;
    gap:12px!important;
  }
  .safe-compact-ui .login-card{padding:18px!important;border-radius:23px!important}
  .safe-compact-ui .login-card h1{font-size:32px!important}
  .safe-compact-ui .login-copy{font-size:12.5px!important;margin:13px 0!important}
  .safe-compact-ui .login-rules-card{
    max-height:none!important;
    border-radius:23px!important;
    padding:14px!important;
    grid-template-rows:auto auto minmax(160px,300px) auto;
  }
  .safe-compact-ui .rules-card-head h2{font-size:23px!important}
  .safe-compact-ui .rules-quick-grid{grid-template-columns:1fr 1fr 1fr;gap:7px}
  .safe-compact-ui .rules-quick-grid div{padding:8px;border-radius:13px}
  .safe-compact-ui .rules-quick-grid span{display:none}
  .safe-compact-ui .rules-scroll{max-height:300px}
}
@media(max-width:430px){
  .safe-compact-ui .rules-quick-grid{grid-template-columns:1fr}
  .safe-compact-ui .rules-quick-grid span{display:block}
  .safe-compact-ui .rules-scroll li{grid-template-columns:28px minmax(0,1fr);padding:9px;column-gap:8px}
  .safe-compact-ui .rules-scroll li::before{width:28px;height:28px;border-radius:10px}
  .safe-compact-ui .rules-scroll li strong{font-size:12px}
  .safe-compact-ui .rules-scroll li span{font-size:10.8px}
}