.chat-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.chat-history{background:#fff;border:1px solid #e1e8df;border-radius:18px;padding:18px;max-height:780px;overflow:auto}.chat-history-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-history-head strong{font-size:14px}.chat-history>p,.chat-history-empty{font-size:11px;color:#748071;line-height:1.6;margin:12px 0}.chat-thread{display:block;width:100%;text-align:left;margin:8px 0;padding:12px;background:#fafcf8;border:1px solid transparent;border-radius:10px}.chat-thread.selected{border-color:#b5d0b9;background:#edf5e9}.chat-thread strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.chat-thread small{font-size:10px;color:#7a8375}.chat-room{border:1px solid #dce6d9;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #1f392a06}.chat-room-head{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid #e6ece3}.chat-assistant-avatar{background:#eaf3e4;color:#497638;border-radius:14px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.chat-assistant-avatar svg{width:24px;height:24px}.chat-room-head h2{font-size:18px;margin:0 0 4px}.chat-room-head p{font-size:11px;color:#6c7768;margin:0}.chat-connection{margin-left:auto;font-size:10px;background:#fff4df;color:#826c39;padding:7px 10px;border-radius:20px;white-space:nowrap}.chat-connection.ready{background:#eaf3e4;color:#426838}.chat-not-ready{padding:16px 22px;background:#fff7e8;border-bottom:1px solid #f0e5d2;font-size:12px;color:#755f34}.chat-not-ready p{line-height:1.6;margin:5px 0 0}.chat-messages{min-height:280px;max-height:540px;overflow:auto;padding:24px;background:linear-gradient(160deg,#fafcf7,#fff);display:flex;flex-direction:column;gap:16px}.chat-welcome{padding:28px 12px;text-align:center;max-width:600px;margin:auto}.chat-welcome h3{font-size:25px;color:#29482d;letter-spacing:-.5px;margin:12px 0}.chat-welcome p{font-size:13px;color:#697665;line-height:1.7}.chat-suggestions{display:grid;gap:9px;margin-top:20px}.chat-suggestions button{text-align:left;background:#fff;border:1px solid #dce5d6;padding:12px 16px;font-size:12px;border-radius:12px}.chat-bubble{max-width:90%;padding:16px 19px;border-radius:16px;overflow-wrap:anywhere}.chat-bubble.user{align-self:flex-end;background:#e9f2e3;border:1px solid #d8e7ce;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:#fff;border:1px solid #e1e8df;border-bottom-left-radius:4px}.chat-bubble small{font-size:9px;letter-spacing:1px;color:#64715e;font-weight:700}.chat-bubble p{white-space:pre-wrap;font-size:13px;line-height:1.85;margin:7px 0}.chat-bubble button{font-size:11px;margin-top:5px}.chat-thinking{color:#75a04c;letter-spacing:3px;animation:chat-pulse 1.2s ease-in-out infinite}.chat-wait,.chat-turn-status{font-size:12px;color:#6e7968}.chat-composer{padding:20px 22px;border-top:1px solid #e2eadc}.chat-error{color:#aa432d;font-size:12px;line-height:1.6}.chat-error:empty{display:none}.chat-error:not(:empty){margin-bottom:12px;padding:10px;background:#fff1ec;border-radius:8px}.chat-consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.7;color:#62705b;margin-bottom:14px}.chat-consent input,.chat-read-choice input{width:15px;height:15px;flex-shrink:0;accent-color:#5d8f3d;margin-top:3px}.chat-message-label{display:block;font-size:11px;color:#53654d;margin-bottom:7px}.chat-composer textarea{width:100%;resize:vertical;min-height:95px;background:#fafcf8;border:1px solid #cfdfc6;border-radius:12px;padding:13px 15px;line-height:1.7;font-family:inherit;font-size:13px}.chat-composer textarea:focus{outline:2px solid #bed4aa;outline-offset:1px}.chat-compose-tools{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.chat-compose-tools>span{font-size:10px;color:#7c8776;margin-left:auto}.chat-voice-status{font-size:11px;color:#6b795f;margin-top:11px;line-height:1.6}.chat-read-choice{display:flex;align-items:center;gap:8px;font-size:11px;margin:11px 0;color:#56674e}.chat-privacy-note{font-size:10px;line-height:1.7;color:#7c8676;margin:8px 0 0}.chat-composer button:disabled{cursor:not-allowed;opacity:.55}@keyframes chat-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.chat-thinking{animation:none}}@media(max-width:1000px){.chat-layout{grid-template-columns:1fr}.chat-history{max-height:180px}.chat-history .chat-thread{display:inline-block;width:200px;margin:4px 6px 4px 0;vertical-align:top}.chat-room-head{padding:17px}.chat-connection{white-space:normal;text-align:center}.chat-messages{padding:16px;max-height:480px}.chat-bubble{max-width:97%}.chat-composer{padding:16px}}

.chat-layout{gap:18px}.chat-history{background:linear-gradient(155deg,#fff 35%,#f4f8f0);border-color:#dce7d7;box-shadow:0 12px 34px #1d39230b}.chat-room{border-color:#d9e5d4;box-shadow:0 20px 55px #29482d10}.chat-room-head{background:radial-gradient(ellipse at 15% 5%,#fff8e9 0,transparent 42%),linear-gradient(110deg,#f5f9f1,#fff);padding:20px 24px}.chat-assistant-avatar{background:linear-gradient(145deg,#fff1d9,#e6f2df);box-shadow:inset 0 0 0 1px #d9e9d0}.chat-messages{background:radial-gradient(ellipse at 10% 0,#f3f8ed,transparent 40%),linear-gradient(160deg,#fbfcf9,#fff);gap:18px}.chat-bubble.assistant{box-shadow:0 6px 22px #213b1d0a}.chat-welcome{background:#ffffffc9;border:1px solid #e5ecdf;border-radius:24px;padding:30px 28px;box-shadow:0 12px 35px #2b46220a}.chat-suggestions button{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.chat-suggestions button:hover{transform:translateY(-1px);border-color:#a9c68f;box-shadow:0 5px 14px #335d2210}.chat-read-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.chat-read-choice{margin:12px 0}.chat-stop-audio-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1px solid #e4b7ad;background:#fff5f2;color:#963f30;font-weight:700;font-size:11px}.chat-stop-audio-button svg{width:15px;height:15px}.chat-stop-audio-button.is-active{background:#a74030;color:#fff;border-color:#a74030;box-shadow:0 4px 14px #a7403030}.chat-stop-audio-button:disabled{opacity:.68!important}.chat-practice-panel{margin:16px 18px 4px;padding:20px;border:1px solid #dce8d5;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#fff1d9 0,transparent 36%),linear-gradient(145deg,#f4f8ef,#fff 68%);box-shadow:0 12px 34px #2c4b240b}.chat-practice-head{display:flex;align-items:center;gap:13px}.chat-practice-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:#fff;color:#608c42;box-shadow:0 5px 16px #486e2818}.chat-practice-mark svg{width:22px;height:22px}.chat-practice-title{min-width:0}.chat-practice-title .eyebrow{font-size:9px;letter-spacing:1px;color:#8a6b35;font-weight:800}.chat-practice-title h3{font-size:17px;margin:4px 0;color:#29482d}.chat-practice-title p{font-size:11px;color:#6c7867;margin:0}.chat-practice-quota{margin-left:auto;text-align:right;white-space:nowrap}.chat-practice-quota strong{display:block;color:#426d35;font-size:20px;line-height:1}.chat-practice-quota strong span{color:#8b9685;font-weight:500;font-size:13px}.chat-practice-quota small{font-size:9px;color:#75816f}.chat-practice-meter{height:5px;margin:15px 0;background:#e4eadf;border-radius:99px;overflow:hidden}.chat-practice-meter span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6a9c4a,#ef9b40);transition:width .3s ease}.chat-practice-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;align-items:end;gap:10px}.chat-practice-controls label{min-width:0;color:#53634d;font-weight:700;font-size:10px}.chat-practice-controls select{display:block;width:100%;height:38px;margin-top:6px;padding:0 10px;border:1px solid #d8e2d2;border-radius:10px;background:#fff;color:#35452e;font:inherit;font-weight:500}.chat-practice-generate{height:38px;white-space:nowrap;padding:0 15px;border-radius:11px;box-shadow:0 6px 16px #59834222}.chat-practice-consents{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.chat-practice-consents label{display:flex;align-items:flex-start;gap:7px;max-width:49%;font-size:10px;line-height:1.55;color:#66735f}.chat-practice-consents input{width:14px;height:14px;flex:none;accent-color:#5e8a43;margin:1px 0 0}.chat-practice-error{font-size:11px;color:#9d3c2f;background:#fff1ed;border-radius:9px;padding:9px 11px;margin:12px 0 0}.chat-practice-questions{display:grid;gap:10px;margin-top:14px}.chat-practice-empty{padding:13px 15px;background:#ffffffaa;border:1px dashed #d8e2d0;border-radius:12px;color:#7a8674;font-size:11px}.chat-practice-question{padding:17px;background:#fff;border:1px solid #e0e9da;border-radius:15px;box-shadow:0 6px 18px #28482008}.chat-practice-question.pending{background:#fffdf7}.chat-practice-question-meta{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;color:#798573;font-size:9px;text-transform:uppercase;letter-spacing:.45px;font-weight:800}.chat-practice-question-text{font-size:13px;line-height:1.8;color:#273725;margin:13px 0}.chat-practice-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chat-practice-option{display:flex;align-items:flex-start;gap:9px;text-align:left;min-height:48px;padding:10px 12px;border-radius:11px;background:#fafcf8;border:1px solid #e1e9db;color:#394635;font:inherit;font-size:11px;line-height:1.55;transition:border-color .15s ease,background .15s ease}.chat-practice-option:not(:disabled):hover{border-color:#9dbd82;background:#f3f8ed}.chat-practice-option b{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:7px;background:#edf3e7;color:#50753b}.chat-practice-option.is-answer{border-color:#8bbc75;background:#f0f8eb}.chat-practice-option.is-wrong{border-color:#e2a499;background:#fff4f1}.chat-practice-option.is-wrong b{background:#fbe3de;color:#a14332}.chat-practice-select-hint{display:block;margin-top:10px;color:#8a9484;font-size:9px}.chat-practice-feedback{margin-top:12px;padding:11px 13px;border-radius:10px}.chat-practice-feedback.good{background:#f0f8eb;color:#3f7032}.chat-practice-feedback.try-again{background:#fff5ee;color:#885c33}.chat-practice-feedback strong{font-size:11px}.chat-practice-feedback p{font-size:11px;line-height:1.7;margin:5px 0 0}.chat-practice-foot{display:block;margin-top:12px;color:#849080;font-size:9px;line-height:1.6}.chat-composer{background:linear-gradient(180deg,#fff,#fcfdfb)}@media(max-width:900px){.chat-practice-controls{grid-template-columns:1fr 1fr}.chat-practice-controls label:nth-child(3){grid-column:1/-1}.chat-practice-generate{grid-column:1/-1;width:100%}.chat-practice-consents label{max-width:100%}}@media(max-width:560px){.chat-practice-panel{margin:12px 10px 2px;padding:14px}.chat-practice-head{align-items:flex-start}.chat-practice-mark{width:36px;height:36px}.chat-practice-title h3{font-size:15px}.chat-practice-title p{line-height:1.5}.chat-practice-quota strong{font-size:17px}.chat-practice-controls{grid-template-columns:1fr}.chat-practice-controls label:nth-child(3),.chat-practice-generate{grid-column:auto}.chat-practice-options{grid-template-columns:1fr}.chat-room-head{gap:9px;padding:15px}.chat-room-head h2{font-size:16px}.chat-connection{font-size:9px;padding:6px 8px}.chat-read-controls{align-items:flex-start}.chat-stop-audio-button{margin-left:auto}}

.chat-practice-controls{grid-template-columns:1fr 1fr 1.5fr}.chat-practice-buttons{grid-column:1/-1;display:flex;align-items:stretch;gap:9px}.chat-practice-buttons button{flex:1;min-width:0}.chat-practice-bank{height:38px;padding:0 14px;border:1px solid #cbd9c1;border-radius:11px;background:#fff;color:#426d35;font:inherit;font-size:11px;font-weight:800;transition:background .15s,border-color .15s}.chat-practice-bank:not(:disabled):hover{background:#f0f7eb;border-color:#90b378}.chat-practice-bank:disabled{opacity:.48;cursor:not-allowed}@media(max-width:900px){.chat-practice-controls{grid-template-columns:1fr 1fr}.chat-practice-buttons{grid-column:1/-1}}@media(max-width:560px){.chat-practice-buttons{flex-direction:column}.chat-practice-buttons button{width:100%}}