.conversation{background:var(--surface);border:1px solid var(--border);max-width:820px;box-shadow:var(--shadow);border-radius:20px;margin:28px auto;padding:28px 32px}.chat-heading,.chat-identity{align-items:center;gap:16px;display:flex}.chat-heading{flex-wrap:wrap;justify-content:space-between}.chat-seal{background:var(--jade);width:56px;height:56px;color:var(--surface);font:32px var(--font-hanzi);border-radius:14px;place-items:center;display:grid}.chat-heading h1{margin:0;font-size:1.25rem}.chat-heading p{color:var(--muted);margin:2px 0 0;font-size:.9rem}.chat-model{color:var(--muted);margin:20px 0 0;font-size:.75rem}.chat-model span{color:var(--jade);font-weight:600}.chat-preferences{border-bottom:1px solid var(--border);margin:16px 0 20px;padding-bottom:16px}.chat-autoplay{background:var(--surface);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:.8rem;transition:background-color .16s ease-out,border-color .16s ease-out;display:inline-flex}.chat-autoplay svg{width:16px;height:16px;color:var(--jade)}.chat-autoplay[aria-pressed=true]{border-color:var(--jade);background:var(--jade-soft);color:var(--jade)}.chat-autoplay:disabled{opacity:.5;cursor:not-allowed}.chat-intro{max-width:560px;margin:32px 0;line-height:1.7}.chat-topic{color:var(--muted);gap:6px;margin:20px 0;font-size:.85rem;display:grid}.chat-topic select{border:1px solid var(--border);background:var(--surface);width:100%;max-width:360px;color:var(--ink);border-radius:8px;padding:10px}.chat-targets{border-block:1px solid var(--border);margin:24px 0;padding:16px 0}.chat-targets>span{color:var(--muted);font-size:.8rem}.chat-targets>div,.chat-recap>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chat-word{border:1px solid var(--border);background:var(--surface-warm);border-radius:10px;flex-direction:column;align-items:start;gap:2px;padding:7px 12px;display:inline-flex}.chat-word span{font:1.2rem var(--font-hanzi)}.chat-word small{color:var(--muted);font-size:.75rem}.chat-transcript{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:58vh;padding:4px 6px 8px;overflow-y:auto}.chat-turn{margin-bottom:28px}.chat-learner{background:var(--jade-soft);overflow-wrap:anywhere;border-radius:16px 16px 4px;width:fit-content;max-width:85%;margin:0 0 20px auto;display:flow-root}.chat-user{white-space:pre-wrap;margin:0;padding:12px 16px;line-height:1.6}.chat-reply{border-left:2px solid var(--border);max-width:95%;padding-left:16px}.chat-naturalness{--assessment-color:var(--jade);border-top:1px solid color-mix(in srgb, var(--jade) 20%, transparent);max-width:420px;margin:0 14px;font-size:.75rem}.chat-naturalness[data-level=mostly_natural]{--assessment-color:var(--amber)}.chat-naturalness[data-level=needs_work]{--assessment-color:var(--cinnabar)}.chat-naturalness summary{min-height:44px;color:var(--assessment-color);justify-content:flex-end;align-items:center;gap:6px;display:flex}.chat-naturalness-meter{flex:none;gap:3px;margin-right:0;display:inline-flex}.chat-naturalness-meter span{background:var(--assessment-color);border-radius:2px;width:4px;height:9px}.chat-naturalness[data-level=mostly_natural] .chat-naturalness-meter span:last-child,.chat-naturalness[data-level=needs_work] .chat-naturalness-meter span:not(:first-child){background:var(--border)}.chat-naturalness .chat-disclosure-icon{order:1;margin:0}.chat-naturalness>p{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 12px;line-height:1.6}.chat-naturalness[open]>p,.chat-naturalness[open] .chat-better-sentence,.chat-aid-panel{animation:.16s ease-out both chat-panel-in}.chat-better-sentence{border-left:3px solid var(--assessment-color);background:var(--surface-warm);border-radius:0 8px 8px 0;margin-bottom:14px;padding:12px}.chat-better-sentence strong{font-weight:600}.chat-better-sentence p{font:1.25rem/1.8 var(--font-hanzi);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.chat-speaker{color:var(--jade);margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.chat-reply-line{align-items:flex-start;gap:12px;display:flex}.chat-listen{width:44px;height:44px;color:var(--jade);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .16s ease-out,border-color .16s ease-out;display:grid}.chat-listen svg{width:20px;height:20px;margin-left:2px}.chat-listen:hover:not(:disabled){background:var(--jade-soft)}.chat-listen:disabled{opacity:.5;cursor:not-allowed}.chat-chinese{min-width:0;font-family:var(--font-hanzi);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.8}.chat-ruby{ruby-position:under;ruby-align:center;white-space:nowrap}.chat-ruby rt{font-family:var(--font-ui);color:var(--jade);padding-top:.18em;font-size:.6em}.chat-correction{border-left:3px solid var(--amber);background:var(--amber-soft);margin-bottom:12px;padding:10px 14px;font-size:.85rem}.chat-correction p{white-space:pre-wrap;margin:5px 0 0}.chat-aids{flex-wrap:wrap;gap:4px;display:flex}.chat-aid-toggle,.chat-pinyin-toggle{max-width:100%;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:.8rem;transition:background-color .16s ease-out,border-color .16s ease-out}.chat-aid-toggle:hover,.chat-pinyin-toggle:hover{background:var(--surface-warm);color:var(--jade)}.chat-aid-toggle[aria-expanded=true],.chat-pinyin-toggle[aria-expanded=true]{background:var(--jade-soft);color:var(--jade);border-color:#0000}.chat-aid-panel{border-left:3px solid var(--jade);background:var(--surface-warm);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin:10px 0 0;padding:12px 14px;line-height:1.6}.conversation summary{cursor:pointer;list-style:none}.conversation summary::-webkit-details-marker{display:none}.chat-disclosure-icon{text-align:center;width:1em;margin-right:.25em;font-weight:700;display:inline-block}.chat-disclosure-icon:before{content:"+"}.conversation details[open]>summary .chat-disclosure-icon:before{content:"−"}.chat-pending{color:var(--muted);font-size:.9rem}.chat-composer{border:1px solid var(--border-dark);background:var(--surface-warm);border-radius:16px;align-items:end;gap:10px;padding:8px;display:flex}.chat-composer textarea{resize:vertical;min-width:0;min-height:64px;max-height:220px;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:8px;flex:1;padding:10px}.chat-composer:focus-within{border-color:var(--jade);box-shadow:0 0 0 1px var(--jade)}.chat-composer textarea:focus-visible{outline:none}.chat-composer .button{border-radius:10px;min-height:44px;padding:10px 18px}.chat-composer .button-ink:not(:disabled){background:var(--jade);border-color:var(--jade);color:var(--surface)}.chat-autoplay:focus-visible,.chat-keyboard-toggle:focus-visible,.chat-listen:focus-visible,.chat-aid-toggle:focus-visible,.chat-pinyin-toggle:focus-visible,.conversation summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes chat-panel-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-naturalness[open]>p,.chat-naturalness[open] .chat-better-sentence,.chat-aid-panel{animation:none}.chat-listen,.chat-autoplay,.chat-aid-toggle,.chat-pinyin-toggle{transition:none}}.chat-allowance{text-align:right;color:var(--muted);font-size:.75rem}.chat-privacy{color:var(--muted);margin:8px 0 0;font-size:.75rem;line-height:1.6}.chat-keyboard-help{margin-top:8px}.chat-keyboard-toggle{min-height:40px;color:var(--jade);font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:.85rem;font-weight:600}.chat-keyboard-toggle[aria-expanded=true] .chat-disclosure-icon:before{content:"−"}.chat-keyboard-guide{padding:4px 0 0;scroll-margin-top:16px}.chat-keyboard-guide>p{margin:0 0 16px;line-height:1.6}.chat-keyboard-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chat-keyboard-platforms section{background:var(--surface-warm);border-radius:10px;padding:14px}.chat-keyboard-platforms h3{margin:0 0 7px;font-size:.9rem}.chat-keyboard-platforms p{margin:0 0 8px;font-size:.85rem;line-height:1.5}.chat-keyboard-platforms a{color:var(--jade);font-size:.8rem;font-weight:600}.chat-clear{background:var(--cinnabar-soft);border-radius:10px;margin-top:18px;padding:14px}.chat-clear button+button{margin-left:12px}.chat-recap{border-top:1px solid var(--border);margin-top:20px;padding-top:16px;font-size:.85rem}.chat-recap p{color:var(--muted)}@media (width<=600px){.conversation{margin-top:16px;padding:18px 14px}.chat-seal{width:44px;height:44px;font-size:26px}.chat-heading h1{font-size:1.1rem}.chat-identity{gap:12px}.chat-reply{max-width:100%;padding-left:10px}.chat-learner{max-width:92%}.chat-reply-line,.chat-composer{gap:4px}.chat-composer .button{padding-inline:12px}.chat-keyboard-platforms{grid-template-columns:1fr}}@media (width<=380px){.chat-composer{flex-wrap:wrap}.chat-composer textarea{flex-basis:100%}.chat-composer .button{margin-left:auto}}