:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#141311;--surface:#141311;--surface-low:#1d1b19;--surface-container:#211f1d;--surface-high:#2b2a27;--surface-highest:#363531;--surface-variant:#363531;--on-surface:#e6e2dd;--on-surface-variant:#cfc5bc;--primary:#efbe84;--primary-container:#b48854;--on-primary:#472a00;--on-primary-container:#3e2400;--outline:#988f87;--outline-variant:#4c463f;--download:#68cf87}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body,#root{min-height:100vh;margin:0}body{background:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.page{background:var(--background);min-height:100vh;padding-bottom:110px}.page-main{width:min(100%,560px);margin:0 auto;padding:8px 16px 48px}.brand{justify-content:center;align-items:center;width:100%;margin:24px 0 32px;display:flex}.brand img{object-fit:contain;width:auto;max-width:200px;height:44px;display:block}.brand-compact{width:auto;margin:0}.brand-compact img{max-width:150px;height:32px}.home-heading{margin-bottom:24px}.home-heading h1,.contents-heading h1,.week-heading h2{color:var(--on-surface);margin:0}.home-heading h1{letter-spacing:-.02em;font-size:clamp(38px,12vw,48px);font-weight:700;line-height:1.15}.home-heading p{color:var(--on-surface-variant);margin:6px 0 0;font-size:15px;line-height:1.55}.progress-card{background:var(--surface-high);border-radius:12px;margin-bottom:40px;padding:24px;box-shadow:0 6px 22px #0000001f}.progress-card h2,.section-title,.lesson-list-section h2{margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.4}.progress-meta{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.progress-meta span:last-child{color:var(--on-surface-variant);font-size:13px}.progress-track{background:var(--surface-variant);border-radius:999px;height:4px;overflow:hidden}.progress-value{background:var(--primary);border-radius:inherit;height:100%}.section-title{margin-bottom:12px}.subject-card{text-align:left;background:var(--surface-container);border:1px solid var(--outline-variant);width:100%;color:var(--on-surface);border-radius:12px;margin:0 0 24px;padding:24px;display:block}button.subject-card{cursor:pointer;appearance:none}button.subject-card:hover{background:var(--surface-high)}.subject-title-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.subject-title-row h3{margin:0;font-size:20px;font-weight:600;line-height:1.4}.subject-accent{background:var(--surface-variant);border-radius:999px;flex:none;width:8px;height:32px}.subject-accent.active{background:var(--primary)}.home-topic-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.home-topic-list li{color:var(--on-surface);border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:15px;line-height:1.45;display:flex}.home-topic-list svg{color:var(--on-surface-variant);flex:none}.home-topic-list .status-complete{color:var(--primary)}.contents-heading{margin-bottom:22px}.contents-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.contents-heading h1{letter-spacing:-.01em;font-size:32px;font-weight:600;line-height:1.3}.icon-button{cursor:pointer;width:40px;height:40px;color:var(--on-surface-variant);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.icon-button:hover{background:var(--surface-high);color:var(--primary)}.search-box{border:1px solid var(--outline-variant);background:var(--surface-container);height:46px;color:var(--on-surface-variant);border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:0 13px;display:flex}.search-box input{width:100%;color:var(--on-surface);background:0 0;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:#9d958e}.weeks-list{gap:40px;display:grid}.week-block{gap:24px;display:grid}.week-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.week-heading h2{letter-spacing:-.01em;font-size:30px;font-weight:600;line-height:1.3}.week-heading span{color:var(--on-surface-variant);text-align:right;margin-bottom:4px;font-size:12px;font-weight:500;line-height:1.4}.week-modules{gap:12px;display:grid}.content-card{text-align:left;background:var(--surface-container);border:1px solid var(--outline-variant);width:100%;color:var(--on-surface);border-radius:12px;padding:24px;display:block}button.content-card{appearance:none;cursor:pointer}.content-card.interactive:hover{background:var(--surface-high);border-color:#6b6259}.content-card h3{margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.4}.content-card ul{color:var(--on-surface-variant);gap:5px;margin:0;padding:0;font-size:15px;line-height:1.55;list-style:none;display:grid}.content-card li{padding-left:13px;position:relative}.content-card li:before{content:"";background:var(--outline);border-radius:50%;width:4px;height:4px;position:absolute;top:.72em;left:1px}.empty-state{text-align:center;color:var(--on-surface-variant);padding:48px 12px}.lesson-topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--outline-variant);background:#141311e0;justify-content:center;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}.lesson-main{width:min(100%,760px);margin:0 auto;padding:88px 16px 56px}.video-player{aspect-ratio:16/9;background:var(--surface-highest);border-radius:12px;width:100%;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 8px 28px #0000003d}.video-player iframe,.video-player video{object-fit:contain;background:#000;border:0;width:100%;height:100%;display:block}.video-placeholder{color:var(--on-surface-variant);text-align:center;background:linear-gradient(135deg,#201e1b,#2b2925);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.large-play{background:var(--primary);width:64px;height:64px;color:var(--on-primary);cursor:default;border:0;border-radius:50%;place-items:center;display:grid}.video-placeholder span{font-size:13px}.offline-video-error svg{color:#e78d7f}.lesson-info{margin-bottom:40px}.module-pill{background:var(--primary-container);color:var(--on-primary-container);border-radius:999px;align-items:center;margin-bottom:4px;padding:4px 12px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.lesson-info h1{color:var(--on-surface);margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.3}.lesson-info p{color:var(--on-surface-variant);margin:0;font-size:14px;line-height:1.6}.offline-label{color:var(--download);font-weight:500}.lesson-list-section h2{margin-bottom:12px}.lesson-list{gap:12px;display:grid}.lesson-row{background:var(--surface-container);width:100%;color:var(--on-surface);border:1px solid #4c463fcc;border-radius:12px;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;transition:background .15s,border-color .15s;display:grid;position:relative;overflow:hidden}.lesson-row:hover{background:var(--surface-high)}.lesson-row.active{background:var(--surface-high);border-color:var(--primary);box-shadow:0 2px 10px #0000001f}.lesson-row.active:before{content:"";z-index:2;background:var(--primary);width:4px;position:absolute;top:0;bottom:0;left:0}.lesson-open{z-index:1;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;padding:16px 4px 16px 16px;display:grid;position:relative}.lesson-open:hover{background:0 0}.lesson-status{color:var(--on-surface-variant);place-items:center;display:grid}.lesson-row.active .lesson-status,.lesson-row.active .lesson-copy strong{color:var(--primary)}.lesson-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.lesson-copy strong{white-space:normal;font-size:14px;font-weight:500;line-height:1.4}.lesson-copy small{color:var(--on-surface-variant);font-size:12px;line-height:1.4}.lesson-row.active .lesson-copy small{color:#efbe84cc}.download-text-saved{color:var(--download)}.download-button{z-index:3;width:48px;min-height:52px;color:var(--on-surface-variant);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;align-self:stretch;place-items:center;display:grid;position:relative}.download-button:not(:disabled):hover{color:var(--primary);background:#ffffff06}.download-button:disabled{cursor:default;opacity:.42}.download-button.download-saved{color:var(--download);opacity:1}.download-button.download-error{color:#e99586;opacity:1}.download-button.download-downloading,.download-button.download-paused,.download-button.download-queued{opacity:1}.download-progress{width:28px;height:28px;color:var(--download);place-items:center;display:grid;position:relative}.download-progress svg{width:28px;height:28px;position:absolute;inset:0;overflow:visible}.download-progress-track,.download-progress-value{fill:none;stroke-width:2.5px}.download-progress-track{stroke:var(--outline-variant)}.download-progress-value{stroke:var(--download);stroke-linecap:round;transform-origin:13px 13px;transition:stroke-dashoffset .18s linear;transform:rotate(-90deg)}.download-progress-action{z-index:1;width:16px;height:16px;color:var(--download);border-radius:50%;place-items:center;display:grid;position:relative}.download-downloading .download-progress-action,.download-paused .download-progress>svg,.download-paused .download-progress-action>svg{display:none}.download-paused .download-progress-action{width:28px;height:28px;display:grid}.download-paused .download-progress-action:before{content:"";background:var(--download);width:5px;height:18px;box-shadow:9px 0 0 var(--download);border-radius:2px;transform:translate(-4.5px)}.queued-download{color:var(--download);place-items:center;animation:1s linear infinite download-spin;display:grid}.download-help{color:#9f9891;margin:12px 4px 0;font-size:11px;line-height:1.45}@keyframes download-spin{to{transform:rotate(360deg)}}.floating-dock{z-index:50;left:50%;bottom:max(16px,env(safe-area-inset-bottom));background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:999px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:448px;padding:8px;transition:transform .3s,opacity .25s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000047}.floating-dock.dock-hidden{opacity:.15;transform:translate(-50%,100px)}.dock-item{min-width:52px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 7px 6px;display:flex}.dock-item span{font-size:9px;line-height:1.2}.dock-item.active{color:var(--primary);background:#b488542e;padding-left:14px;padding-right:14px}@media (width>=760px){.page-main{width:min(100%,760px);padding-left:24px;padding-right:24px}.brand{margin-top:32px}.home-heading h1{font-size:48px}.week-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.week-heading h2{font-size:32px}.subject-card{padding:24px}.lesson-main{padding-left:24px;padding-right:24px}}@media (width<=380px){.page-main,.lesson-main{padding-left:12px;padding-right:12px}.progress-card,.subject-card,.content-card{padding:18px}.floating-dock{width:calc(100% - 20px)}.dock-item{min-width:46px;padding-left:4px;padding-right:4px}.dock-item.active{padding-left:10px;padding-right:10px}.dock-item span{font-size:8px}.lesson-open{gap:9px;padding-left:13px}.lesson-row{grid-template-columns:minmax(0,1fr) 44px}.download-button{width:44px}}