:root{--nav-h:56px;--bg:#f4f1ea;--surface:#fbf9f4;--ink:#1d2320;--muted:#6b716c;--line:#ddd8cc;--accent:#2f6b55;--accent-ink:#fff;--accent-soft:#dce9e2;--danger:#a6432f;--serif:ui-serif, "New York", "Iowan Old Style", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121614;--surface:#1a201d;--ink:#e9ece8;--muted:#97a09a;--line:#2b332f;--accent:#6fb596;--accent-ink:#0d1411;--accent-soft:#1f3129;--danger:#e08a76}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}a{color:var(--accent)}button{font:inherit}.screen{max-width:560px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 20px);flex-direction:column;margin:0 auto;display:flex}.centered{text-align:center;justify-content:center;align-items:center;gap:16px}.headline{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(1.9rem,7vw,2.4rem);font-weight:500;line-height:1.15}.muted{color:var(--muted);margin:0}.error{color:var(--danger);margin:0}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px;font-size:.75rem;display:block}.field{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;outline:none;padding:12px 14px;font-size:16px}.field:focus{border-color:var(--accent)}.topic{resize:none;line-height:1.4}.button{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;min-height:46px;padding:12px 22px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.danger{color:var(--danger)}.button:disabled{opacity:.45;cursor:default}.link{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:8px;font-size:1rem}.login{flex-direction:column;gap:14px;width:100%;max-width:340px;display:flex}.home{justify-content:space-between;gap:28px}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.mic{background:var(--accent);width:112px;height:112px;color:var(--accent-ink);box-shadow:0 0 0 10px var(--accent-soft);cursor:pointer;border:none;border-radius:50%;place-items:center;margin-top:12px;transition:transform .15s;display:grid}.mic:active{transform:scale(.96)}.mic:disabled{opacity:.4}.mic-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:-8px;font-size:.8rem}.notice{color:var(--muted);margin:0}.focus{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:12px;padding-top:18px;display:grid}.focus div:last-child{text-align:right}.top-nav{--pad-top:calc(env(safe-area-inset-top) + 24px);z-index:5;margin:calc(-1 * var(--pad-top)) -20px 0;padding:calc(env(safe-area-inset-top) + 10px) 20px 10px;height:calc(env(safe-area-inset-top) + var(--nav-h));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--serif);flex:none;align-items:center;gap:8px;font-size:1.15rem;text-decoration:none;display:flex}.brand-mark{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 55%, white), var(--accent));width:14px;height:14px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.tabs{background:var(--surface);border:1px solid var(--line);scrollbar-width:none;border-radius:999px;gap:2px;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px;font-size:.88rem;text-decoration:none;transition:background .15s,color .15s}.tab:hover{color:var(--ink)}.tab.active{background:var(--accent);color:var(--accent-ink)}@media (width<=400px){.brand-name{display:none}.tab{padding:6px 10px;font-size:.84rem}}.live{text-align:center;justify-content:center;align-items:center;gap:14px}.orb-wrap{place-items:center;width:220px;height:220px;margin-bottom:18px;display:grid}.orb{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 55%, white), var(--accent));width:150px;height:150px;box-shadow:0 0 0 16px var(--accent-soft);border-radius:50%;transition:transform 80ms linear}.live[data-state=connecting] .orb,.live[data-state=closing] .orb{opacity:.6;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(.92)}}.live-state{align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.live[data-state=speaking] .dot{background:var(--muted)}.timer{font-variant-numeric:tabular-nums;margin:0;font-size:2.4rem;font-weight:300}.live-actions{gap:12px;margin-top:36px;display:flex}.page{gap:18px}.page-header h1{font-family:var(--serif);margin:10px 0 4px;font-size:1.7rem;font-weight:500}.back{text-decoration:none}.list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.list a{border-bottom:1px solid var(--line);color:var(--ink);flex-direction:column;gap:3px;padding:14px 2px;text-decoration:none;display:flex}.list-meta{color:var(--muted);font-size:.88rem}.transcript{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.transcript li{max-width:88%}.transcript li.user{text-align:right;align-self:flex-end}.transcript p{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;margin:2px 0 0;padding:10px 14px;line-height:1.45}.transcript li.user p{background:var(--accent-soft);border-color:#0000}.speaker{color:var(--muted);font-size:.75rem}.focus-topic{color:var(--muted);margin-top:3px;font-size:.88rem;line-height:1.35;display:block}.after{flex-direction:column;gap:14px;display:flex}.review{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.review h2,.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:.75rem;font-weight:600}.review p{margin:0;line-height:1.45}.review-waiting{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.progress{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.progress li{justify-content:space-between;gap:12px;display:flex}.state{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.state.changed{color:var(--accent);font-weight:600}.noticed p{font-family:var(--serif);font-size:1.08rem}.small{font-size:.88rem}.skill-tree{border-top:1px solid var(--line);margin:0 0 8px;padding:0;list-style:none}.skill-tree li{border-bottom:1px solid var(--line)}.skill-tree a{padding:12px 2px;padding-left:calc(2px + var(--depth,0) * 22px);color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.skill-tree li[data-depth]:not([data-depth="0"]) a{position:relative}.skill-tree li[data-depth]:not([data-depth="0"]) a:before{content:"";left:calc(var(--depth) * 22px - 13px);border-left:1px solid var(--line);border-bottom:1px solid var(--line);width:8px;position:absolute;top:0;bottom:50%}.skill-name{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:600}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:4px 0 0;font-size:.82rem;display:flex}.concept-state{align-items:center;gap:8px;margin:0 0 8px;font-size:1.05rem;display:flex}.gaps{margin:0;padding-left:20px;line-height:1.6}.counts{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 10px;display:grid}.counts div{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;padding:10px}.counts dt{color:var(--muted);font-size:.72rem}.counts dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.4rem}.quotes{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.quotes li{border-left:3px solid var(--accent-soft);padding-left:12px}.quotes.issue li{border-left-color:color-mix(in srgb, var(--danger) 35%, transparent)}.quotes blockquote{font-family:var(--serif);margin:0;font-size:1.05rem;line-height:1.4}.quotes .note{margin:4px 0 0;line-height:1.4}.quote-meta{color:var(--muted);margin-top:4px;font-size:.82rem;text-decoration:none;display:block}.phrases{line-height:1.7;font-family:var(--serif);margin:0;padding-left:20px}.mastery-icon{color:var(--muted);flex:none}.mastery-icon.state-practicing,.mastery-icon.state-developing{color:color-mix(in srgb, var(--accent) 70%, var(--muted))}.mastery-icon.state-solid,.mastery-icon.state-transferable{color:var(--accent)}.legend>span{align-items:center;gap:4px;display:inline-flex}.tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-top:4px;padding:1px 8px;font-size:.72rem;display:inline-block}.flow{margin:0 0 6px;padding:0;list-style:none}.flow li{color:var(--muted);align-items:center;gap:12px;padding:7px 0;display:flex;position:relative}.flow li:not(:last-child):after{content:"";border-left:1px solid var(--line);position:absolute;top:22px;bottom:-8px;left:4px}.flow li.reached{color:var(--ink)}.flow li.reached:has(+li.reached):after{border-color:var(--accent)}.flow-dot{border:1.5px solid var(--line);border-radius:50%;flex:none;width:9px;height:9px}.flow li.reached .flow-dot{background:var(--accent);border-color:var(--accent)}.flow-name{flex:1}.flow-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.composer{flex-direction:column;gap:6px;width:100%;display:flex}.composer .topic{max-height:45dvh;overflow-y:auto}.composer-bar{align-items:center;gap:4px;min-height:40px;display:flex}.count{text-align:left;color:var(--muted);font-variant-numeric:tabular-nums;flex:1;font-size:.82rem}.count.error{color:var(--danger)}.link.small{padding:6px 8px;font-size:.88rem}.link:disabled{opacity:.45;cursor:default}.button.small{min-height:36px;padding:6px 16px;font-size:.92rem}.content-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;width:100%;padding:14px 18px;display:flex}.content-head{justify-content:space-between;align-items:center;margin:-6px -8px -4px 0;display:flex}.content-head .label{margin:0}.content-title{font-family:var(--serif);margin:0;font-size:1.25rem;font-weight:500;line-height:1.25}.content-summary{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.content-details summary{cursor:pointer;color:var(--accent);padding:4px 0;font-size:.9rem}.brief{flex-direction:column;gap:4px;padding-top:8px;display:flex}.brief .section-title{margin-top:8px}.vocab,.points{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vocab li{line-height:1.35}.vocab-meaning{color:var(--muted);font-size:.9rem;display:block}.key-terms{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 0 4px;display:flex}.key-terms-hint{color:var(--muted);margin:0;font-size:.9rem}.lessons{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.lesson-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.lesson{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.85rem;display:flex}.lesson.current{border-color:var(--accent);background:var(--accent-soft)}.lesson-mark{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.lesson.current .lesson-mark{border-color:var(--accent);color:var(--accent)}.lesson-mark.done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lesson-name{text-align:center;line-height:1.2}.lesson-about{color:var(--muted);margin:0;font-size:.9rem}.lesson-about strong{color:var(--ink);font-weight:600}.points li{padding-left:14px;line-height:1.4;position:relative}.points li:before{content:"·";color:var(--muted);position:absolute;left:2px}.start-options{flex-direction:column;align-items:center;gap:4px;display:flex}.start-options .button{text-decoration:none}.topic-filters{top:calc(env(safe-area-inset-top) + var(--nav-h));z-index:1;background:var(--bg);flex-direction:column;gap:8px;margin:0 -4px;padding:8px 0;display:flex;position:sticky}.chips{scrollbar-width:none;align-items:center;gap:6px;padding:0 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px;font-size:.85rem}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chips .link{white-space:nowrap;flex:none}.area-about{margin:-2px 0 10px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.topic-card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .15s,transform .15s;display:flex}.topic-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.topic-card:disabled{cursor:default;opacity:.7}.topic-card[data-current]{border-color:var(--accent);background:var(--accent-soft)}.topic-meta{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.topic-meta .level{color:var(--accent);border:1px solid var(--accent);letter-spacing:.02em;border-radius:6px;padding:0 5px;font-weight:700}.topic-title{font-family:var(--serif);font-size:1.12rem;line-height:1.25}.topic-scene{color:var(--muted);font-size:.88rem;line-height:1.4}.topic-status{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:.8rem;display:flex}.dots{gap:3px;display:inline-flex}.dots span{border:1px solid var(--muted);border-radius:50%;width:7px;height:7px}.dots .dot-done{background:var(--accent);border-color:var(--accent)}.badge-next{color:var(--accent-ink);background:var(--accent)}.badge-due{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.practise-next{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.practise-next p{margin:0}.topic-skills{color:var(--accent);font-size:.78rem;line-height:1.35}.terms-summary{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;flex-direction:column;gap:8px;padding:14px 40px 14px 18px;text-decoration:none;display:flex;position:relative}.terms-summary:hover{border-color:var(--accent)}.terms-head{flex-direction:column;gap:2px;display:flex}.terms-counts{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:.88rem;display:flex}.terms-counts strong{color:var(--ink);font-variant-numeric:tabular-nums}.terms-counts [data-state=due] strong{color:var(--danger)}.terms-summary .chevron{color:var(--muted);font-size:1.4rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.term-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.term{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:12px 2px;display:flex}.term-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.term-head .tag{margin-top:0}.term-word{font-family:var(--serif);font-size:1.08rem;font-weight:500}.term-meaning{margin:0;line-height:1.4}.term-german{color:var(--muted);font-style:italic}.term-meta{color:var(--muted);margin:0;font-size:.8rem}