@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--accent-a:#3567f6;--accent-b:#3567f6;--accent-a-rgb:53, 103, 246;--accent-b-rgb:53, 103, 246;--accent-soft:#3567f614;--accent-line:#3567f63d;--navy-1:#0b1020;--navy-2:#10182b;--navy-text:#07133d;--hero-blue-1:#eaf3ff;--hero-blue-2:#dcebff;--hero-blue-3:#f5f9ff;--bg:#f8fafd;--bg-elevated:#fff;--bg-sunken:#eef2f8;--sidebar-bg:#fff;--topbar-bg:transparent;--text:#111827;--text-muted:#6b7280;--text-faint:#96a0ae;--text-inverse:#fff;--border:#e6e8ed;--border-strong:#d8dbe2;--shadow-sm:0 1px 2px #0f172a0a, 0 6px 18px #0f172a0a;--shadow-md:0 8px 30px #1e3c780f;--shadow-lg:0 20px 50px #0f172a1a, 0 4px 14px #0f172a0d;--shadow-accent:0 10px 26px rgba(var(--accent-a-rgb), .24);--stage-bg:#050507;--stage-border:#22252d;--sidebar-width:225px;--topbar-height:60px;--measure:68ch;--radius-sm:12px;--radius:18px;--radius-lg:20px;--radius-pill:980px;--blur:22px;--saturate:1.8;--ease:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration:.2s;--duration-slow:.35s;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Cascadia Mono", "JetBrains Mono", Consolas, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--accent-a:#7db2ff;--accent-b:#7db2ff;--accent-a-rgb:125, 178, 255;--accent-b-rgb:125, 178, 255;--accent-soft:#7db2ff1f;--accent-line:#7db2ff4d;--navy-text:#f1f2f6;--bg:#0a0b0f;--bg-elevated:#15171e;--bg-sunken:#08090c;--sidebar-bg:#0c0e14f0;--topbar-bg:#0b0c10d1;--text:#f1f2f6;--text-muted:#aab0be;--text-faint:#838b9b;--text-inverse:#0a0a0d;--border:#ffffff17;--border-strong:#ffffff2b;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 10px 26px #0006, 0 2px 8px #00000059;--shadow-lg:0 30px 70px #0000008c, 0 6px 18px #0006;--shadow-accent:0 10px 30px rgba(var(--accent-a-rgb), .22);--stage-border:#23262e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--border-strong) transparent;font-size:16px}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01", "tnum" 0;transition:background-color var(--duration-slow) var(--ease), color var(--duration-slow) var(--ease);margin:0;line-height:1.6}body[data-page=home]{height:100%;overflow:hidden}html:has(body[data-page=home]){height:100%;overflow:hidden}body[data-page=home] .layout{height:100vh}body[data-page=home] .main{height:100vh;overflow:hidden}body[data-page=home] .content{height:calc(100vh - var(--topbar-height));flex-direction:column;display:flex;overflow:hidden}::selection{background:rgba(var(--accent-a-rgb), .28);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}a{color:var(--accent-a);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent-a);outline-offset:2px;transition:outline-offset var(--duration-fast) var(--ease);border-radius:6px}button{font:inherit;color:inherit}code{font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:6px;padding:.1em .4em;font-size:.88em}.skip-link{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:top var(--duration) var(--ease);padding:10px 16px;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(10px) saturate(var(--saturate));border-right:1px solid var(--border);z-index:60;transition:background-color var(--duration-slow) var(--ease), transform var(--duration) var(--ease);flex-direction:column;gap:3px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}[data-theme=dark] .sidebar{box-shadow:1px 0 0 #0000004d, var(--shadow-lg)}.brand{padding:2px 4px 20px;display:block}.brand:hover{text-decoration:none}.brand-logo{width:100%;height:auto;display:block}[data-theme=dark] .brand-logo{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;padding:9px 11px}.brand-lockup{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;height:auto;box-shadow:var(--shadow-sm);background:#fff;margin:22px 0 4px;padding:14px 18px;display:block}.nav-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);padding:18px 10px 6px;font-size:.68rem;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);letter-spacing:-.006em;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);align-items:center;gap:11px;padding:9px 11px;font-size:.92rem;font-weight:500;line-height:1.35;display:flex}.nav-item:hover{background:var(--bg-sunken);color:var(--text);text-decoration:none}.nav-item:active{transform:scale(.985)}.nav-item.is-active{background:linear-gradient(135deg, rgba(var(--accent-a-rgb), .14), rgba(var(--accent-b-rgb), .1));color:var(--accent-a);box-shadow:inset 0 0 0 1px rgba(var(--accent-a-rgb), .16);font-weight:600}[data-theme=dark] .nav-item.is-active{background:linear-gradient(135deg, var(--accent-a), var(--accent-b));color:#fff;box-shadow:var(--shadow-accent)}[data-theme=dark] .nav-item.is-active .nav-count{color:#ffffffbf}.nav-item.is-soon{opacity:.55}.nav-item .icon{flex:0 0 18px;width:18px;height:18px}.nav-item .nav-count{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.sidebar-foot{color:var(--text-faint);margin-top:auto;padding:18px 11px 4px;font-size:.75rem}.main{min-width:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.topbar{z-index:50;height:var(--topbar-height);background:var(--topbar-bg);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));border-bottom:1px solid var(--border);transition:background-color var(--duration-slow) var(--ease);align-items:center;gap:14px;padding:0 28px;display:flex;position:sticky;top:0}.menu-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;transition:background-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);background:0 0;justify-content:center;align-items:center;display:none}.menu-toggle:hover{background:var(--bg-sunken)}.menu-toggle:active{transform:scale(.93)}.topbar-brand{color:var(--text);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:none}.topbar-brand:hover{text-decoration:none}.topbar-brand img{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:8px;width:32px;height:32px;padding:2px}.search-trigger{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);width:100%;min-width:0;max-width:560px;height:52px;color:var(--text-faint);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);align-items:center;gap:10px;padding:0 18px;font-size:.92rem;display:flex}.search-trigger:hover{border-color:var(--border-strong);color:var(--text-muted);box-shadow:var(--shadow-sm)}.search-trigger .icon{flex:0 0 16px;width:16px;height:16px}.search-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbd{font-family:var(--font-mono);color:var(--text-faint);background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;margin-left:auto;padding:1px 6px;font-size:.72rem}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.theme-switch-wrap{align-items:center;gap:8px;display:flex}.theme-switch-icon{width:16px;height:16px;color:var(--text-faint)}.theme-switch{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-sunken);cursor:pointer;width:40px;height:22px;transition:background-color var(--duration) var(--ease), border-color var(--duration) var(--ease);flex:none;padding:2px;position:relative}.theme-switch-knob{width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-spring);background:#fff;border-radius:50%;display:block}.theme-switch.is-on{background:var(--accent-a);border-color:#0000}.theme-switch.is-on .theme-switch-knob{transform:translate(18px)}.user-chip{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);cursor:default;align-items:center;gap:9px;padding:5px 12px 5px 6px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-a), var(--accent-b));color:#fff;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:inline-flex}.user-greet{white-space:nowrap;font-size:.86rem;font-weight:500}.user-chip .icon{width:14px;height:14px;color:var(--text-faint)}@media (width<=640px){.user-greet{display:none}.user-chip{gap:0;padding:5px}.user-chip .icon{display:none}}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease-spring), border-color var(--duration-fast) var(--ease);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--bg-sunken);color:var(--text);border-color:var(--border-strong)}.icon-button:active{transform:scale(.9)}.icon-button .icon{width:18px;height:18px}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;display:block}.content{flex:1;width:100%;max-width:1800px;padding:24px 32px}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.2}h1{letter-spacing:-.035em;font-size:2.15rem}h2{font-size:1.36rem}h3{letter-spacing:-.015em;font-size:1.05rem}p{max-width:var(--measure);margin:0 0 1em}.prose{max-width:var(--measure);color:var(--text-muted)}.creed{border-left:2px solid var(--accent-line);max-width:58ch;color:var(--text-muted);margin:26px 0 8px;padding-left:18px;font-size:1.04rem;line-height:1.75}.creed p{margin:0 0 2px}.creed strong{color:var(--navy-text);font-weight:600}.creed-calls{flex-wrap:wrap;gap:4px 14px;margin:14px 0 16px;display:flex}.creed-welcome{margin-top:18px;font-size:1.12rem}.creed-sign{color:var(--accent-a);font-style:italic}.section-head{margin-bottom:16px}.section-head h2{color:var(--navy-text)}.section-head p{color:var(--text-muted);margin:6px 0 0;font-size:.95rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:.72rem;font-weight:700}.lead{color:var(--text-muted);font-size:1.06rem}.hero{border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--hero-blue-3) 0%, var(--hero-blue-1) 55%, var(--hero-blue-2) 100%);height:224px;box-shadow:var(--shadow-md);flex:0 0 224px;align-items:center;margin-bottom:32px;padding:0 44px;display:flex;position:relative;overflow:hidden}.hero-shape{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-shape:before,.hero-shape:after{content:"";border-radius:50%;position:absolute}.hero-shape:before{background:radial-gradient(circle at 40% 40%,#ffffffe6,#dcebff59 60%,#0000 72%);width:62%;height:160%;top:-30%;right:-12%;transform:rotate(-18deg)}.hero-shape:after{background:radial-gradient(circle,#3567f624,#0000 70%);width:46%;height:130%;bottom:-40%;right:4%;transform:rotate(12deg)}.hero-copy{z-index:1;max-width:620px;position:relative}.hero .eyebrow{color:var(--text-muted)}.hero h1{letter-spacing:-.03em;color:var(--navy-text);white-space:nowrap;margin:10px 0 8px;font-size:2.6rem;font-weight:800}.hero-tag{letter-spacing:-.005em;color:var(--text-muted);margin-bottom:18px;font-size:1.1rem;font-weight:500}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions .button-primary{padding:13px 26px;font-size:1rem}@media (width<=1100px){.hero h1{white-space:normal}}[data-theme=dark] .hero{background:linear-gradient(150deg, var(--navy-2) 0%, var(--navy-1) 100%);box-shadow:var(--shadow-lg)}[data-theme=dark] .hero .eyebrow,[data-theme=dark] .hero-tag{color:var(--text-muted)}[data-theme=dark] .hero-shape:before{background:radial-gradient(circle at 40% 40%,#7db2ff2e,#0000 65%)}[data-theme=dark] .hero-shape:after{background:radial-gradient(circle,#7db2ff24,#0000 70%)}.button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text);letter-spacing:-.01em;cursor:pointer;transition:transform var(--duration-fast) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), filter var(--duration) var(--ease);align-items:center;gap:9px;padding:10px 20px;font-size:.93rem;font-weight:600;display:inline-flex}.button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);text-decoration:none;transform:translateY(-1px)}.button:active{transform:translateY(0)scale(.97)}.button .icon{width:16px;height:16px}.button-primary{background:linear-gradient(135deg, var(--accent-a), var(--accent-b));color:#fff;box-shadow:var(--shadow-accent);border-color:#0000}.button-primary:hover{filter:brightness(1.08);box-shadow:0 14px 32px rgba(var(--accent-a-rgb), .36), 0 4px 12px rgba(var(--accent-b-rgb), .22)}.button-ghost{color:#eef0f5;-webkit-backdrop-filter:blur(16px)saturate(1.6);background:#ffffff14;border-color:#ffffff2e}.button-ghost:hover{background:#ffffff24;border-color:#ffffff52}.button[disabled]{opacity:.45;cursor:not-allowed;transform:none!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-bottom:44px;display:grid}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);flex-direction:column;gap:10px;padding:22px;display:flex}a.card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-4px)}a.card:active{transform:translateY(-2px)scale(.995)}.card-icon{background:linear-gradient(135deg, rgba(var(--accent-a-rgb), .16), rgba(var(--accent-b-rgb), .12));width:42px;height:42px;color:var(--accent-a);border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.card-icon .icon{width:20px;height:20px}.card h3{margin:0}.card p{color:var(--text-muted);max-width:none;margin:0;font-size:.92rem}.card-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:.8rem;display:flex}.card-meta .dot:before{content:"·";margin-right:8px}.card-chevron{color:var(--text-faint);transition:transform var(--duration) var(--ease), color var(--duration-fast) var(--ease);margin-left:auto;display:inline-flex}.card-chevron .icon{width:15px;height:15px}a.card:hover .card-chevron{color:var(--accent-a);transform:translate(3px)}.lesson-card{flex-direction:row;align-items:flex-start;gap:16px}.lesson-number{background:linear-gradient(135deg, rgba(var(--accent-a-rgb), .16), rgba(var(--accent-b-rgb), .12));height:38px;color:var(--accent-a);font-variant-numeric:tabular-nums;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.lesson-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--text-muted);background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:500}.chip-accent{color:var(--accent-a);background:var(--accent-soft);border-color:var(--accent-line)}.bookmark-star{color:var(--text-faint);cursor:pointer;transition:color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease-spring);background:0 0;border:none;border-radius:8px;flex:none;padding:4px}.bookmark-star:hover{color:var(--accent-a);background:var(--bg-sunken);transform:scale(1.08)}.bookmark-star:active{transform:scale(.9)}.bookmark-star.is-on{color:var(--accent-a)}.bookmark-star.is-on .icon{fill:currentColor}.bookmark-star .icon{width:18px;height:18px}.folder-grid{align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.folder-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-md);color:var(--text);transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);flex-direction:column;flex:1 1 0;padding:20px;display:flex}.folder-card.is-featured{border-color:var(--accent-line)}a.folder-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-3px)}.folder-card.is-soon{color:var(--text-muted)}.folder-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.folder-head-right{align-items:center;gap:8px;display:flex}.folder-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-a);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.folder-icon .icon{fill:currentColor;stroke:none;width:19px;height:19px}.tint-blue .folder-icon{color:#3567f6;background:#3567f61f}.tint-purple .folder-icon{color:#8a63e8;background:#9370e824}.tint-teal .folder-icon{color:#1f9e8c;background:#2db2a024}.tint-orange .folder-icon{color:#e0872e;background:#f0943c26}.tint-gray .folder-icon{background:var(--bg-sunken);color:var(--text-faint)}.folder-badge{border-radius:var(--radius-pill);background:var(--accent-soft);min-width:24px;height:24px;color:var(--accent-a);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 8px;font-size:.76rem;font-weight:700;display:inline-flex}.folder-badge.is-soon{background:var(--bg-sunken);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;padding:0 7px;font-size:.62rem;font-weight:600}.folder-chevron{background:var(--bg-sunken);width:26px;height:26px;color:var(--text-faint);transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), transform var(--duration) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.folder-chevron .icon{width:13px;height:13px}a.folder-card:hover .folder-chevron{background:var(--accent-soft);color:var(--accent-a);transform:translate(2px)}.folder-card h3{margin-bottom:4px}.folder-card p{color:var(--text-muted);margin:0;font-size:.86rem}.folder-open{color:var(--accent-a);align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:.86rem;font-weight:600;display:inline-flex}.folder-open .icon{width:15px;height:15px;transition:transform var(--duration) var(--ease)}a.folder-card:hover .folder-open .icon{transform:translate(3px)}.folder-page-head{margin-bottom:22px}.lesson-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-sm);margin:0 0 40px;padding:0;list-style:none;overflow:hidden}.lesson-row{border-top:1px solid var(--border);align-items:stretch;display:flex}.lesson-row:first-child{border-top:0}.lesson-row-link{min-width:0;color:var(--text);transition:background-color var(--duration-fast) var(--ease), padding-left var(--duration) var(--ease);flex:1;align-items:center;gap:18px;padding:16px 18px;display:flex}.lesson-row-link:hover{background:var(--bg-sunken);padding-left:22px;text-decoration:none}.lesson-row-index{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:0 0 30px;font-size:.9rem;font-weight:700}.lesson-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-row-title{letter-spacing:-.012em;font-size:.98rem;font-weight:600}.lesson-row-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.lesson-row-duration{color:var(--text-faint);white-space:nowrap;flex:none;font-size:.82rem}.lesson-row-arrow{color:var(--text-faint);transition:transform var(--duration) var(--ease), color var(--duration-fast) var(--ease);flex:none;display:inline-flex}.lesson-row-arrow .icon{width:16px;height:16px}.lesson-row-link:hover .lesson-row-arrow{color:var(--accent-a);transform:translate(3px)}.lesson-row-star{flex:none;align-self:center;margin-right:14px}.recent-lesson{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:14px 20px;display:flex}.recent-play{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-a);border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;display:inline-flex}.recent-play .icon{fill:currentColor;stroke:none;width:15px;height:15px}.recent-body{flex:1;min-width:0}.recent-title{font-size:.96rem;font-weight:600}.recent-meta{color:var(--text-faint);margin-top:2px;font-size:.82rem}.recent-meta .dot:before{content:"·";margin:0 6px}.recent-lesson .button{padding:8px 16px;font-size:.86rem}.recent-more{background:var(--bg-sunken);border-color:#0000;width:34px;height:34px}.path{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-sm);margin:0 0 44px;padding:0;list-style:none;overflow:hidden}.path li+li{border-top:1px solid var(--border)}.path a{color:var(--text);transition:background-color var(--duration-fast) var(--ease), padding-left var(--duration) var(--ease);align-items:center;gap:16px;padding:14px 20px;display:flex}.path a:hover{background:var(--bg-sunken);padding-left:24px;text-decoration:none}.path-step{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:0 0 26px;font-size:.85rem;font-weight:700}.path-title{letter-spacing:-.012em;font-size:.98rem;font-weight:600}.path-topic{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:.82rem}.breadcrumb{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.breadcrumb .icon{width:14px;height:14px}.lesson-head{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.lesson-head h1{flex:1;min-width:0;font-size:1.9rem}.notes{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent-a);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 0 22px;padding:16px 20px}.notes>summary{cursor:pointer;font-size:.96rem;font-weight:600;list-style:none}.notes>summary::-webkit-details-marker{display:none}.notes>summary:before{content:"▸";width:1.1em;color:var(--accent-a);transition:transform var(--duration) var(--ease);display:inline-block}.notes[open]>summary:before{transform:rotate(90deg)}.notes ul{max-width:var(--measure);color:var(--text-muted);margin:12px 0 0;padding-left:1.3em}.notes li{margin-bottom:8px}.stage-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.stage-toolbar .spacer{flex:1}.stage{background:var(--stage-bg);border:1px solid var(--stage-border);border-radius:var(--radius-lg);height:min(76vh,1100px);min-height:440px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.stage iframe{border:0;width:100%;height:100%;display:block}.stage-deck{background:var(--bg-sunken);border-color:var(--border-strong)}.stage-video{aspect-ratio:16/9;background:#000;max-width:calc(1.77778*min(76vh,1100px));height:auto;min-height:0;max-height:min(76vh,1100px)}.stage-pending{aspect-ratio:16/9;background:var(--bg-sunken);border-style:dashed;border-color:var(--border-strong);max-width:calc(1.77778*min(76vh,1100px));height:auto;min-height:0;max-height:min(76vh,1100px);box-shadow:none;justify-content:center;align-items:center;display:flex}.stage-pending-body{text-align:center;max-width:46ch;color:var(--text-muted);padding:28px;font-size:.9rem}.stage-pending-body .icon{width:34px;height:34px;color:var(--text-faint);margin-bottom:12px}.stage-pending-body p{margin:0 0 8px}.stage-pending-body p:last-child{margin-bottom:0}.stage-pending-body code{font-family:var(--font-mono);background:var(--accent-soft);color:var(--text);border-radius:5px;padding:1px 5px;font-size:.85em}.rotate-hint{border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-muted);align-items:flex-start;gap:10px;margin:0 0 10px;padding:10px 12px;font-size:.84rem;line-height:1.45;display:none}.rotate-hint .icon{width:20px;height:20px;color:var(--accent-a);flex:0 0 20px}.rotate-hint p{margin:0}.stage-hint{color:var(--text-faint);max-width:var(--measure);margin:10px 0 34px;font-size:.84rem}.lesson-nav{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding-top:24px;display:grid}.lesson-nav a{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease), box-shadow var(--duration) var(--ease);flex-direction:column;gap:3px;padding:14px 18px;display:flex}.lesson-nav a:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.lesson-nav .direction{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.76rem}.lesson-nav .next-link{text-align:right;align-items:flex-end}.search-overlay{z-index:120;-webkit-backdrop-filter:blur(6px)saturate(1.4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration) var(--ease), visibility 0s linear var(--duration);background:#080a108c;justify-content:center;align-items:flex-start;padding:10vh 20px 20px;display:flex;position:fixed;inset:0}.search-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--duration) var(--ease)}.search-panel{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:620px;box-shadow:var(--shadow-lg);transition:transform var(--duration) var(--ease);overflow:hidden;transform:translateY(-8px)scale(.98)}.search-overlay.is-open .search-panel{transform:translateY(0)scale(1)}.search-panel input{width:100%;font:inherit;color:var(--text);border:0;border-bottom:1px solid var(--border);background:0 0;outline:none;padding:17px 20px;font-size:1.02rem}.search-results{max-height:56vh;padding:6px;overflow-y:auto}.search-group{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:12px 12px 4px;font-size:.7rem;font-weight:700}.search-hit{border-radius:var(--radius-sm);color:var(--text);transition:background-color var(--duration-fast) var(--ease);padding:9px 12px;display:block}.search-hit:hover,.search-hit.is-active{background:var(--accent-soft);text-decoration:none}.search-hit .hit-title{font-size:.95rem;font-weight:600}.search-hit .hit-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.search-empty{text-align:center;color:var(--text-faint);padding:26px 18px;font-size:.92rem}.search-foot{border-top:1px solid var(--border);background:var(--bg-sunken);color:var(--text-faint);gap:14px;padding:9px 14px;font-size:.76rem;display:flex}.empty-state{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);padding:46px 24px}.sidebar-scrim{z-index:55;-webkit-backdrop-filter:blur(2px);background:#080a1080;display:none;position:fixed;inset:0}@media (width<=900px){html{font-size:16px}.sidebar{transition:transform var(--duration) var(--ease);box-shadow:var(--shadow-lg);transform:translate(-100%)}body.nav-open .sidebar{transform:translate(0)}body.nav-open .sidebar-scrim{display:block}.main{margin-left:0}.menu-toggle{display:inline-flex}.topbar-brand{display:flex}.topbar{gap:10px;padding:0 16px}.content{padding:24px 18px 64px}body[data-page=home]{height:auto;overflow:visible}html:has(body[data-page=home]){height:auto;overflow:visible}body[data-page=home] .layout,body[data-page=home] .main,body[data-page=home] .content{height:auto;overflow:visible}.hero{flex-basis:auto;height:auto;padding:30px 22px 34px}.hero h1{white-space:normal;font-size:1.95rem}.kbd{display:none}.stage{border-left-width:0;border-right-width:0;border-radius:0;height:70vh;min-height:380px;margin-left:-18px;margin-right:-18px}.stage-video,.stage-pending{height:auto;min-height:0}.folder-grid{flex-wrap:wrap}.folder-card,.folder-card.is-featured{flex:calc(50% - 8px)}}@media (width<=520px){.card-grid{grid-template-columns:1fr}.folder-grid{flex-direction:column}.folder-card,.folder-card.is-featured{flex:auto;width:100%}.lesson-row-link{flex-wrap:wrap}.lesson-row-desc{white-space:normal}.lesson-row-duration{margin-left:48px}.search-trigger{flex:none;width:auto;max-width:none;padding:8px 10px}.search-label{display:none}.path a{flex-wrap:wrap;gap:8px 12px}.path-topic{margin-left:42px}.recent-lesson{flex-wrap:wrap;gap:12px 14px;padding:14px 16px}.recent-body{flex:calc(100% - 50px)}.recent-lesson .button{flex:1;justify-content:center}}@media (width<=600px) and (orientation:portrait){.rotate-hint{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width>=901px){.hero-shape{background-image:url(/assets/images/hero-earth.png);background-position:100%;background-repeat:no-repeat;background-size:auto 100%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30%);mask-image:linear-gradient(90deg,#0000 0%,#000 30%);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:385.397px 100%;mask-size:385.397px 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-shape:before,.hero-shape:after{display:none}[data-theme=dark] .hero{background:radial-gradient(circle at calc(100% - 53px) 319px, #3884ff8c 0, #2869eb5c 330px, #1e50c824 420px, transparent 520px), linear-gradient(150deg, var(--navy-2) 0%, var(--navy-1) 100%)}[data-theme=dark] .hero-shape{-webkit-mask-image:radial-gradient(circle at 86.2% 142.3%,#000 0 305px,#0000008c 318px,#0000 332px);mask-image:radial-gradient(circle at 86.2% 142.3%,#000 0 305px,#0000008c 318px,#0000 332px)}}body[data-page=home]{--grid-line:#5c749e13;--grid-size:56px}[data-theme=dark] body[data-page=home]{--grid-line:#8aa6d61a}body[data-page=home] .main{position:relative}body[data-page=home] .main:before{content:"";top:var(--topbar-height);z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:-1px -1px;position:absolute;bottom:0;left:0;right:0}.auth-page{justify-content:center;padding:24px 0 48px;display:flex}a.user-chip{cursor:pointer;padding-left:14px}a.user-chip:hover{border-color:var(--border-strong);color:var(--text);text-decoration:none}@media (width<=640px){a.user-chip{padding:5px 12px}a.user-chip .user-greet{display:inline}}.stage.is-expanded{z-index:150;aspect-ratio:auto;border:0;border-radius:0;max-width:none;height:auto;min-height:0;max-height:none;margin:0;position:fixed;inset:0}.stage-close{z-index:1;color:#fff;cursor:pointer;background:#080a10b3;border:1px solid #ffffff4d;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;position:absolute;top:10px;right:10px}body.stage-expanded-open{overflow:hidden}.course-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;overflow:hidden}.course-section>summary{cursor:pointer;transition:background-color var(--duration-fast) var(--ease);align-items:center;gap:12px;padding:16px 20px;list-style:none;display:flex}.course-section>summary::-webkit-details-marker{display:none}.course-section>summary:before{content:"▸";color:var(--accent-a);transition:transform var(--duration) var(--ease);flex:none}.course-section[open]>summary:before{transform:rotate(90deg)}.course-section>summary:hover{background:var(--bg-sunken)}.course-section-title{letter-spacing:-.015em;min-width:0;color:var(--navy-text);flex:1;font-size:1.08rem;font-weight:700}[data-theme=dark] .course-section-title{color:var(--text)}.course-section-count{color:var(--text-faint);white-space:nowrap;flex:none;font-size:.82rem}.course-section>.lesson-list{border:0;border-top:1px solid var(--border);box-shadow:none;border-radius:0;margin:0}