.chat-day .container{width:min(100%,920px);min-height:610px;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px}.chat-tabs{display:flex;justify-content:center;gap:8px}.chat-tabs button{min-height:44px;padding:10px 22px;border:1px solid var(--line);border-radius:30px;background:rgba(13,48,32,.85);color:var(--muted);font:600 13px system-ui;cursor:pointer}.chat-tabs button[aria-pressed=true]{background:var(--gold);color:#12372c;border-color:var(--gold)}.chat-panel{min-height:0;overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:17px;background:rgba(9,39,26,.92);scrollbar-width:thin;scrollbar-color:#e7cb9460 transparent;overscroll-behavior:contain}.chat{display:flex;flex-direction:column;gap:14px}.bubble{display:flex;align-items:flex-start;gap:10px;max-width:85%}.from-clara{align-self:flex-start}.from-mateo{align-self:flex-end;flex-direction:row-reverse}.avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;border:1px solid var(--line);flex-shrink:0}.msg{font-size:14px;line-height:1.7;padding:12px 16px;background:#143e29;border:1px solid var(--line);border-radius:3px 14px 14px 14px;color:var(--text)}.from-mateo .msg{background:#0b3024;border-radius:14px 3px 14px 14px}.name{display:block;font-size:11px;letter-spacing:.3px;font-weight:600;color:var(--gold);margin-bottom:4px}.chat-reading-actions{margin-top:24px;text-align:right}.chat-action{min-height:46px;padding:12px 22px;border:1px solid var(--gold);border-radius:10px;background:var(--gold);color:#12372c;font:600 14px system-ui;cursor:pointer}.chat-action:disabled{opacity:.4;cursor:default}.chat-progress{font-size:12px;color:var(--gold);margin:0 0 18px}.quiz-panel{align-self:start;max-width:760px;width:100%;margin:0 auto}#qText{font-size:clamp(18px,2.7vw,24px);font-weight:600;line-height:1.5;color:var(--text);margin:0 0 22px}.options{display:grid;gap:10px}.opt{position:relative;min-height:48px;padding:13px 36px 13px 15px;border:1px solid var(--line);border-radius:11px;background:#0d3020;color:var(--text);font:14px/1.5 system-ui;text-align:left;cursor:pointer}.opt:hover:not(:disabled){background:#204b34}.opt[aria-pressed=true]{border-color:var(--gold);background:#204b34;color:var(--gold)}.opt[aria-pressed=true]:after{content:"●";position:absolute;right:14px;color:var(--gold);font-size:10px;top:50%;transform:translateY(-50%)}.opt:disabled{cursor:default}.feedback{min-height:24px;color:var(--gold);font-size:14px;line-height:1.5;margin:18px 0}.feedback.bad{color:#ffd0c8}.actions{display:flex;justify-content:space-between;gap:12px}[hidden]{display:none!important}.chat-tabs,.chat-panel{animation:day-text .6s ease backwards}.intro-running .chat-tabs,.intro-running .chat-panel{animation-play-state:paused}
@media(max-width:739px){.chat-day .container{min-height:600px;padding:12px 16px;gap:10px}.chat-panel{padding:16px}.bubble{max-width:94%;gap:7px}.avatar{width:28px;height:28px}.msg{font-size:13px;line-height:1.65;padding:10px 12px}.name{font-size:10px}.actions{gap:8px}.chat-action{font-size:12px;padding:11px 16px}#qText{font-size:18px}.opt{font-size:13px}}
@media(max-height:660px){.chat-day .container{height:auto;min-height:100svh;grid-template-rows:auto auto auto minmax(280px,1fr)}#dialogPanel{max-height:60svh}}
@media(prefers-reduced-motion:reduce){.chat-tabs,.chat-panel{animation:none}}