*{box-sizing:border-box}body{margin:0;font-family:Inter Tight,system-ui,sans-serif;background:color-mix(in srgb,var(--flow-page-bg) 60%,#9a9a97);color:var(--flow-page-text)}.frame{max-width:440px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--flow-page-bg);border-left:1px solid var(--flow-border);border-right:1px solid var(--flow-border)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 10px}.topic{font-size:13.5px;color:var(--flow-text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--flow-border);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:500;color:var(--flow-text-muted)}.chat{flex:1;display:flex;flex-direction:column;gap:8px;padding:6px 16px 4px;overflow-y:auto}.bub{max-width:78%;padding:9px 13px;border-radius:var(--flow-bubble-radius);font-size:16px;line-height:1.45}.bub-t{align-self:flex-start;background:var(--flow-teacher-bubble-bg);color:var(--flow-teacher-bubble-text);border-bottom-left-radius:5px;font-family:var(--flow-teacher-font)}.bub-u{align-self:flex-end;background:var(--flow-user-bubble-bg);color:var(--flow-user-bubble-text);border-bottom-right-radius:5px}.bub-partial{opacity:.72}.draft{align-self:flex-end;max-width:78%;font-style:italic;font-size:15.5px;color:var(--flow-text-muted);opacity:.62;padding:2px 6px}.sysnote{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--flow-text-muted);background:var(--flow-surface);border:1px solid var(--flow-border);border-radius:999px;padding:5px 12px;animation:annin .35s ease}@keyframes annin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bar{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:var(--flow-sheet-bg);border-top:1px solid var(--flow-border)}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--flow-teacher-bubble-bg);border:1px solid var(--flow-border);color:var(--flow-status-text);border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:500}.ctawrap{position:relative;display:grid;place-items:center;width:96px;height:96px}.ring{position:absolute;inset:0;border-radius:50%;background:var(--flow-live-ring)}.ring-breathing{animation:breathe 3.2s ease-in-out infinite}.ring-dashed{background:transparent;border:2px dashed color-mix(in srgb,var(--flow-accent-cta) 45%,transparent);transform:scale(1.06)}.ring-off{opacity:0}@keyframes breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.16);opacity:.25}}@media(prefers-reduced-motion:reduce){.ring-breathing,.sysnote{animation:none}}.cta{position:relative;width:76px;height:76px;border:0;border-radius:50%;background:var(--flow-accent-cta);color:var(--flow-accent-text);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--flow-accent-cta) 35%,transparent)}.cta:disabled{opacity:.45;cursor:default}.hint{font-size:12.5px;line-height:1.4;color:var(--flow-text-muted);text-align:center;max-width:32ch}.panel{margin:12px 16px;padding:14px 16px;background:var(--flow-surface);border:1px solid var(--flow-border);border-radius:var(--flow-card-radius)}.panel h2{margin:0 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--flow-text-muted)}.stat{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:3px 0}.stat b{font-variant-numeric:tabular-nums}.themes{display:flex;gap:8px}.themes button{flex:1;min-height:40px;border-radius:10px;border:1px solid var(--flow-border);background:var(--flow-surface);color:var(--flow-page-text);font-size:13px;cursor:pointer}.themes button[aria-pressed=true]{border-color:var(--flow-accent-cta);color:var(--flow-accent-cta);font-weight:600}.meter{height:6px;border-radius:3px;background:var(--flow-skeleton);overflow:hidden}.meter i{display:block;height:100%;background:var(--flow-accent-cta);transition:width .08s linear}.error{color:var(--flow-danger);font-size:13px}