:root{color-scheme:dark;--bg: #0b0d0f;--surface: #14171a;--surface-2: #1b1f22;--line: #2a2f32;--text: #f5f2e8;--muted: #979d9d;--accent: #b9f65b;--danger: #ff7a66;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{background:var(--bg);touch-action:pan-x pan-y}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:var(--bg);touch-action:pan-x pan-y}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.orientation-guard{display:none}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 30%);background:color-mix(in srgb,var(--bg),transparent 8%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);font-size:.69rem;font-weight:800;letter-spacing:.13em;text-decoration:none}.brand-mark{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--accent);color:var(--bg);font-size:.63rem}.network{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.72rem}.network i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.network.online{color:var(--accent)}.network.offline{color:var(--danger)}main{max-width:760px;margin:0 auto;padding:0 20px calc(102px + env(safe-area-inset-bottom))}.intro{padding:58px 0 38px;animation:rise .55s ease both}.eyebrow{margin:0 0 11px;color:var(--accent);font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{text-wrap:pretty}h1{margin:0;font-size:clamp(2.55rem,12vw,5rem);line-height:.93;letter-spacing:-.065em}h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.lede{max-width:34rem;margin:24px 0 0;color:#bcc0bc;line-height:1.55}.warning,.install-note,.ready{display:flex;gap:15px;align-items:flex-start;margin:0 0 18px;padding:18px 0;border-block:1px solid var(--line)}.warning>span,.install-note>span,.ready>span{display:grid;flex:0 0 30px;height:30px;place-items:center;border-radius:50%;font-weight:800}.warning>span{background:#f4c752;color:#18140a}.install-note>span{background:var(--text);color:var(--bg)}.ready>span{background:var(--accent);color:var(--bg)}.warning p,.install-note p,.ready p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.warning strong,.install-note strong,.ready strong{display:block;margin-bottom:2px;color:var(--text)}.storage,.transfer,.files,.error-log{padding:44px 0;border-top:1px solid var(--line)}.section-heading h2{margin:0;font-size:1.6rem;letter-spacing:-.04em}.section-heading.split{display:flex;align-items:end;justify-content:space-between}.section-heading.split>strong{color:var(--accent);font-size:1.65rem}.storage-values{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 0}.storage-values div{padding:19px 0;border-top:1px solid var(--line)}.storage-values div:nth-child(odd){border-right:1px solid var(--line)}.storage-values div:nth-child(2n){padding-left:20px}dt{margin-bottom:6px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}dd{margin:0;font-size:1.03rem;font-weight:700}.danger-text{color:var(--danger)}.inline-error,.status-message{padding:13px 15px;border-left:3px solid var(--danger);background:color-mix(in srgb,var(--danger),transparent 91%);color:#ffc2b8;font-size:.82rem;line-height:1.4}.progress-track{overflow:hidden;height:9px;margin-top:30px;border-radius:99px;background:var(--surface-2)}.progress-track div{height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 50%);transition:width .25s ease}.progress-copy{display:flex;justify-content:space-between;margin:10px 0 25px;color:var(--muted);font-size:.73rem}.ready{margin-top:24px;border-color:color-mix(in srgb,var(--accent),transparent 55%)}.actions{display:grid;gap:10px;margin-top:25px}.actions button,.text-button{min-height:48px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);cursor:pointer;font-weight:700}.actions button:disabled{opacity:.35;cursor:default}.actions .primary{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 18px;border-color:var(--accent);background:var(--accent);color:#10130c}.actions .primary span{font-size:1.2rem}.actions .danger{border-color:color-mix(in srgb,var(--danger),transparent 30%);color:var(--danger)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-list{margin:28px 0 0;padding:0;list-style:none}.file-list li{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;min-height:65px;border-top:1px solid var(--line)}.file-number{color:var(--muted);font-family:ui-monospace,monospace;font-size:.72rem}.file-list strong{display:block;font-size:.9rem}.file-list small{color:var(--muted)}.file-state{color:var(--muted);font-size:.68rem;text-align:right}.file-state.complete{color:var(--accent)}.file-state.error{color:var(--danger)}.file-state.downloading{color:#f4c752}.tabs{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);height:calc(70px + env(safe-area-inset-bottom));padding:7px 12px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg),transparent 4%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tabs a{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;color:var(--muted);font-size:.62rem;text-decoration:none}.tabs a span{font-size:1.05rem}.tabs a.active{color:var(--accent)}.page-title{padding:56px 0 42px}.page-title h1{font-size:clamp(2.8rem,14vw,5rem)}.page-title>p:last-child{max-width:34rem;color:var(--muted);line-height:1.55}.course{display:grid;grid-template-columns:116px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.course-preview{position:relative;overflow:hidden;min-height:108px;border:0;border-radius:3px;background:var(--surface-2);color:var(--text);cursor:pointer}.course-preview>span{position:absolute;top:9px;left:10px;color:var(--muted);font-family:ui-monospace,monospace;font-size:.7rem}.course-preview>i{display:grid;width:38px;height:38px;margin:auto;place-items:center;border-radius:50%;background:var(--accent);color:var(--bg);font-style:normal}.course-state{margin:0 0 7px;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.course-state.complete{color:var(--accent)}.course h2{margin:0 0 5px;font-size:1.25rem;letter-spacing:-.035em}.course div>p:not(.course-state){margin:0;color:var(--muted);font-size:.74rem}.text-button{min-height:36px;padding:0;border:0;color:var(--text);font-size:.75rem}.video-dialog{width:min(100% - 24px,720px);padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.video-dialog::backdrop{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-head{display:flex;align-items:center;justify-content:space-between;padding:16px}.video-head p{margin:0;color:var(--accent);font-size:.68rem;text-transform:uppercase}.video-head h2{margin:3px 0 0;font-size:1.1rem}.video-head button{width:40px;height:40px;border:0;background:transparent;color:var(--text);font-size:1.7rem}.video-dialog video{display:block;width:100%;max-height:65vh;background:#000}.video-hint{margin:0;padding:16px;color:var(--muted);font-size:.76rem;line-height:1.4}.diagnostic-list{border-top:1px solid var(--line)}.diagnostic-list>div{display:grid;grid-template-columns:minmax(120px,.7fr) 1.3fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.diagnostic-list dd{overflow-wrap:anywhere;font-size:.8rem;font-weight:500}.error-log ol{padding:0;list-style:none}.error-log li{padding:16px 0;border-bottom:1px solid var(--line)}.error-log time{display:block;color:var(--muted);font-size:.65rem}.error-log strong{color:var(--danger);font-size:.75rem}.error-log li p{margin:4px 0 0;font-size:.82rem}.diagnostic-actions{padding-bottom:30px}.boot,.fatal{display:grid;min-height:100svh;place-content:center;padding:30px;text-align:center}.boot span{color:var(--accent);font-size:2rem;animation:pulse 1.2s infinite}.boot p,.fatal p{color:var(--muted)}.fatal button{min-height:48px;border:0;background:var(--accent);font-weight:800}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}@media(min-width:680px){main{padding-inline:32px}.storage-values{grid-template-columns:repeat(4,1fr)}.storage-values div{border-right:1px solid var(--line);padding-left:18px}.storage-values div:first-child{padding-left:0}.storage-values div:last-child{border-right:0}.course{grid-template-columns:180px 1fr}}@media(orientation:landscape)and (max-height:600px)and (pointer:coarse){.orientation-guard{position:fixed;z-index:1000;inset:0;display:grid;place-content:center;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:var(--bg);text-align:center}.orientation-guard span{color:var(--accent);font-size:3rem}.orientation-guard strong{margin-top:14px;font-size:1.2rem}.orientation-guard p{margin:7px 0 0;color:var(--muted)}body>:not(#app),#app>:not(.orientation-guard){visibility:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}