.question-screen:has(#chat-mode-panel:not([hidden])){min-height:100dvh}.question-screen .question-content{max-width:760px}.chat-composer{position:fixed;z-index:12;bottom:0;left:0;width:100%;padding:14px max(20px,calc((100vw - 760px)/2));background:var(--cream);border-top:1px solid var(--line);display:grid;grid-template-columns:42px 1fr 58px;gap:10px;align-items:center}.chat-composer #choose-image-composer{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--purple);font-size:1.35rem;cursor:pointer}.chat-composer .ask-label{font-size:0;display:block}.chat-composer textarea{display:block;width:100%;height:52px;min-height:52px;max-height:100px;padding:14px 16px;resize:vertical;border-radius:16px}.chat-composer .primary{width:58px;height:52px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%;font-size:1.45rem}.chat-composer .primary span{display:none}.question-screen #chat-mode-panel{padding-bottom:100px}.question-screen #chat-mode-panel>.subject-pill,.question-screen #chat-mode-panel>h1,.question-screen #chat-mode-panel>p,.question-screen #chat-mode-panel>.upload-box,.question-screen #chat-mode-panel>.divider{display:none}.question-screen #chat-mode-panel .ai-response{min-height:calc(100dvh - 250px);padding:18px 0 0;background:transparent;border:0;border-radius:0;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:min(82%,580px);border-radius:18px;padding:12px 14px;line-height:1.45;font-size:.9rem}.chat-bubble.user{align-self:flex-end;background:#6756df;color:#fff;border-bottom-right-radius:5px}.chat-bubble.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}.chat-bubble p{margin:0 0 8px}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble strong{display:block;font-family:Fraunces;font-size:1rem;line-height:1.35}.chat-bubble .hint{background:#fff5de;color:#70531c;border-radius:10px;padding:8px;margin-top:9px}.question-screen #chat-mode-panel .ai-response:empty:before{content:"Skriv en fråga, så tar vi det steg för steg.";align-self:center;margin-top:25vh;color:var(--muted);font-size:.86rem}.question-screen .practice-hub{padding-bottom:30px}@media(max-width:600px){.question-screen .question-content{width:calc(100% - 32px);margin-top:24px}.chat-composer{padding:12px 16px;grid-template-columns:38px 1fr 52px}.chat-composer #choose-image-composer{width:38px;height:38px}.chat-composer .primary{width:52px;height:52px}.question-screen #chat-mode-panel .ai-response{min-height:calc(100dvh - 210px)}}html[data-theme="dark"] .chat-composer{background:var(--cream)}html[data-theme="dark"] .chat-composer #choose-image-composer,html[data-theme="dark"] .chat-bubble.assistant{background:#242130;border-color:var(--line)}html[data-theme="dark"] .chat-bubble .hint{background:#46371f;color:#f1d9a8}
