/* LIRVO v1.0 — major product UI reset */
:root{
  --paper:#f5f0e7;--surface:#fffdf8;--ink:#11110f;--purple:#7457f1;--purple-deep:#5b39d7;
  --lime:#bfff4f;--yellow:#ffd43f;--pink:#ff7194;--cyan:#56d9e9;--muted:#6a645b;
  --hair:rgba(17,17,15,.16);--page-max:1500px;--page-pad:clamp(18px,5.4vw,104px);
  --shadow-hard:8px 8px 0 var(--ink);--shadow-soft:0 18px 50px rgba(17,17,15,.08)
}

/* playful scroll affordance — inspired by the colored faces of the official mark */
html{scrollbar-width:thin;scrollbar-color:var(--purple) var(--paper);scroll-padding-top:96px}
*::-webkit-scrollbar{width:15px;height:15px}
*::-webkit-scrollbar-track{background:repeating-linear-gradient(180deg,var(--paper) 0 14px,#ece5d8 14px 28px);border-left:1px solid var(--ink)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--purple) 0 20%,var(--cyan) 20% 40%,var(--lime) 40% 60%,var(--yellow) 60% 80%,var(--pink) 80% 100%);border:3px solid var(--paper);border-radius:999px;box-shadow:inset 0 0 0 1px var(--ink)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--pink) 0 20%,var(--yellow) 20% 40%,var(--purple) 40% 60%,var(--cyan) 60% 80%,var(--lime) 80% 100%)}
*::-webkit-scrollbar-corner{background:var(--paper)}
body{background:var(--paper);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.app-shell{background:var(--paper)!important;background-image:none!important;min-height:100dvh}

/* product chrome */
.topbar{height:82px!important;grid-template-columns:minmax(220px,1fr) auto minmax(210px,1fr)!important;padding:0 var(--page-pad)!important;background:rgba(245,240,231,.98)!important;border-bottom:2px solid var(--ink)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 0 rgba(17,17,15,.025)}
.brand--official{gap:10px!important;align-items:center}.brand-official-mark{width:44px;height:44px;object-fit:cover;border-radius:10px;background:#fff;transform:rotate(-3deg);transition:transform .2s ease}.brand--official:hover .brand-official-mark{transform:rotate(3deg) scale(1.04)}
.brand-lockup{display:grid;gap:0;align-content:center}.brand-lockup .brand-word{font-size:25px!important;line-height:.92;letter-spacing:-.06em}.brand-lockup small{font-size:7px!important;font-weight:950;letter-spacing:.16em;margin-top:3px;color:#5f5a52}
.desktop-nav{display:flex!important;align-items:center!important;gap:4px!important;height:auto!important;padding:5px!important;border:1.5px solid var(--ink)!important;background:#eee8dc!important;box-shadow:4px 4px 0 rgba(17,17,15,.18)}
.desktop-nav .nav-link{min-width:auto!important;height:42px!important;padding:0 17px!important;border:0!important;background:transparent!important;color:var(--ink)!important;font-size:9px!important;letter-spacing:.07em!important;display:grid!important;place-items:center!important;position:relative;transition:background .16s ease,color .16s ease,transform .16s ease}.desktop-nav .nav-link:after{display:none!important}.desktop-nav .nav-link:hover{background:#fff!important;transform:translateY(-1px)}.desktop-nav .nav-link.is-active,.desktop-nav .nav-link[aria-current="page"]{background:var(--ink)!important;color:#fff!important;box-shadow:inset 0 -4px 0 var(--lime)}
.top-actions{gap:12px!important;align-items:center}.language-switch,.icon-button{height:46px!important;border:2px solid var(--ink)!important;background:var(--surface)!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.language-switch{padding:0 13px!important;gap:9px!important;box-shadow:4px 4px 0 var(--ink)!important}.language-switch strong{font-size:12px!important}.language-switch span{background:var(--lime)!important;font-size:8px!important;font-weight:950!important;padding:4px 5px!important}.icon-button{width:46px!important;border-radius:50%!important;background:var(--ink)!important;color:#fff!important;box-shadow:none!important}.language-switch:hover,.language-switch:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--purple)!important}.icon-button:hover{background:var(--purple)!important}

/* home */
.command-zone{min-height:660px!important;padding:clamp(58px,7vw,110px) var(--page-pad) clamp(48px,6vw,88px)!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.62fr)!important;grid-template-areas:"heading visual" "actions visual"!important;column-gap:clamp(44px,7vw,110px)!important;row-gap:28px!important;align-items:center!important;border-bottom:0!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(17,17,15,.035) 1px,transparent 1px),linear-gradient(rgba(17,17,15,.035) 1px,transparent 1px),linear-gradient(102deg,var(--paper) 0 70%,#eee9ff 70% 100%)!important;background-size:32px 32px,32px 32px,auto!important}
.command-zone:before{content:"";position:absolute;left:0;bottom:0;width:28%;height:10px;background:var(--purple);z-index:1}.command-zone:after{content:""!important;position:absolute!important;right:-74px!important;top:62px!important;width:160px!important;height:160px!important;border:2px solid var(--ink)!important;background:var(--yellow)!important;transform:rotate(13deg)!important;z-index:0!important;box-shadow:10px 10px 0 var(--ink)}
.command-heading{grid-area:heading!important;max-width:950px!important;align-self:end!important}.hero-meta{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:20px!important}.hero-meta .eyebrow{margin:0!important;border:1.5px solid var(--ink);background:var(--surface);padding:7px 9px;font-size:8px!important}.hero-status{min-height:29px;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;border:1.5px solid var(--ink);background:var(--lime);font-size:8px!important;font-weight:950;letter-spacing:.10em}.hero-status i{width:7px;height:7px;background:var(--purple);border:1px solid var(--ink);border-radius:50%;animation:none!important}
.command-heading h1{font-size:clamp(58px,6.9vw,112px)!important;line-height:.83!important;letter-spacing:-.072em!important;max-width:1000px!important;margin:0!important;text-wrap:balance}.command-heading h1 em{display:block!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;color:var(--purple)!important;letter-spacing:-.06em!important;margin-top:.08em}.command-heading h1 em:after{content:""!important;display:block!important;position:static!important;width:min(76%,650px);height:8px!important;margin-top:12px;background:var(--lime)!important;border:0!important;transform:rotate(-.5deg)!important}.command-subtitle{font-size:clamp(15px,1.13vw,19px)!important;line-height:1.65!important;max-width:780px!important;color:#514b43!important;margin:28px 0 0!important}
.hero-actions{grid-area:actions!important;align-self:start!important;margin:0!important;gap:12px!important}.hero-actions button{min-height:60px!important;padding:0 24px!important;border:2px solid var(--ink)!important;font-size:9px!important;letter-spacing:.08em!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}.hero-action-primary{background:var(--ink)!important;color:#fff!important;box-shadow:6px 6px 0 var(--purple)!important}.hero-action-secondary{background:var(--surface)!important;color:var(--ink)!important;box-shadow:6px 6px 0 var(--yellow)!important}.hero-actions button:hover{transform:translate(-3px,-3px)!important;box-shadow:9px 9px 0 var(--lime)!important}
.course-focus-card{grid-area:visual;align-self:center;justify-self:end;width:min(100%,420px);border:2px solid var(--ink);background:var(--surface);box-shadow:10px 10px 0 var(--ink);position:relative;z-index:3;transform:rotate(1.1deg)}.course-focus-card__visual{height:300px;border-bottom:2px solid var(--ink);display:grid;place-items:center;position:relative;overflow:hidden;background:var(--purple)}.course-focus-card__visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:24px 24px}.course-focus-card__visual:after{content:"";position:absolute;width:110px;height:110px;background:var(--pink);left:-58px;bottom:-62px;transform:rotate(18deg);border:2px solid var(--ink)}.course-focus-card__visual img{position:relative;z-index:2;width:225px;height:225px;object-fit:cover;border-radius:28px;box-shadow:0 16px 34px rgba(17,17,15,.23);transform:rotate(-2deg);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.course-focus-card:hover .course-focus-card__visual img{transform:rotate(2deg) translateY(-4px)}.course-focus-card__badge{position:absolute;left:16px;top:16px;z-index:4;border:1.5px solid var(--ink);background:var(--lime);padding:6px 8px;font-size:8px;font-weight:950;letter-spacing:.12em}.course-focus-card__body{padding:22px 22px 24px;display:grid;gap:8px}.course-focus-card__body .eyebrow{margin:0!important;color:var(--purple);font-size:8px!important}.course-focus-card__body>strong{font-size:clamp(28px,2.6vw,39px);line-height:.95;letter-spacing:-.05em}.course-focus-card__body>p{font-size:12px;line-height:1.5;color:var(--muted);margin:0;max-width:330px}.course-focus-card__progress{display:grid;gap:7px;margin-top:10px}.course-focus-card__progress>span{font-size:8px;font-weight:950;letter-spacing:.10em}.course-focus-card__progress i{height:10px;border:1.5px solid var(--ink);background:#eee9df;overflow:hidden}.course-focus-card__progress b{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink),var(--yellow),var(--lime));transition:width .45s ease}

/* context */
.learning-context{grid-template-columns:.8fr .65fr .75fr minmax(420px,2.4fr)!important;padding:0 var(--page-pad)!important;background:var(--ink)!important;border:0!important;color:#fff!important}.learning-context>div{min-height:88px!important;padding:18px!important;border-right:1px solid rgba(255,255,255,.16)!important;display:grid!important;align-content:center!important}.learning-context>div:first-child{border-left:1px solid rgba(255,255,255,.16)!important}.learning-context small{font-size:7px!important;letter-spacing:.14em!important;color:#9d95a7!important}.learning-context strong{font-size:18px!important}.learning-context .context-intelligence{display:flex!important;align-items:center!important;gap:12px!important;background:var(--purple)!important}.context-intelligence i{width:10px!important;height:10px!important;background:var(--lime)!important;border:1px solid #fff!important;border-radius:50%!important;flex:0 0 auto}.context-intelligence p{margin:0!important;color:#fff!important;font-size:11px!important;line-height:1.5!important}

/* home content */
.dashboard-section{padding:clamp(68px,7vw,110px) var(--page-pad)!important;max-width:none!important}.dashboard-section>*{max-width:var(--page-max);margin-left:auto;margin-right:auto}.daily-composer{border:2px solid var(--ink)!important;background:var(--surface)!important;box-shadow:10px 10px 0 var(--ink)!important;padding:0!important;overflow:hidden}.daily-composer__head{padding:clamp(28px,4vw,52px)!important;border-bottom:2px solid var(--ink)!important;background:linear-gradient(110deg,var(--surface) 0 72%,#eee9ff 72% 100%)!important;align-items:end!important}.daily-composer__head h2{font-size:clamp(44px,5.4vw,78px)!important;line-height:.9!important;letter-spacing:-.06em!important;max-width:920px;margin:7px 0 0!important}.daily-composer__head h2 em{font-family:Georgia,"Times New Roman",serif;color:var(--purple);font-weight:400}.daily-composer__meta{border:2px solid var(--ink)!important;box-shadow:5px 5px 0 var(--purple)!important;background:var(--paper)!important}.daily-composer__meta span{padding:15px 18px!important}.daily-composer__meta small{font-size:7px!important}.daily-composer__meta strong{font-size:15px!important}.daily-path{border-bottom:2px solid var(--ink)!important}.daily-step{min-height:250px!important;padding:22px!important;background:var(--surface)!important;border-right:1px solid var(--ink)!important}.daily-step:last-child{border-right:0!important}.daily-step.is-primary{background:#efffd8!important}.daily-step strong{font-size:clamp(25px,2.3vw,36px)!important;line-height:.96!important}.daily-step p{font-size:11px!important;line-height:1.55!important}.daily-step__action{font-size:8px!important}.daily-composer__footer{padding:22px 26px!important;background:var(--ink)!important;color:#fff!important;gap:20px!important}.daily-composer__footer p{font-size:12px!important;line-height:1.5!important;max-width:760px!important;color:#d9d2c7!important}.daily-composer__footer button{min-height:50px!important;background:var(--lime)!important;color:var(--ink)!important;border:2px solid #fff!important;box-shadow:4px 4px 0 #fff!important;font-size:8px!important}
.section-title-row{margin:74px 0 30px!important;align-items:end!important}.section-title-row h2{font-size:clamp(46px,5vw,74px)!important;line-height:.9!important;letter-spacing:-.06em!important;max-width:950px!important}.section-title-row h2 em{font-family:Georgia,"Times New Roman",serif!important;color:var(--purple)!important;font-weight:400!important}.text-button{min-height:42px!important;padding:0 14px!important;border:1.5px solid var(--ink)!important;background:var(--surface)!important;box-shadow:4px 4px 0 var(--ink)!important;font-size:8px!important}
.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr)!important;grid-template-areas:"primary review" "primary insight" "progress progress"!important;gap:18px!important}.card{border:2px solid var(--ink)!important;box-shadow:6px 6px 0 var(--ink)!important}.card-primary{min-height:500px!important;background:var(--purple)!important}.card-primary .card-content{padding:clamp(34px,4.5vw,58px)!important}.card-primary .card-content h3{font-size:clamp(48px,5.2vw,76px)!important;line-height:.9!important;letter-spacing:-.06em!important;max-width:720px!important}.card-primary .card-content p{font-size:14px!important;line-height:1.55!important;max-width:600px!important}.card-primary .tag{background:var(--lime)!important;color:var(--ink)!important}.card-review{background:var(--yellow)!important}.card-insight{background:var(--pink)!important}.card-progress{background:var(--surface)!important}.metric strong{font-size:clamp(54px,5.3vw,84px)!important}.card-footer{background:rgba(0,0,0,.10)!important;border-top:2px solid var(--ink)!important}.card-footer button{background:var(--ink)!important}.card-cta{min-height:44px!important;border-top:2px solid var(--ink)!important}
.situations-section{padding-top:28px!important;background:#eee9ff!important;border-top:2px solid var(--ink)!important}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.folder-card{min-height:250px!important;border:2px solid var(--ink)!important;box-shadow:6px 6px 0 var(--ink)!important;padding:44px 20px 20px!important;transition:transform .16s ease,box-shadow .16s ease!important}.folder-card:hover:not(:disabled){transform:translate(-3px,-3px)!important;box-shadow:9px 9px 0 var(--ink)!important}.folder-card strong{font-size:clamp(26px,2.3vw,36px)!important}.folder-card.is-locked{filter:saturate(.55)!important;opacity:.78!important}

/* real pages */
.route-section{min-height:calc(100dvh - 82px)!important;padding:clamp(58px,7vw,108px) var(--page-pad) 120px!important;background:var(--paper)!important;border:0!important}.route-section:before{content:"";position:fixed;left:0;top:82px;width:7px;height:calc(100dvh - 82px);background:var(--purple);z-index:3;pointer-events:none}html[data-page="review"] .route-section:before{background:var(--yellow)}html[data-page="practice"] .route-section:before{background:var(--pink)}html[data-page="progress"] .route-section:before{background:var(--cyan)}
.route-hero{max-width:var(--page-max)!important;margin:0 auto 44px!important;border:0!important;border-top:9px solid var(--purple)!important;box-shadow:none!important;padding:clamp(34px,4.8vw,70px)!important;background:var(--surface)!important;position:relative!important}.route-hero:after{content:"";position:absolute;inset:0;border:2px solid var(--ink);pointer-events:none}.route-hero h2{font-size:clamp(54px,6.2vw,98px)!important;line-height:.86!important;letter-spacing:-.066em!important;margin:12px 0 24px!important}.route-hero h2 em{color:var(--purple)!important}.route-hero>p:not(.eyebrow),.route-hero>div>p{font-size:clamp(14px,1.1vw,18px)!important;line-height:1.65!important;color:#565047!important;max-width:800px!important}.route-hero .eyebrow{font-size:8px!important}html[data-page="review"] .route-hero{border-top-color:var(--yellow)!important}html[data-page="practice"] .route-hero{border-top-color:var(--pink)!important}html[data-page="progress"] .route-hero{border-top-color:var(--cyan)!important}
.route-primary,.route-secondary{min-height:50px!important;border:2px solid var(--ink)!important;font-size:8px!important;box-shadow:5px 5px 0 var(--ink)!important}.route-primary{background:var(--ink)!important;color:#fff!important}.route-secondary{background:var(--surface)!important;color:var(--ink)!important}.route-grid{max-width:var(--page-max)!important;margin:0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.route-card{border:2px solid var(--ink)!important;box-shadow:5px 5px 0 var(--ink)!important;background:var(--surface)!important;padding:26px!important}.route-card h3{font-size:30px!important;line-height:.95!important}.route-card p{font-size:11px!important;line-height:1.55!important}
.path-next{max-width:var(--page-max)!important;margin:0 auto 40px!important;border:2px solid var(--ink)!important;background:var(--lime)!important;box-shadow:7px 7px 0 var(--purple)!important;padding:26px!important}.path-next h3{font-size:clamp(32px,3vw,50px)!important}.path-next p{font-size:12px!important}.path-next button{min-height:52px!important;background:var(--ink)!important;color:#fff!important;border:2px solid var(--ink)!important}
.path-units{max-width:var(--page-max)!important;margin:0 auto!important;gap:42px!important}.path-unit{border:2px solid var(--ink)!important;box-shadow:8px 8px 0 var(--ink)!important;background:var(--surface)!important}.path-unit>header{background:#eee9ff!important;padding:24px 28px!important;min-height:112px!important}.path-unit>header h2{font-size:clamp(35px,3.7vw,58px)!important}.path-unit>header>span{background:var(--surface)!important;box-shadow:4px 4px 0 var(--ink)!important;font-size:24px!important}.path-lesson{min-height:184px!important;background:var(--surface)!important}.path-lesson.is-current{background:#efffd8!important;box-shadow:inset 7px 0 0 var(--lime)}.path-lesson.is-complete{background:#faf8f2!important}.path-lesson.is-locked{background:#ece8e0!important;color:#625d55!important;filter:saturate(.65)}.path-lesson__rail span{background:var(--surface)!important}.path-lesson.is-current .path-lesson__rail span{background:var(--lime)!important}.path-lesson.is-complete .path-lesson__rail span{background:var(--purple)!important;color:#fff!important}.path-lesson__body h3{font-size:clamp(28px,2.2vw,40px)!important}.path-lesson__body p{font-size:12px!important}.path-lesson__body>small{font-size:8px!important}.path-lock-note{font-size:10px!important;line-height:1.55!important}.path-action{font-size:8px!important;letter-spacing:.09em!important}.path-action.is-locked{background:#d8d2c7!important;color:#777168!important}
.explore-grid{max-width:var(--page-max)!important;margin:0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.explore-folder{border:2px solid var(--ink)!important;box-shadow:6px 6px 0 var(--ink)!important;min-height:260px!important;padding:28px!important}.explore-folder h3{font-size:clamp(30px,3vw,44px)!important}.explore-folder.is-locked{opacity:.7!important;filter:saturate(.55)!important}.topic-list,.topic-progress-list,.progress-layout,.progress-metrics,.route-subhead{max-width:var(--page-max)!important;margin-left:auto!important;margin-right:auto!important}.topic-row{border:2px solid var(--ink)!important;background:var(--surface)!important;min-height:92px!important}.topic-row.is-locked{background:#ece8e0!important;color:#666!important}.progress-metrics{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.progress-metrics article{border:2px solid var(--ink)!important;background:var(--surface)!important;box-shadow:4px 4px 0 var(--ink)!important}.progress-metrics article.wide{grid-column:1/-1!important;background:#eee9ff!important}.progress-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;gap:24px!important}.progress-insight{border:2px solid var(--ink)!important;background:var(--lime)!important;box-shadow:6px 6px 0 var(--ink)!important}.progress-skills{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.skill-progress-card{border:2px solid var(--ink)!important;background:var(--surface)!important}.topic-progress-row{border-bottom:1px solid var(--hair)!important;background:var(--surface)!important}

/* overlays */
.language-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147482000!important;background:rgba(17,17,15,.86)!important;padding:clamp(18px,4vw,54px)!important;display:grid!important;place-items:center!important;overflow:auto!important}.language-modal[hidden]{display:none!important}.language-modal__shell{width:min(980px,100%)!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important;border:2px solid var(--ink)!important;background:var(--surface)!important;box-shadow:12px 12px 0 var(--purple)!important}.language-modal__head{padding:30px!important;border-bottom:2px solid var(--ink)!important;background:linear-gradient(120deg,var(--surface) 0 78%,#eee9ff 78%)!important}.language-modal__head h2{font-size:clamp(42px,5vw,72px)!important;line-height:.9!important}.language-modal__head p:last-child{font-size:12px!important;max-width:680px!important}.language-modal__close{font-size:8px!important;background:var(--ink)!important;color:#fff!important}.language-modal__choices{grid-template-columns:1fr 1fr!important;gap:0!important}.language-choice{min-height:270px!important;border:0!important;border-right:1px solid var(--ink)!important;padding:24px!important;background:#fff!important;grid-template-columns:auto 1fr auto!important}.language-choice:last-child{border-right:0!important}.language-choice:hover:not(.is-active){background:#f1ecff!important}.language-choice.is-active{background:#efffd8!important}.language-choice__code{font-size:64px!important}.language-choice__copy strong{font-size:32px!important}.language-choice__copy em{font-size:11px!important}.language-choice__state{font-size:8px!important}.language-modal__footer{padding:18px 24px!important;background:var(--ink)!important;color:#fff!important;font-size:9px!important}
.learning-player{background:rgba(17,17,15,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.learning-player[hidden]{display:none!important}.player-shell{width:min(1120px,100%)!important;max-height:calc(100dvh - 24px)!important;border:2px solid #fff!important;background:var(--surface)!important;box-shadow:10px 10px 0 var(--purple)!important}.player-head{padding:20px 26px!important;background:var(--ink)!important}.player-head h2{font-size:clamp(29px,3.5vw,44px)!important}.player-head button{font-size:8px!important}.player-progress{padding:11px 26px!important}.player-progress span{font-size:8px!important}.player-body{padding:clamp(30px,4.5vw,64px)!important}.player-body>h3{font-size:clamp(36px,4.8vw,62px)!important}.player-footer{padding:15px 24px!important}.player-footer button{font-size:8px!important;letter-spacing:.08em!important}.player-feedback{font-size:13px!important;line-height:1.55!important}.access-lock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(17,17,15,.95)!important}.profile-popover{border:2px solid var(--ink)!important;box-shadow:7px 7px 0 var(--ink)!important;background:var(--surface)!important}.toast{border:2px solid var(--ink)!important;background:var(--ink)!important;color:#fff!important;box-shadow:6px 6px 0 var(--purple)!important;font-size:11px!important}

/* official brand on auth/admin */
.official-brand-img{display:block;object-fit:cover;background:#fff;border:1px solid rgba(17,17,15,.12)}.brand .official-brand-img{width:44px;height:44px;border-radius:10px}.premium-wordmark .official-brand-img{width:46px;height:46px;border-radius:11px;margin-right:9px}.admin-topbar .official-brand-img{width:42px;height:42px;border-radius:10px}.auth-brand .official-brand-img{width:66px;height:66px;border-radius:15px;margin-bottom:12px}

/* admin */
.admin-page{background:var(--paper)!important;background-image:linear-gradient(rgba(17,17,15,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.032) 1px,transparent 1px)!important;background-size:34px 34px!important}.admin-topbar{height:78px!important;padding:0 var(--page-pad)!important;background:rgba(245,240,231,.98)!important;border-bottom:2px solid var(--ink)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.admin-topbar .brand{display:flex!important;align-items:center!important;gap:10px!important}.admin-topbar .brand-word{font-size:25px!important}.admin-topbar>div strong,.admin-topbar>div a{min-height:38px!important;padding:0 12px!important;display:grid!important;place-items:center!important;border:1.5px solid var(--ink)!important;background:var(--surface)!important;font-size:8px!important;box-shadow:3px 3px 0 var(--ink)!important}.admin-topbar>div strong{background:var(--lime)!important}.admin-shell{width:min(1540px,100%)!important;max-width:none!important;margin:0 auto!important;padding:clamp(42px,5.2vw,84px) var(--page-pad) 110px!important;gap:30px!important}.admin-hero{max-width:none!important;min-height:360px!important;padding:clamp(38px,5vw,72px)!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;grid-template-areas:"kicker side" "title side" "copy side"!important;align-content:center!important;gap:10px 46px!important;background:var(--ink)!important;color:#fff!important;border:2px solid var(--ink)!important;box-shadow:12px 12px 0 var(--purple)!important;overflow:hidden!important}.admin-hero .eyebrow{grid-area:kicker!important;color:var(--lime)!important}.admin-hero h1{grid-area:title!important;font-size:clamp(66px,8vw,126px)!important;line-height:.79!important;letter-spacing:-.075em!important}.admin-hero h1 em{color:#8f78ff!important}.admin-hero>p:last-child{grid-area:copy!important;max-width:760px!important;color:#d0c9bf!important;font-size:14px!important;line-height:1.65!important}.admin-hero:before{content:"ACCESS\A CONTROL"!important;white-space:pre!important;grid-area:side!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;align-self:stretch!important;border-left:1px solid rgba(255,255,255,.15)!important;padding-left:28px!important;text-align:right!important;font-size:clamp(48px,5.7vw,88px)!important;font-weight:950!important;line-height:.76!important;letter-spacing:-.07em!important;color:rgba(255,255,255,.07)!important}.admin-hero:after{display:none!important}.admin-flash,.admin-create,.admin-users{border:2px solid var(--ink)!important;background:var(--surface)!important;box-shadow:8px 8px 0 var(--ink)!important}.admin-create{grid-template-columns:minmax(290px,.65fr) minmax(0,1.35fr)!important;padding:0!important;gap:0!important;overflow:hidden!important}.admin-create>div{padding:clamp(30px,4vw,52px)!important;background:#eee9ff!important;border-right:2px solid var(--ink)!important}.admin-create>div h2,.admin-section-head h2{font-size:clamp(42px,4.2vw,62px)!important;line-height:.92!important;letter-spacing:-.055em!important}.admin-create-form{padding:clamp(26px,3.6vw,46px)!important;gap:15px!important}.admin-create-form input,.admin-create-form select{min-height:54px!important;background:#fff!important;border:2px solid var(--ink)!important}.admin-create-form button{min-height:58px!important;background:var(--ink)!important;color:#fff!important;box-shadow:5px 5px 0 var(--purple)!important}.admin-users{padding:clamp(26px,3.5vw,46px)!important}.admin-section-head{padding-bottom:24px!important;border-bottom:2px solid var(--ink)!important}.admin-user-card{padding:0!important;grid-template-columns:minmax(320px,1fr) auto!important;gap:0!important;border:2px solid var(--ink)!important;background:#fff!important;box-shadow:3px 3px 0 var(--ink)!important}.admin-user-main{padding:20px 22px!important}.admin-avatar{width:52px!important;height:52px!important;background:var(--purple)!important;box-shadow:4px 4px 0 var(--yellow)!important}.admin-badges{padding:14px 18px!important;border-left:1px solid var(--hair)!important;background:#f6f1e8!important}.admin-user-actions{padding:14px 18px!important;border-top:2px solid var(--ink)!important;background:#f6f1e8!important}

/* setup / activation / recovery */
.auth-page:not(.auth-login-page){background:var(--paper)!important;background-image:linear-gradient(rgba(17,17,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.035) 1px,transparent 1px)!important;background-size:32px 32px!important}.auth-page:not(.auth-login-page) .auth-shell{min-height:100dvh!important;grid-template-columns:minmax(300px,.78fr) minmax(460px,1.22fr)!important}.auth-page:not(.auth-login-page) .auth-brand{background:var(--purple)!important;border-right:2px solid var(--ink)!important;padding:clamp(40px,6vw,82px)!important}.auth-page:not(.auth-login-page) .auth-card{width:min(620px,calc(100% - 40px))!important;padding:clamp(32px,5vw,62px)!important;border:2px solid var(--ink)!important;box-shadow:9px 9px 0 var(--ink)!important;background:var(--surface)!important}.auth-page:not(.auth-login-page) .auth-card h1{font-size:clamp(46px,5.8vw,72px)!important}.auth-page:not(.auth-login-page) .auth-form input{min-height:54px!important;background:#fff!important}.auth-page:not(.auth-login-page) .auth-primary{min-height:58px!important;box-shadow:5px 5px 0 var(--purple)!important}

/* mobile */
.mobile-nav{height:70px!important;background:var(--surface)!important;border-top:2px solid var(--ink)!important;padding-bottom:env(safe-area-inset-bottom)!important}.mobile-nav>a{font-size:7px!important;letter-spacing:.045em!important}.mobile-nav>a.is-active{background:var(--ink)!important;color:#fff!important;box-shadow:inset 0 4px 0 var(--lime)!important}
@media(max-width:1180px){.topbar{grid-template-columns:200px 1fr auto!important;padding-inline:22px!important}.desktop-nav .nav-link{padding:0 11px!important;font-size:8px!important}.command-zone{grid-template-columns:minmax(0,1fr) 350px!important;column-gap:44px!important;padding-inline:clamp(26px,4vw,56px)!important}.command-heading h1{font-size:clamp(56px,7vw,86px)!important}.course-focus-card{width:350px}.course-focus-card__visual{height:260px}.course-focus-card__visual img{width:195px;height:195px}.learning-context{padding-inline:22px!important;grid-template-columns:.8fr .6fr .7fr 1.7fr!important}}
@media(max-width:900px){html{scroll-padding-top:72px}.topbar{height:68px!important;grid-template-columns:1fr auto!important;padding:0 14px!important}.desktop-nav{display:none!important}.brand-official-mark{width:38px;height:38px}.brand-lockup .brand-word{font-size:22px!important}.brand-lockup small{font-size:6px!important}.language-switch,.icon-button{height:40px!important}.icon-button{width:40px!important}.command-zone{min-height:auto!important;padding:42px 16px 34px!important;grid-template-columns:1fr!important;grid-template-areas:"heading" "visual" "actions"!important;gap:28px!important;background:linear-gradient(180deg,var(--paper) 0 72%,#eee9ff 72%)!important}.command-zone:after{right:-90px!important;top:30%!important}.command-heading h1{font-size:clamp(48px,13.5vw,76px)!important;line-height:.86!important}.command-heading h1 em:after{height:6px!important;margin-top:8px}.command-subtitle{font-size:14px!important;margin-top:20px!important}.course-focus-card{justify-self:stretch;width:100%;display:grid;grid-template-columns:150px minmax(0,1fr);transform:none!important;box-shadow:6px 6px 0 var(--ink)}.course-focus-card__visual{height:190px;border-bottom:0;border-right:2px solid var(--ink)}.course-focus-card__visual img{width:125px;height:125px;border-radius:20px}.course-focus-card__body{padding:18px}.course-focus-card__body>strong{font-size:29px}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions button{width:100%!important;min-height:54px!important}.learning-context{grid-template-columns:1fr 1fr!important;padding:0!important}.learning-context>div{min-height:70px!important;padding:14px 16px!important}.learning-context .context-intelligence{grid-column:1/-1!important;min-height:74px!important}.dashboard-section{padding:48px 16px!important}.daily-composer{box-shadow:6px 6px 0 var(--ink)!important}.daily-composer__head{padding:24px 18px!important;display:grid!important;gap:22px!important;background:var(--surface)!important}.daily-composer__head h2{font-size:clamp(39px,10vw,58px)!important}.daily-composer__meta{justify-self:stretch!important;grid-template-columns:1fr 1fr!important}.daily-path{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}.daily-path::-webkit-scrollbar{display:none}.daily-step{min-width:84%!important;scroll-snap-align:start!important}.daily-composer__footer{display:grid!important;padding:18px!important}.daily-composer__footer button{width:100%!important}.section-title-row{margin:54px 0 24px!important;display:grid!important;gap:16px!important}.section-title-row h2{font-size:clamp(39px,10vw,58px)!important}.dashboard-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"primary" "review" "insight" "progress"!important}.card-primary{min-height:420px!important}.folder-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:12px!important;scrollbar-width:none}.folder-grid::-webkit-scrollbar{display:none}.folder-card{min-width:78%!important;scroll-snap-align:start!important}.route-section{min-height:calc(100dvh - 68px)!important;padding:38px 16px calc(96px + env(safe-area-inset-bottom))!important}.route-section:before{top:68px!important;height:calc(100dvh - 68px)!important;width:5px!important}.route-hero{padding:28px 20px!important;margin-bottom:28px!important}.route-hero h2{font-size:clamp(46px,12vw,68px)!important}.path-hero{grid-template-columns:1fr!important}.path-next{grid-template-columns:1fr!important}.path-unit{box-shadow:5px 5px 0 var(--ink)!important}.path-lesson{grid-template-columns:52px minmax(0,1fr)!important}.path-lesson__action{grid-column:2!important}.route-grid,.explore-grid{grid-template-columns:1fr!important}.progress-metrics{grid-template-columns:1fr 1fr!important}.progress-layout{grid-template-columns:1fr!important}.progress-insight{position:static!important}.progress-skills{grid-template-columns:1fr!important}.language-modal{align-items:end!important;padding:0!important}.language-modal__shell{width:100%!important;max-height:88dvh!important;border-width:2px 0 0!important;box-shadow:0 -8px 0 var(--purple)!important}.language-modal__choices{grid-template-columns:1fr!important}.language-choice{min-height:190px!important;border-right:0!important;border-bottom:1px solid var(--ink)!important}.learning-player{padding:0!important;place-items:stretch!important}.player-shell{width:100%!important;max-height:100dvh!important;height:100dvh!important;border:0!important;box-shadow:none!important}.mobile-nav{display:grid!important}.admin-topbar{height:66px!important;padding:0 14px!important}.admin-shell{padding:26px 14px 96px!important}.admin-hero{grid-template-columns:1fr!important;grid-template-areas:"kicker" "title" "copy"!important;min-height:auto!important;padding:30px 22px!important}.admin-hero:before{display:none!important}.admin-create{grid-template-columns:1fr!important}.admin-create>div{border-right:0!important;border-bottom:2px solid var(--ink)!important}.admin-user-card{grid-template-columns:1fr!important}.admin-badges{justify-content:flex-start!important;border-left:0!important;border-top:1px solid var(--hair)!important}.auth-page:not(.auth-login-page) .auth-shell{grid-template-columns:1fr!important}.auth-page:not(.auth-login-page) .auth-brand{min-height:210px!important;border-right:0!important;border-bottom:2px solid var(--ink)!important;padding:28px!important}}
@media(max-width:520px){.brand-lockup small{display:none}.language-switch{padding:0 8px!important}.top-actions{gap:8px!important}.course-focus-card{grid-template-columns:116px minmax(0,1fr)}.course-focus-card__visual{height:168px}.course-focus-card__visual img{width:94px;height:94px;border-radius:16px}.course-focus-card__badge{font-size:6px;padding:4px 5px;left:8px;top:8px}.course-focus-card__body{padding:14px}.course-focus-card__body>strong{font-size:24px}.course-focus-card__body>p{font-size:10px}.learning-context>div{padding:12px!important}.context-intelligence p{font-size:10px!important}.progress-metrics{grid-template-columns:1fr!important}.progress-metrics article.wide{grid-column:auto!important}.mobile-nav>a{font-size:6px!important;letter-spacing:.015em!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.brand-official-mark,.course-focus-card__visual img,.hero-actions button,.card,.folder-card,.daily-step{transition:none!important}.course-focus-card:hover .course-focus-card__visual img,.brand--official:hover .brand-official-mark{transform:none!important}}

/* official visual inside the premium login */
.premium-official-cube{position:relative;width:min(430px,76%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;isolation:isolate}
.premium-official-cube:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.22);transform:rotate(8deg);z-index:-1}
.premium-official-cube:after{content:"";position:absolute;width:64%;height:12%;left:18%;bottom:2%;background:rgba(0,0,0,.35);filter:blur(22px);border-radius:50%;z-index:-1}
.premium-official-cube img{width:100%;height:100%;object-fit:cover;border-radius:28%;display:block;transform:rotate(-2deg);filter:saturate(1.03) contrast(1.02);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.premium-login-brand:hover .premium-official-cube img{transform:rotate(1deg) translateY(-5px)}
@media(max-width:900px){.premium-official-cube{width:min(210px,48vw)}.premium-login-brand:hover .premium-official-cube img{transform:none}}
