.app,:root{--font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Baloo 2", "Nunito", system-ui, sans-serif;--paper: #faf6ee;--paper-2: #f1ead9;--surface: #ffffff;--surface-2: #fbf8f2;--ink: #2c2838;--muted: #6f6982;--border: #e7dfcd;--border-strong: #d8cfb8;--accent: #5b4be0;--accent-ink: #4a3cc4;--accent-soft: #ece9fc;--amber: #f3a52a;--amber-soft: #fdefd6;--green: #1fae5a;--danger: #e05656;--radius: 16px;--radius-lg: 22px;--radius-sm: 11px;--pill: 999px;--content-max: 1000px;--shadow-sm: 0 2px 6px rgba(44, 40, 56, .08);--shadow: 0 10px 24px rgba(44, 40, 56, .1), 0 2px 5px rgba(44, 40, 56, .06);--shadow-lg: 0 22px 48px rgba(44, 40, 56, .16), 0 6px 14px rgba(44, 40, 56, .08);--press: inset 0 3px 7px rgba(44, 40, 56, .16);--ring: 0 0 0 3px rgba(91, 75, 224, .32);--tap: 44px}.app[data-theme=dark]{--paper: #15141d;--paper-2: #1e1c29;--surface: #262433;--surface-2: #2d2b3c;--ink: #efecf9;--muted: #aaa4bd;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--accent: #9183ff;--accent-ink: #b3a8ff;--accent-soft: rgba(145, 131, 255, .16);--amber: #ffb648;--amber-soft: rgba(255, 182, 72, .16);--green: #34d27e;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow: 0 12px 28px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 52px rgba(0, 0, 0, .55), 0 6px 14px rgba(0, 0, 0, .4);--press: inset 0 3px 7px rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(145, 131, 255, .4)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{display:flex;flex-direction:column;height:100dvh;background:var(--paper);color:var(--ink);transition:background .3s ease,color .3s ease}.muted{color:var(--muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}.topbar{flex:0 0 auto;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(18px,calc((100% - var(--content-max)) / 2));background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:20}.brand{display:flex;align-items:center;gap:11px;background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer}.brand:focus-visible{outline:none;box-shadow:var(--ring);border-radius:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));border-radius:13px;box-shadow:var(--shadow-sm),inset 0 1px #ffffff59;transform:rotate(-4deg)}.brand-name{position:relative;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.2px;padding-bottom:4px;white-space:nowrap}.brand-underline{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:7px;color:var(--amber);overflow:visible}.topbar-actions{display:flex;align-items:center;gap:9px}.control-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font);font-weight:700;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:var(--tap);min-width:var(--tap);padding:0 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.control-btn:hover{background:var(--surface-2);box-shadow:var(--shadow)}.control-btn:active{transform:translateY(1px);box-shadow:var(--press)}.control-btn:focus-visible{outline:none;box-shadow:var(--ring),var(--shadow-sm)}.control-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.control-btn.primary{color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));border-color:transparent;box-shadow:var(--shadow),inset 0 1px #ffffff4d}.control-btn.primary:hover{background:linear-gradient(150deg,var(--accent-ink),var(--accent-ink));box-shadow:var(--shadow-lg),inset 0 1px #ffffff4d}.icon-btn{padding:0;width:var(--tap)}.btn-glyph{display:inline-flex}.select,.rate{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font);font-weight:700;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:var(--tap);padding:0 14px;cursor:pointer;box-shadow:var(--shadow-sm);max-width:46vw}.select:focus-visible,.rate:focus-visible{outline:none;box-shadow:var(--ring)}.popover{position:relative}.popover-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:30;min-width:248px;max-width:86vw;max-height:72vh;overflow-y:auto;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.menu-label{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 12px 5px}.menu-item{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);border-radius:12px;padding:11px 12px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.menu-item:hover{background:var(--accent-soft);color:var(--accent-ink)}.menu-item:focus-visible{outline:none;box-shadow:var(--ring)}.menu-danger{color:var(--danger)}.menu-danger:hover{background:#e056561f;color:var(--danger)}.menu-sep{height:1px;background:var(--border);margin:8px 6px}.composer{flex:0 0 auto;padding:14px 18px;display:flex;justify-content:center;background:var(--paper)}.create{width:100%;max-width:var(--content-max);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:12px}.create-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.create-input{flex:1 1 260px;min-width:0;height:var(--tap);font-family:var(--font);font-size:15px;font-weight:600;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 16px;box-shadow:var(--press)}.create-input::placeholder{color:var(--muted);font-weight:500}.create-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.create-split{height:var(--tap);font-size:13px}.create-lang{height:var(--tap);font-size:13px;max-width:150px}.create-btn,.create-upload,.create-toggle{white-space:nowrap}.create-text{width:100%;margin-top:10px;font-family:var(--font);font-size:14px;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;resize:vertical;box-shadow:var(--press)}.create-text:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.create-error{margin-top:10px;font-size:13px;font-weight:600;color:var(--danger)}.create-info{margin-top:10px;font-size:13px;color:var(--muted)}.notice{flex:0 0 auto;margin:0 18px 4px;padding:11px 16px;font-size:13.5px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius);text-align:center}.lessons-strip{flex:0 0 auto;display:flex;gap:9px;overflow-x:auto;padding:12px 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lessons-strip::-webkit-scrollbar{display:none}.lesson-tab{flex:0 0 auto;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font);font-size:13px;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--pill);padding:9px 16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease,box-shadow .18s ease}.lesson-tab:hover{background:var(--surface-2)}.lesson-tab.active{color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));border-color:transparent;box-shadow:var(--shadow)}.stage{flex:1 1 auto;min-height:0;display:flex;justify-content:center;padding:6px 18px 18px;background-color:var(--paper);background-image:radial-gradient(var(--paper-2) 1.4px,transparent 1.4px);background-size:22px 22px;background-position:-11px -11px}.whiteboard-scroll{width:100%;max-width:var(--content-max);height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.whiteboard-svg{display:block}.footer{flex:0 0 auto;padding:12px max(18px,calc((100% - var(--content-max)) / 2)) 16px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 6px #2c28380d;display:flex;flex-direction:column;gap:11px}.lesson-meta{font-size:14px;color:var(--muted)}.lesson-meta strong{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink)}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.time{font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;color:var(--muted);min-width:40px;text-align:center}.scrubber{flex:1 1 180px;min-width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:var(--pill);background:var(--paper-2);box-shadow:var(--press);cursor:pointer}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(150deg,var(--accent),var(--accent-ink));box-shadow:var(--shadow-sm),inset 0 1px #fff6;cursor:pointer;border:2px solid var(--surface)}.scrubber::-moz-range-thumb{width:22px;height:22px;border:2px solid var(--surface);border-radius:50%;background:var(--accent);cursor:pointer}.scrubber:focus-visible{outline:none;box-shadow:var(--ring),var(--press)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1c182880;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;animation:fade-in .18s ease}.modal{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:26px;animation:pop-in .22s cubic-bezier(.2,.9,.3,1.2)}.modal-title{font-family:var(--font-display);font-weight:700;margin:0 0 4px;font-size:24px}.modal-sub{margin:0 0 18px;font-size:14px;line-height:1.5}.modal-field{width:100%;margin-bottom:11px}.modal-submit{width:100%;margin-top:6px}.attest{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;margin:6px 0 14px;color:var(--muted);cursor:pointer}.attest input{margin-top:3px;flex:0 0 auto;width:17px;height:17px;accent-color:var(--accent)}.modal-switch{display:block;width:100%;margin-top:16px;border:none;background:transparent;color:var(--accent);font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer}.modal-switch:hover{color:var(--accent-ink)}.paywall{width:100%;max-width:var(--content-max);height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.paywall-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px 30px;text-align:center;max-width:380px;width:100%}.paywall-lock{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;color:var(--accent);background:var(--accent-soft);border-radius:20px;box-shadow:inset 0 1px #fff6}.paywall-title{font-family:var(--font-display);font-weight:700;margin:16px 0 2px;font-size:23px}.paywall-price{font-family:var(--font-display);font-size:38px;font-weight:800;color:var(--accent-ink);margin:16px 0}.paywall-buy{width:100%}.price-badge{display:inline-block;font-size:11px;font-weight:800;color:#fff;background:var(--green);border-radius:var(--pill);padding:2px 8px;margin-left:4px;vertical-align:middle}.legal-modal{max-width:580px}.legal-updated{margin:0 0 14px;font-size:12.5px}.legal-body{max-height:60vh;overflow-y:auto;font-size:14.5px;line-height:1.6;padding-right:6px}.legal-body p{margin:0 0 10px}.legal-heading{font-family:var(--font-display);font-size:16px;font-weight:700;margin:22px 0 6px}.legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12.5px;color:var(--muted)}.legal-link{border:none;background:transparent;color:var(--accent);font-family:var(--font);font-size:inherit;font-weight:700;cursor:pointer;padding:0}.legal-link:hover{color:var(--accent-ink);text-decoration:underline}.consent-bar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:45;width:min(660px,94vw);display:flex;align-items:center;gap:14px;padding:14px 18px;font-size:13.5px;line-height:1.45;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.consent-ok{flex:0 0 auto}.video-progress{position:fixed;left:50%;bottom:104px;transform:translate(-50%);z-index:40;width:min(440px,90vw);padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.video-progress-label{font-size:13.5px;font-weight:700;margin-bottom:10px;font-variant-numeric:tabular-nums}.video-progress-bar{height:9px;border-radius:var(--pill);background:var(--paper-2);box-shadow:var(--press);overflow:hidden}.video-progress-fill{height:100%;border-radius:var(--pill);background:linear-gradient(90deg,var(--accent),var(--amber));transition:width .25s ease}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}.view-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;background-color:var(--paper);background-image:radial-gradient(var(--paper-2) 1.4px,transparent 1.4px);background-size:22px 22px;background-position:-11px -11px}.home{max-width:var(--content-max);margin:0 auto;padding:28px 18px 8px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:12px 0 36px}.eyebrow{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:5px 12px;border-radius:var(--pill);margin-bottom:16px}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:-.01em;margin:0 0 14px}.hero-title em{font-style:normal;position:relative;color:var(--accent);white-space:nowrap}.hero-title em:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.04em;height:.16em;background:var(--amber);border-radius:var(--pill);opacity:.55;z-index:-1}.hero-sub{font-size:clamp(16px,1.6vw,18px);line-height:1.6;color:var(--muted);max-width:40ch;margin:0 0 22px}.hero .create{max-width:none}.hero-hint{margin:12px 2px 0;font-size:13px}.hero-visual{position:relative}.hero-demo{height:clamp(300px,42vh,440px);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);transform:rotate(1deg)}.hero-demo .whiteboard-scroll{border-radius:0;box-shadow:none;border:none;max-width:none;pointer-events:none}.hero-visual-tag{position:absolute;left:14px;bottom:-12px;font-size:12px;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--pill);padding:5px 12px;box-shadow:var(--shadow-sm)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0 8px}.how-step{display:flex;gap:13px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.how-num{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;font-family:var(--font-display);font-weight:800;font-size:16px;color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));border-radius:11px;box-shadow:inset 0 1px #ffffff4d}.how-step-title{font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:3px}.how-step-desc{font-size:13.5px;line-height:1.5;margin:0}.explore{padding:30px 0 24px}.explore-head h2{font-family:var(--font-display);font-weight:800;font-size:26px;margin:0 0 4px}.explore-head p{margin:0 0 18px;font-size:14.5px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.explore-empty{padding:40px 20px;text-align:center;font-size:15px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.lesson-card{display:flex;flex-direction:column;text-align:left;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease;font:inherit;color:inherit}.lesson-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.lesson-card:focus-visible{outline:none;box-shadow:var(--ring),var(--shadow)}.lesson-card-thumb{position:relative;aspect-ratio:4 / 3;background:var(--paper-2);overflow:hidden}.lesson-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lesson-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;color:var(--accent);background:linear-gradient(150deg,var(--accent-soft),var(--surface))}.lesson-card-placeholder span{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink);line-height:1.25}.card-price{position:absolute;top:10px;right:10px;font-size:12px;box-shadow:var(--shadow-sm)}.lesson-card-body{padding:13px 15px 15px}.lesson-card-title{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.25;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-meta{font-size:12.5px}.site-footer{justify-content:center;align-items:center}.site-footer .legal-links{justify-content:center}.explore-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.explore-search{position:relative;flex:1 1 260px;min-width:0;display:flex;align-items:center}.explore-search svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}.explore-search-input{width:100%;height:var(--tap);font-family:var(--font);font-size:15px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--pill);padding:0 16px 0 42px;box-shadow:var(--shadow-sm)}.explore-search-input::placeholder{color:var(--muted);font-weight:500}.explore-search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font);font-weight:700;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--pill);padding:8px 14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease}.chip:hover{background:var(--surface-2)}.chip.active{color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));border-color:transparent}.chip:focus-visible{outline:none;box-shadow:var(--ring)}.explore-loading{padding:22px;text-align:center;font-size:14px}.creator{padding-bottom:32px}.creator-gate{max-width:460px;margin:8vh auto 0;text-align:center}.creator-gate .creator-title{margin:10px 0 8px}.creator-gate .control-btn{margin-top:18px}.creator-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:12px 0 18px}.creator-title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,38px);margin:6px 0 0}.creator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);text-align:center}.stat-num{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--accent-ink)}.stat-label{font-size:13px;font-weight:600}.creator-list{display:flex;flex-direction:column;gap:12px}.creator-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-sm)}.creator-row-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:14px;background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.creator-row-thumb{flex:0 0 auto;width:84px;height:60px;object-fit:cover;border-radius:10px;background:var(--paper-2);border:1px solid var(--border)}.creator-row-thumb.placeholder{background:linear-gradient(150deg,var(--accent-soft),var(--surface))}.creator-row-info{min-width:0;display:flex;flex-direction:column}.creator-row-title{font-family:var(--font-display);font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-row-meta{font-size:12.5px}.creator-row-actions{flex:0 0 auto;display:flex;gap:8px}.creator-row-actions .control-btn{min-height:38px;padding:0 14px;font-size:13px}.creator-note{margin-top:22px;font-size:13px}@media (max-width: 760px){.hero{grid-template-columns:1fr;gap:22px;padding-bottom:24px}.hero-visual{order:-1}.hero-demo{height:260px;transform:none}.how{grid-template-columns:1fr}}@media (max-width: 640px){.brand-name{display:none}.topbar{padding:8px 14px}.composer{padding:12px 14px}.stage{padding:4px 12px 14px}.whiteboard-scroll{border-radius:var(--radius)}.lesson-tab{max-width:160px}.modal{padding:22px}.creator-row{flex-wrap:wrap}.creator-row-actions{width:100%}.creator-row-actions .control-btn{flex:1 1 auto}}.usage-meter{height:6px;margin:2px 12px 6px;background:var(--surface-2);border-radius:var(--pill);overflow:hidden}.usage-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--amber));border-radius:var(--pill);transition:width .3s ease}.menu-upgrade{font-weight:700;color:var(--accent-ink)}.menu-upgrade:hover{background:var(--accent-soft)}.premium-modal{max-width:540px}.premium-perks{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:9px}.premium-perks li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink)}.premium-tick{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:var(--pill);background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:800}.premium-plans{display:flex;gap:12px}.premium-plan{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 16px 14px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;text-align:left;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.premium-plan:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.premium-plan:disabled{opacity:.7;cursor:default}.premium-plan.featured{border-color:var(--accent);box-shadow:var(--shadow)}.premium-badge{position:absolute;top:-10px;right:12px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));padding:3px 9px;border-radius:var(--pill)}.premium-plan-name{font-family:var(--font-display);font-weight:700;font-size:15px}.premium-plan-price{font-family:var(--font-display);font-weight:800;font-size:28px;line-height:1.1;color:var(--ink)}.premium-plan-note{font-size:12.5px}.premium-plan-cta{margin-top:12px;align-self:stretch;text-align:center;font-weight:700;font-size:13.5px;padding:9px 12px;border-radius:var(--radius-sm);color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink))}.premium-fineprint{margin:14px 0 0;font-size:12px;line-height:1.5}@media (max-width: 520px){.premium-plans{flex-direction:column}}.earnings{margin-top:28px}.earnings-title{font-family:var(--font-display);font-weight:700;font-size:20px;margin:0 0 12px}.sales-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.sales-row{display:grid;grid-template-columns:110px 1fr 100px 110px;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid var(--border);font-size:14px}.sales-row:first-child{border-top:none}.sales-head{background:var(--surface-2);font-weight:700;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}.sales-lesson{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-num{text-align:right;font-variant-numeric:tabular-nums}.sales-net{font-weight:800;color:var(--green)}@media (max-width: 560px){.sales-row{grid-template-columns:1fr 78px 92px}.sales-row>:first-child{display:none}.sales-head>:first-child{display:none}}.control-btn.nav-active{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.explore-all-row{display:flex;justify-content:center;margin-top:22px}.explore-all-btn{font-weight:700}.lesson-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.lesson-actions .control-btn{font-size:13px;padding:0 12px;min-height:38px}.compose-stage{align-items:center;overflow-y:auto;padding:28px 18px}.compose{width:100%;max-width:660px;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center}.compose-mark{display:grid;place-items:center;width:58px;height:58px;color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));border-radius:18px;box-shadow:var(--shadow),inset 0 1px #ffffff4d;transform:rotate(-4deg);margin-bottom:16px}.compose-title{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,4vw,34px);margin:0 0 6px}.compose-sub{font-size:15px;line-height:1.55;max-width:470px;margin:0 0 18px}.compose .create{width:100%}.compose .create-row{justify-content:center}.compose-status{margin-top:14px;font-size:13.5px}.live-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 9px;font-size:12px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--pill);vertical-align:middle}