:root{--bg-obsidian: #090b0d;--bg-graphite: #15191d;--bg-elevated: #1c2227;--border-steel: #2b333a;--canvas-bone: #f2f0ea;--canvas-paper: #faf9f5;--border-sand: #d8d6cf;--text-bone: #f2f0ea;--text-ink: #171a1d;--text-fog: #aab2b8;--text-muted: #687078;--signal-lime: #d7ff2f;--signal-lime-hover: #e2ff61;--signal-lime-pressed: #bcd923;--signal-glow: #ecff9c;--verified-cyan: #61d9ff;--alert-amber: #ffb020;--alert-red: #ff5a5f;--tint-pass: rgba(215, 255, 47, .12);--tint-verified: rgba(97, 217, 255, .12);--tint-check: rgba(255, 176, 32, .12);--tint-stop: rgba(255, 90, 95, .12);--tint-neutral: rgba(170, 178, 184, .1);--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-ui: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display-xl: clamp(40px, 6vw, 64px);--fs-display-l: clamp(32px, 4.5vw, 48px);--fs-h1: clamp(28px, 3.2vw, 36px);--fs-h2: clamp(23px, 2.4vw, 28px);--fs-h3: clamp(19px, 1.8vw, 22px);--fs-body-l: clamp(17px, 1.2vw, 18px);--fs-body: clamp(15px, 1vw, 16px);--fs-body-s: clamp(13px, .9vw, 14px);--fs-label: clamp(11px, .8vw, 12px);--lh-tight: 1.08;--lh-heading: 1.18;--lh-body: 1.55;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--gutter: var(--sp-4);--safe-left: max(env(safe-area-inset-left, 0px), var(--tg-content-safe-area-inset-left, 0px));--safe-right: max(env(safe-area-inset-right, 0px), var(--tg-content-safe-area-inset-right, 0px));--safe-top: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px));--page-left: max(var(--gutter), var(--safe-left));--page-right: max(var(--gutter), var(--safe-right));--section-gap: var(--sp-8);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-round: 999px;--shadow-float: 0 12px 32px rgba(0, 0, 0, .38);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .52);--rail-width: 264px;--content-max: 1180px;--reading-max: 68ch;--tap-min: 44px}@media (min-width: 768px){:root{--gutter: var(--sp-6);--page-left: max(var(--gutter), var(--safe-left));--page-right: max(var(--gutter), var(--safe-right))}}@media (min-width: 1280px){:root{--gutter: var(--sp-8);--page-left: max(var(--gutter), var(--safe-left));--page-right: max(var(--gutter), var(--safe-right));--section-gap: var(--sp-12)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-obsidian);color:var(--text-bone);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-heading);margin:0;letter-spacing:-.01em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0 0 var(--sp-4)}a{color:inherit;text-decoration-color:var(--text-muted);text-underline-offset:3px}button,input,textarea,select{font:inherit;color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--signal-lime);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100%;display:flex;flex-direction:column}.app__body{flex:1;display:flex;flex-direction:column;min-width:0}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding-left:var(--page-left);padding-right:var(--page-right)}.stack>*+*{margin-top:var(--sp-4)}.stack-lg>*+*{margin-top:var(--sp-8)}.row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.section{padding-top:max(var(--section-gap),calc(var(--safe-top) + var(--sp-4)));padding-bottom:max(var(--section-gap),calc(var(--safe-bottom) + var(--sp-4)))}h1+p,h2+p,h3+p,h1+.row,h2+.row,h3+.row{margin-top:var(--sp-2)}section>h2+*,section>h3+*,article>h2+*,article>h3+*{margin-top:var(--sp-3)}.card>*:last-child,.canvas>*:last-child,.notice>*:last-child{margin-bottom:0}.lesson-back{display:inline-flex;align-items:center;min-height:var(--tap-min);color:var(--text-fog);text-decoration:none}.lesson-actions{position:fixed;z-index:35;left:var(--safe-left);right:var(--safe-right);bottom:calc(74px + var(--safe-bottom));display:flex;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--gutter);background:#15191df5;border:1px solid var(--border-steel);border-radius:var(--radius-md);box-shadow:0 -8px 24px #00000047}.lesson-actions>.row{gap:var(--sp-2)}.lesson-actions .btn{padding-left:var(--sp-3);padding-right:var(--sp-3)}.lesson-page{padding-bottom:calc(var(--section-gap) + 76px)}.rail{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;background:var(--bg-graphite);border-top:1px solid var(--border-steel);padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom)}.rail__link{flex:1;min-height:var(--tap-min);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-1);font-size:var(--fs-label);color:var(--text-fog);text-decoration:none;border-top:2px solid transparent}.rail__link[aria-current=page]{color:var(--text-bone);border-top-color:var(--signal-lime);background:var(--tint-pass)}.rail__icon{font-size:17px;line-height:1}.rail__brand{display:none}.app__main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}@media (min-width: 1024px){.app__body{flex-direction:row}.rail{position:sticky;top:0;bottom:auto;left:auto;right:auto;flex-direction:column;width:var(--rail-width);flex:0 0 var(--rail-width);height:100vh;border-top:none;border-right:1px solid var(--border-steel);padding:var(--sp-6) var(--sp-3);gap:var(--sp-1)}.rail__brand{display:block;font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:.04em;padding:0 var(--sp-3) var(--sp-6)}.rail__link{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--sp-3);border-top:none;border-left:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--fs-body-s);padding:var(--sp-3)}.rail__link[aria-current=page]{border-top-color:transparent;border-left-color:var(--signal-lime)}.app__main{padding-bottom:var(--sp-12);flex:1;min-width:0}.lesson-actions{position:static;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.lesson-page{padding-bottom:var(--section-gap)}}.card{background:var(--bg-graphite);border:1px solid var(--border-steel);border-radius:var(--radius-md);padding:var(--sp-4)}.card--selected{border-color:var(--signal-lime)}.course-module__summary{display:block;min-height:var(--tap-min);cursor:pointer;list-style:none}.course-module__summary::-webkit-details-marker{display:none}.course-module__summary:after{content:"Ochish ↓";display:block;margin-top:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-fog)}.course-module[open]>.course-module__summary:after{content:"Yig‘ish ↑"}.course-module__summary p{margin-bottom:0}.course-module[open]>ul{margin-top:var(--sp-4)!important}.canvas{background:var(--canvas-bone);color:var(--text-ink);border-radius:var(--radius-md);padding:var(--sp-5)}.canvas h1,.canvas h2,.canvas h3{color:var(--text-ink)}.canvas--paper{background:var(--canvas-paper)}.prose{max-width:var(--reading-max)}@media (min-width: 768px){.card{padding:var(--sp-5)}.canvas{padding:var(--sp-8)}}.mission{background:var(--bg-elevated);border:1px solid var(--border-steel);border-left:3px solid var(--signal-lime);border-radius:var(--radius-lg);padding:var(--sp-5)}.mission__eyebrow{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-fog)}.mission__title{font-family:var(--font-display);font-size:var(--fs-h2);margin:var(--sp-2) 0 var(--sp-3)}.tag{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;padding:3px var(--sp-2);border-radius:var(--radius-xs);border:1px solid transparent;white-space:nowrap}.tag--pass{color:var(--signal-lime);background:var(--tint-pass);border-color:#d7ff2f52}.tag--verified{color:var(--verified-cyan);background:var(--tint-verified);border-color:#61d9ff52}.tag--check{color:var(--alert-amber);background:var(--tint-check);border-color:#ffb02052}.tag--stop{color:var(--alert-red);background:var(--tint-stop);border-color:#ff5a5f52}.tag--neutral{color:var(--text-fog);background:var(--tint-neutral);border-color:var(--border-steel)}.canvas .tag--pass{color:#3d4d00;background:#d7ff2f73;border-color:#a9c927}.canvas .tag--neutral{color:var(--text-muted);background:#171a1d0f;border-color:var(--border-sand)}.canvas .tag--check{color:#7a4d00;background:#ffb02038;border-color:#d99722}.canvas .tag--stop{color:#8a1f22;background:#ff5a5f29;border-color:#d95a5f}.canvas .tag--verified{color:#0d5a72;background:#61d9ff33;border-color:#2fa5c9}.mono{font-family:var(--font-mono);font-size:var(--fs-body-s);letter-spacing:.02em}.muted{color:var(--text-fog)}.canvas .muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);border:1px solid var(--border-steel);background:transparent;color:var(--text-bone);font-weight:600;cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-elevated)}.btn--primary{background:var(--signal-lime);border-color:var(--signal-lime);color:var(--text-ink)}.btn--primary:hover{background:var(--signal-lime-hover);border-color:var(--signal-lime-hover)}.btn--primary:active{background:var(--signal-lime-pressed)}.btn--danger{border-color:var(--alert-red);color:var(--alert-red)}.btn--danger:hover{background:var(--tint-stop)}.btn--small{min-height:var(--tap-min);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-body-s)}@media (min-width: 1024px) and (pointer: fine){.btn--small{min-height:34px}}.btn:disabled{opacity:.45;cursor:not-allowed}.canvas .btn{border-color:var(--border-sand);color:var(--text-ink)}.canvas .btn:hover{background:#171a1d0d}.canvas .btn--primary{color:var(--text-ink);border-color:var(--signal-lime-pressed)}.field{display:block;margin-bottom:var(--sp-4)}.field__label{display:block;font-size:var(--fs-body-s);color:var(--text-fog);margin-bottom:var(--sp-2)}.input,.textarea,.select{width:100%;min-height:var(--tap-min);padding:var(--sp-3);background:var(--canvas-paper);color:var(--text-ink);border:1px solid var(--border-sand);border-radius:var(--radius-sm);font-size:16px}.textarea{min-height:120px;resize:vertical;line-height:1.5}.switch{width:24px;height:24px;margin:10px;flex:0 0 auto;accent-color:var(--signal-lime-pressed);cursor:pointer}.input:focus,.textarea:focus,.select:focus{border-color:var(--signal-lime-pressed);outline:2px solid var(--signal-lime);outline-offset:1px}.evidence{border:1px solid rgba(97,217,255,.32);background:var(--tint-verified);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-body-s)}.evidence__label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--verified-cyan);display:block;margin-bottom:var(--sp-1)}.log{font-family:var(--font-mono);font-size:var(--fs-body-s);background:var(--bg-obsidian);border:1px solid var(--border-steel);border-radius:var(--radius-sm);padding:var(--sp-3);overflow-x:auto;margin:0}.log__row{display:flex;gap:var(--sp-3);padding:2px 0}.log__time{color:var(--text-muted);flex:0 0 auto}.meter{height:6px;background:var(--bg-elevated);border-radius:var(--radius-round);overflow:hidden}.meter__fill{height:100%;background:var(--signal-lime);border-radius:var(--radius-round);transition:width .24s ease}.canvas .meter{background:#171a1d14}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:560px;font-size:var(--fs-body-s)}.table th,.table td{text-align:left;padding:var(--sp-3);border-bottom:1px solid var(--border-steel);vertical-align:top}.table th{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-fog);font-weight:600}.canvas .table th,.canvas .table td{border-color:var(--border-sand)}.canvas .table th{color:var(--text-muted)}.grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media (min-width: 768px){.grid--2,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.notice{border:1px solid var(--border-steel);border-left:3px solid var(--text-fog);border-radius:var(--radius-sm);padding:var(--sp-4);background:var(--bg-graphite)}.notice--warn{border-left-color:var(--alert-amber);background:var(--tint-check)}.notice--error{border-left-color:var(--alert-red);background:var(--tint-stop)}.notice--ok{border-left-color:var(--signal-lime);background:var(--tint-pass)}.empty{text-align:center;padding:var(--sp-12) var(--sp-4);color:var(--text-fog)}.skeleton{background:linear-gradient(90deg,var(--bg-graphite),var(--bg-elevated),var(--bg-graphite));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:var(--radius-sm);height:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}