:root{--bg:#f9f9f7;--surface:#fff;--surface-muted:#f0f0ee;--ink:#111;--ink-2:#6e6e6b;--ink-3:#9a9a96;--line:#e6e6e3;--primary:#fff36d;--primary-strong:#ffe94a;--warn-soft:#faf5c6;--know:#517b12;--know-soft:#ebf8c6;--bad:#c8321e;--bad-soft:#fde4e0;--pink:#fddaea;--star:#f5b800;--tile-yellow:#fff36d;--tile-pink:#fddaea;--tile-green:#ebf8c6;--tile-blue:#dceafe;--tile-purple:#ebe3ff;--tile-orange:#ffe3c7;--tile-gray:#f0f0ee;--radius:20px;--radius-sm:14px;--shadow:0 1px 2px #1111110a, 0 6px 20px #1111110d;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--on-ink:#fff;--on-pastel:#111;--glow:1;--text-scale:1;--serif:"Literata", Georgia, "Times New Roman", serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=sepia]{--bg:#f8f1e3;--surface:#fffaf0;--surface-muted:#efe5d2;--ink:#4f3a26;--ink-2:#7d6a55;--ink-3:#a8977f;--line:#e5d9c2;--warn-soft:#f3e6bf;--know-soft:#e6ecc8;--bad-soft:#f6dccf;--on-ink:#fffaf0;--glow:.55}:root[data-theme=gray]{--bg:#4a4a4d;--surface:#575759;--surface-muted:#626265;--ink:#ececec;--ink-2:#b9b9bd;--ink-3:#8e8e93;--line:#69696d;--warn-soft:#5f5a44;--know-soft:#4d5a3e;--bad-soft:#664a46;--know:#bfe486;--bad:#ffa392;--on-ink:#2c2c2e;--glow:.12;--shadow:0 1px 2px #0003, 0 6px 20px #0000002e}:root[data-theme=dark]{--bg:#000;--surface:#161617;--surface-muted:#222224;--ink:#dadada;--ink-2:#9a9a9e;--ink-3:#6e6e72;--line:#2c2c2e;--warn-soft:#2e2a17;--know-soft:#1f2a14;--bad-soft:#33191a;--know:#a6d66b;--bad:#ff8a78;--on-ink:#000;--glow:.1;--shadow:none}:root[data-theme=gray],:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-font=serif]{--font:var(--serif)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 16px/24px var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.display{letter-spacing:-1.5px;margin:0;font-size:34px;font-weight:700;line-height:38px}.title{margin:0;font-size:18px;font-weight:600;line-height:24px}.strong{font-weight:600}.caption{color:var(--ink-2);font-size:13px;font-weight:500;line-height:18px}.label{color:var(--ink-2);font-size:12px;font-weight:500;line-height:16px}.kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:500;line-height:16px}.muted{color:var(--ink-2)}.screen{min-height:100dvh;padding-bottom:calc(32px + var(--safe-bottom))}.wrap{width:100%;max-width:640px;margin:0 auto;padding:0 20px}.wrap-wide{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.grow{flex:1;min-width:0}.section-label{margin:24px 0 10px}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);padding-top:var(--safe-top);position:sticky;top:0}.topbar-inner{align-items:center;gap:8px;height:60px;display:flex}.topbar-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:600;overflow:hidden}.topbar-title.small{color:var(--ink-2);font-size:13px;font-weight:500}.icon-btn{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:inline-flex;position:relative}.icon-btn:hover{background:var(--surface-muted)}.icon-btn.dark{background:var(--ink);color:var(--on-ink);border-color:var(--ink);width:44px;height:44px}.icon-btn.plain{background:0 0;border-color:#0000}.badge{background:var(--primary);min-width:18px;height:18px;color:var(--on-pastel);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:-4px;right:-4px}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 24px;font-size:16px;font-weight:600;transition:filter .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--primary);color:var(--on-pastel)}.btn-primary:hover:not(:disabled){background:var(--primary-strong)}.btn-dark{background:var(--ink);color:var(--on-ink)}.btn-dark:hover:not(:disabled){filter:brightness(1.25)}.btn-secondary{background:var(--surface);border:1px solid var(--line)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted)}.btn-ghost{background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-muted)}.btn-block{width:100%}.btn-sm{height:40px;padding:0 16px;font-size:14px}.chips{scrollbar-width:none;gap:8px;margin:0 -20px;padding:0 20px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:37px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.segmented{background:var(--surface-muted);border-radius:999px;padding:4px;display:flex}.segmented button{height:40px;color:var(--ink-2);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #11111114}.segmented .count{color:var(--ink-2);font-size:12px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px 16px}.tile{border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:inline-flex}.tile.lg{border-radius:16px;width:56px;height:56px;font-size:22px}.tile-yellow{background:var(--tile-yellow)}.tile-pink{background:var(--tile-pink)}.tile-green{background:var(--tile-green)}.tile-blue{background:var(--tile-blue)}.tile-purple{background:var(--tile-purple)}.tile-orange{background:var(--tile-orange)}.tile-gray{background:var(--tile-gray)}[class*=tile-],.send,.step-num{color:var(--on-pastel)}.progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress>span{background:var(--ink);border-radius:inherit;height:100%;transition:width .3s;display:block}.progress.on-dark{background:color-mix(in srgb, var(--on-ink) 22%, transparent);height:4px}.progress.on-dark>span{background:var(--primary)}.tag{background:var(--surface-muted);height:24px;color:var(--ink-2);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.tag.know{background:var(--know-soft);color:var(--know)}.search{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;height:52px;padding:0 18px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.search input::placeholder{color:var(--ink-3)}.home-top{padding-top:calc(12px + var(--safe-top));align-items:center;gap:12px;display:flex}.home-head{flex-wrap:wrap;align-items:center;gap:12px;padding-top:16px;display:flex}.home-head .display{min-width:0}.create-btn{flex:none;height:44px}.brand{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.promo{background:var(--warn-soft);max-width:720px;box-shadow:none;align-items:flex-start;gap:16px;margin-top:20px;padding:20px;display:flex}.promo img{flex:none}.lang-btn{background:var(--surface);border:1px solid var(--line);letter-spacing:.3px;border-radius:999px;flex:none;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.lang-btn:hover{background:var(--surface-muted)}.brand img{width:28px;height:28px}.topics{grid-template-columns:1fr;gap:12px;display:grid}.topic-card{padding:18px 16px 16px;display:block}.topic-card .pin{color:var(--ink);margin:-6px -6px 0 0}.topic-card .pin.off{color:var(--ink-3)}.topic-progress{margin-top:16px}.empty{text-align:center;color:var(--ink-2);padding:48px 20px}.empty img{width:72px;height:72px;margin:0 auto 12px}.continue{background:var(--ink);color:var(--on-ink);border-radius:24px;padding:20px}.continue .kicker{color:color-mix(in srgb, var(--on-ink) 60%, transparent)}.continue .meta{color:color-mix(in srgb, var(--on-ink) 60%, transparent);font-size:13px;font-weight:500}.module{overflow:hidden}.module-head{text-align:left;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.module-num{background:var(--surface-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:inline-flex}.module-num.current{background:var(--ink);color:var(--on-ink)}.module-num.done{background:var(--know-soft);color:var(--know)}.module-lessons{border-top:1px solid var(--line);padding:6px 8px 8px}.lesson-row{border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:6px 10px;font-size:15px;display:flex}.lesson-row:hover{background:var(--bg)}.lesson-row.current{background:var(--warn-soft);font-weight:600}.lesson-row.todo{color:var(--ink-2)}.dot{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.dot.done{background:var(--know-soft);border-color:var(--know-soft);color:var(--know)}.dot.current{border:2px solid var(--ink)}.dot.current:after{content:"";background:var(--ink);border-radius:999px;width:9px;height:9px}.note{padding:14px 16px}.note-text{white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:22px}.note-actions{gap:2px;margin:-8px -8px 0 0;display:flex}.note-actions button{width:32px;height:32px;color:var(--ink-3);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.note-actions button:hover{background:var(--surface-muted);color:var(--ink)}.note-actions button.fav{color:var(--star)}.note-input{background:var(--surface);border:1px solid var(--line);border-radius:24px;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;display:flex}.note-input textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-height:40px;max-height:200px;padding:8px 0;font-size:15px;line-height:22px}.note-input textarea::placeholder{color:var(--ink-3)}.send{background:var(--primary);border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;display:inline-flex}.send:disabled{background:var(--surface-muted);color:var(--ink-3)}.note-edit{border:1px solid var(--line);resize:vertical;border-radius:12px;outline:0;width:100%;min-height:80px;padding:8px 10px}.lesson-progress{background:var(--line);height:3px}.lesson-progress>span{background:var(--primary-strong);height:100%;display:block}.lesson-title{font-size:calc(28px * var(--text-scale));line-height:calc(34px * var(--text-scale));letter-spacing:-.8px;margin:8px 0 16px;font-weight:700}.listen-start{align-items:center;gap:10px;margin:-4px 0 20px;display:flex}body.listening{padding-bottom:calc(88px + var(--safe-bottom))}.listen-bar{z-index:30;padding:0 12px calc(12px + var(--safe-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.listen-inner{pointer-events:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:640px;box-shadow:var(--shadow);align-items:center;gap:4px;margin:0 auto;padding:10px 10px 10px 12px;display:flex}.listen-info{flex-direction:column;gap:5px;min-width:0;margin:0 6px;display:flex}.listen-info .progress{height:4px}.listen-info .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.listen-rate{background:var(--surface-muted);border-radius:999px;flex:none;min-width:44px;height:32px;padding:0 6px;font-size:13px;font-weight:600}.listen-inner .icon-btn:disabled{opacity:.35}.listen-start{flex-wrap:wrap}.listen-engine{background:var(--surface-muted);height:28px;color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.listen-note{flex-basis:100%}.spinner{border:2px solid color-mix(in srgb, var(--on-ink) 35%, transparent);border-top-color:var(--on-ink);border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=380px){.listen-inner .icon-btn.plain[aria-label]{width:32px}}.prose{font-size:calc(17px * var(--text-scale));line-height:calc(28px * var(--text-scale))}.prose>:first-child{margin-top:0}.prose>p:first-child{color:var(--ink-2);font-size:calc(18px * var(--text-scale));line-height:calc(28px * var(--text-scale))}.prose p{margin:0 0 16px}.prose h2{font-size:calc(21px * var(--text-scale));line-height:calc(28px * var(--text-scale));letter-spacing:-.3px;margin:32px 0 12px;font-weight:600}.prose h3{font-size:calc(18px * var(--text-scale));line-height:calc(26px * var(--text-scale));margin:24px 0 8px;font-weight:600}.prose h4{margin:20px 0 6px;font-size:16px;font-weight:600}.prose ul,.prose ol{margin:0 0 16px;padding-left:24px}.prose li{margin-bottom:8px}.prose li::marker{font-weight:600}.prose strong{font-weight:600}.prose a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.prose code{background:var(--surface-muted);border-radius:6px;padding:1px 6px;font-size:.9em}.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14px;line-height:20px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}.prose table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.prose th{font-weight:600}.prose figure{margin:24px 0}.prose figure img{object-fit:contain;background:var(--surface-muted);border-radius:16px;width:100%;max-height:70vh}.prose figcaption{color:var(--ink-2);margin-top:8px;font-size:13px;line-height:18px}.prose figcaption .credit{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;line-height:16px;text-decoration:none;display:block;overflow:hidden}.img-missing.loading{animation:1.2s ease-in-out infinite img-pulse}@keyframes img-pulse{50%{opacity:.55}}.img-missing{aspect-ratio:16/10;background:var(--surface-muted);color:var(--ink-3);border-radius:16px;justify-content:center;align-items:center;display:flex}.prose blockquote{border-left:3px solid var(--ink);margin:24px 0;padding:2px 0 2px 16px;font-size:17px}.prose blockquote p{margin-bottom:6px}.prose blockquote p:last-child{margin-bottom:0}.callout{background:var(--warn-soft);border-radius:18px;gap:12px;margin:24px 0;padding:16px 18px;font-size:16px;line-height:24px;display:flex}.callout.tip{background:var(--know-soft)}.callout.note{background:var(--surface-muted)}.callout.warning{background:var(--bad-soft)}.callout-title{margin-bottom:2px;font-weight:600}.callout p{margin:0 0 6px}.callout p:last-child{margin:0}.sources a,.sources .src{align-items:center;gap:12px;padding:10px 0;display:flex}.src-icon{background:var(--surface-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.quiz-cta{padding:18px 16px}.quiz-cta .tile{width:40px;height:40px}.divider{background:var(--line);border:0;height:1px;margin:28px 0}.sheet-backdrop{z-index:50;background:#11111159;animation:.2s fade;position:fixed;inset:0}.sheet{z-index:51;background:var(--bg);max-height:86dvh;padding:8px 20px calc(16px + var(--safe-bottom));border-radius:24px 24px 0 0;flex-direction:column;animation:.25s ease-out up;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-grip{background:var(--line);border-radius:999px;width:40px;height:5px;margin:4px auto 12px}.sheet-body{margin:0 -20px;padding:0 20px;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.steps{gap:6px;display:flex}.steps span{background:var(--line);border-radius:999px;flex:1;height:4px}.steps span.on{background:var(--ink)}.option{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:16px;line-height:22px;transition:border-color .15s,background .15s;display:flex}.option:hover:not(:disabled){border-color:var(--ink-3)}.option .letter{background:var(--surface-muted);width:28px;height:28px;color:var(--ink-2);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.option.right{background:var(--know-soft);border-color:var(--know);font-weight:600}.option.right .letter{background:var(--know);color:#fff}.option.wrong{background:var(--bad-soft);border-color:var(--bad)}.option.wrong .letter{background:var(--bad);color:#fff}.option:disabled{cursor:default}.explain{background:var(--surface-muted);border-radius:16px;padding:14px 16px;font-size:15px;line-height:22px}.bottom-bar{padding:16px 0 calc(16px + var(--safe-bottom));background:linear-gradient(to top, var(--bg) 75%, transparent);position:sticky;bottom:0}.stat{background:var(--surface-muted);border-radius:18px;flex:1;padding:14px 16px}.stat.know{background:var(--know-soft)}.stat b{font-size:20px;font-weight:600;line-height:28px;display:block}.result-row{align-items:center;gap:12px;padding:10px 16px;font-size:15px;display:flex}.mark{background:var(--know-soft);width:22px;height:22px;color:var(--know);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mark.bad{background:var(--bad-soft);color:var(--bad)}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 24px;display:flex;position:relative}.login img.lori{width:120px;height:120px;margin-bottom:16px}.login .btn{width:100%;max-width:340px}.login-lang{top:calc(16px + var(--safe-top));text-align:left;position:absolute;right:16px}.login-steps{text-align:left;flex-direction:column;gap:10px;width:100%;max-width:340px;margin:0 0 28px;padding:0;font-size:15px;line-height:20px;list-style:none;display:flex}.login-steps li{align-items:center;gap:12px;display:flex}.login-steps .step-num{flex:none;font-weight:600}.google-g{width:20px;height:20px}.banner{left:50%;bottom:calc(16px + var(--safe-bottom));z-index:60;background:var(--ink);width:480px;max-width:calc(100% - 32px);color:var(--on-ink);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:12px;padding:12px 14px 12px 16px;font-size:14px;line-height:20px;display:flex;position:fixed;transform:translate(-50%)}.demo-note{color:var(--ink-2);background:var(--warn-soft);border-radius:12px;padding:8px 12px;font-size:12px;line-height:16px}.menu{z-index:30;background:var(--surface);border-radius:16px;min-width:220px;padding:6px;position:absolute;top:48px;right:0;box-shadow:0 8px 30px #11111124}.menu button,.menu a{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:15px;display:flex}.menu button:hover,.menu a:hover{background:var(--surface-muted)}.menu .who{color:var(--ink-2);border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 12px 10px;font-size:13px}.desktop-only{display:none!important}@media (width>=760px){.topics{grid-template-columns:repeat(2,1fr)}.display{font-size:44px;line-height:48px}}@media (width>=1100px){.topics{grid-template-columns:repeat(3,1fr)}.mobile-only{display:none!important}.desktop-only{display:revert!important}.desk-nav{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;height:72px;position:sticky;top:0}.desk-nav .inner{align-items:center;gap:12px;height:100%;padding:0 24px;display:flex}.home-head{padding-top:32px}.crumbs{color:var(--ink-2);align-items:center;gap:10px;min-width:0;font-size:15px;display:flex}.crumbs>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crumbs .sep{color:var(--line)}.crumbs .here{color:var(--ink)}.lesson-layout{grid-template-columns:300px minmax(0,1fr) 360px;min-height:calc(100dvh - 72px);display:grid}.lesson-layout.no-notes{grid-template-columns:300px minmax(0,1fr)}.side{background:var(--surface);height:calc(100dvh - 72px);position:sticky;top:72px;overflow-y:auto}.side.left{border-right:1px solid var(--line);padding:24px 20px}.side.right{border-left:1px solid var(--line);padding:24px 20px}.lesson-main{width:100%;max-width:780px;margin:0 auto;padding:48px 50px 64px}.lesson-title{font-size:calc(36px * var(--text-scale));line-height:calc(42px * var(--text-scale));letter-spacing:-1.2px}.side .note{background:var(--bg);box-shadow:none}.topic-desk{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:32px;padding-top:32px;display:grid}.topic-desk .sticky{position:sticky;top:104px}}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink-2);font-size:13px;font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--surface);resize:vertical;border-radius:14px;outline:0;width:100%;padding:12px 14px;font-size:16px;line-height:22px}.field input:focus,.field textarea:focus,.field select:focus,.json-input:focus{border-color:var(--ink-3)}.json-input{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:14px;outline:0;width:100%;min-height:160px;padding:12px 14px;font:13px/19px ui-monospace,SFMono-Regular,Menlo,monospace}.step-title{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.step-num{background:var(--primary);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:inline-flex}.prompt-preview{white-space:pre-wrap;background:var(--bg);border-radius:12px;max-height:320px;margin:8px 0 0;padding:12px;font-size:12px;line-height:17px;overflow:auto}.lesson-row.unready{color:var(--ink-3)}.unready-box{background:var(--surface-muted);text-align:center;border-radius:20px;margin:24px 0;padding:24px 20px}.appearance-btn{justify-content:center;min-width:40px;font-size:15px;font-weight:600}.menu .appearance{flex-direction:column;gap:8px;width:268px;padding:0 6px 6px;display:flex}.menu .appearance .who{margin:0 -6px 4px}.menu .appearance .label{margin-top:4px}.swatches{gap:10px;display:flex}.menu .swatches .swatch{border:1px solid var(--line);border-radius:999px;justify-content:center;width:52px;height:52px;padding:0;font-size:16px;font-weight:600}.menu .swatches .swatch.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.menu .appearance .segmented button{justify-content:center;width:auto;padding:0 8px;font-size:14px}.font-serif{font-family:var(--serif)}.font-sans{font-family:Inter,-apple-system,sans-serif}.size-row{background:var(--surface-muted);border-radius:999px;align-items:center;padding:4px;font-size:14px;font-weight:500;display:flex}.menu .size-row button{border-radius:999px;justify-content:center;width:44px;height:36px;padding:0;font-weight:600}.menu .size-row button:disabled{opacity:.35}.home-glow{isolation:isolate;position:relative}.home-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 8% 0%, var(--tile-pink) 0%, transparent 70%), radial-gradient(55% 65% at 92% 0%, var(--tile-yellow) 0%, transparent 70%);height:520px;opacity:calc(.85 * var(--glow));position:absolute;top:0;left:0;right:0}.footer{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;gap:6px 16px;margin-top:48px;padding:20px 0 8px;font-size:13px;display:flex}.footer a{text-underline-offset:3px;text-decoration:underline}.terms h2{margin:28px 0 8px;font-size:18px;line-height:24px}.terms p{margin:0 0 12px;font-size:16px;line-height:26px}.login-footer .footer{border-top:0;justify-content:center;margin-top:32px}:root[data-theme=gray] .menu,:root[data-theme=dark] .menu{border:1px solid var(--line)}.connect{max-width:720px}.connect h2{margin:28px 0 8px;font-size:18px;line-height:24px}.connect p,.connect li{font-size:16px;line-height:26px}.connect ol,.connect ul{margin:0;padding-left:22px}.connect-lead{margin:12px 0 0;font-size:17px;line-height:26px}.copy-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.copy-box code,.copy-box pre{flex:1;min-width:0;margin:0;font-size:14px;line-height:20px}.copy-box code{word-break:break-all}.copy-box pre{white-space:pre;overflow-x:auto}.copy-box.multiline{flex-direction:column;align-items:stretch;padding:12px 14px}.copy-box.multiline .btn{align-self:flex-start}.copy-box .btn{flex:none;height:36px;padding:0 12px;font-size:14px}.consent{text-align:left;width:100%;max-width:400px;padding:28px 24px}.consent img.lori{width:72px;height:72px;margin:0 auto 12px;display:block}.consent-title{text-align:center;margin:0 0 8px;font-size:22px;line-height:28px}.consent p{margin:0 0 10px}.consent .strong{text-align:center}.consent-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.consent-list li{align-items:center;gap:8px;display:flex}.consent-list svg{flex:none}.consent .callout{margin:12px 0}.consent-actions{gap:10px;margin-top:18px;display:flex}.login .consent-actions .btn{flex:1;width:auto}.consent-actions .btn-secondary .spinner{border-top-color:var(--ink)}