@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#20222b;background:#f4f5f8;font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:28px 36px 36px}.app-brand{align-items:center;color:#252733;display:flex;font-size:18px;font-weight:700;gap:9px;letter-spacing:-.04em;margin:0 auto 23px;max-width:1440px}.brand-dot{background:#e8744e;border-radius:50%;height:8px;width:8px}.brand-accent{color:#e8744e}.workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(360px,1fr);gap:24px;margin:0 auto;max-width:1440px;min-height:calc(100vh - 100px)}.lesson-area,.chat-panel{border:1px solid #e6e8ef;border-radius:19px;min-width:0}.lesson-area{background:#1c1f2b;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:27px 30px 31px;position:relative}.lesson-header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.eyebrow,.lesson-tag{color:#e58a69;font-size:10px;font-weight:700;letter-spacing:.17em}.lesson-progress{color:#8f93a3;font-size:12px}.lesson-progress span{color:#505461;margin:0 5px}.video-placeholder{align-items:center;background:radial-gradient(circle at 53% 43%,#3d4358 0,#292d3d 26%,#202330 65%);border:1px solid #393d4b;border-radius:12px;display:flex;flex:1;justify-content:center;margin:25px 0 26px;min-height:290px;overflow:hidden;position:relative}.video-placeholder:before,.video-placeholder:after{border:1px solid rgba(255,255,255,.08);border-radius:50%;content:"";height:390px;position:absolute;width:390px}.video-placeholder:after{height:520px;width:520px}.video-placeholder__glow{background:#b85f47;border-radius:50%;filter:blur(55px);height:110px;opacity:.3;position:absolute;right:24%;top:26%;width:110px}.play-button{align-items:center;background:#e47850;border:7px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 13px 35px #00000038;display:flex;font-size:17px;height:68px;justify-content:center;padding-left:4px;position:relative;width:68px}.video-placeholder__label{bottom:22px;color:#8f93a3;font-size:11px;letter-spacing:.04em;position:absolute}.lesson-copy{max-width:600px}.lesson-copy h1{font-family:Playfair Display,serif;font-size:clamp(28px,3.2vw,47px);letter-spacing:-.045em;line-height:1.08;margin:10px 0 13px;max-width:600px}.lesson-copy p{color:#a8abb7;font-size:14px;line-height:1.65;margin:0;max-width:530px}.chat-panel{background:#fff;display:flex;flex-direction:column;min-height:600px;overflow:hidden}.chat-header{align-items:center;border-bottom:1px solid #eceef2;display:flex;flex-wrap:wrap;gap:13px;padding:24px 25px 21px}.assistant-mark{align-items:center;background:#fff2ec;border-radius:11px;display:flex;height:38px;justify-content:center;width:38px}.assistant-mark span{background:#e47752;border-radius:50%;box-shadow:7px 0 0 -1px #e47752;height:7px;width:7px}.chat-header h2{color:#2b2e38;font-size:14px;letter-spacing:-.02em;margin:0 0 4px}.online-status{align-items:center;color:#9a9da7;display:flex;font-size:11px;gap:6px}.online-status span{background:#5fc27a;border-radius:50%;height:6px;width:6px}.online-status--sending span,.online-status--answering span{background:#e47752}.online-status--error{color:#c95c47}.online-status--error span{background:#c95c47}.new-chat-button{background:#fff;border:1px solid #e4e6eb;border-radius:8px;color:#727681;font-size:11px;margin-left:auto;padding:8px 10px;white-space:nowrap}.new-chat-button:hover:not(:disabled),.new-chat-button:focus-visible{background:#fff8f4;border-color:#e99a7d;color:#c86748}.new-chat-button:disabled{cursor:not-allowed;opacity:.5}.chat-content{display:flex;flex:1;flex-direction:column;min-height:0}.messages{flex:1;min-height:0;overflow-y:auto;padding:25px}.empty-state{align-items:center;display:flex;flex-direction:column;min-height:360px;justify-content:center;text-align:center}.empty-state__icon{align-items:center;background:#fff2ec;border-radius:50%;color:#e47752;display:flex;font-size:21px;height:43px;justify-content:center;margin-bottom:16px;width:43px}.empty-state h2{color:#31343e;font-size:16px;letter-spacing:-.02em;margin:0 0 7px}.empty-state p{color:#a0a3ad;font-size:12px;line-height:1.5;margin:0 0 22px;max-width:230px}.suggested-prompts{display:grid;gap:8px;width:100%}.suggested-prompt{align-items:center;background:#fafbfc;border:1px solid #e7e9ee;border-radius:9px;color:#646873;display:flex;font-size:11px;justify-content:space-between;padding:11px 13px;text-align:left;transition:border-color .2s,color .2s,background .2s}.suggested-prompt:hover{background:#fff8f4;border-color:#f0b49d;color:#d56f4b}.suggested-prompt span{color:#e47752;font-size:16px}.message-row{display:flex;margin-bottom:15px}.message-row--user{justify-content:flex-end}.message-bubble{border-radius:13px;font-size:12px;line-height:1.6;max-width:84%;padding:11px 14px;white-space:pre-wrap}.message-bubble--user{background:#e47752;border-bottom-right-radius:4px;color:#fff}.message-bubble--assistant{background:#f4f5f8;border-bottom-left-radius:4px;color:#555965}.typing-indicator{display:flex;gap:4px;padding:16px 15px}.typing-indicator span{animation:bounce 1s infinite ease-in-out;background:#a4a7b0;border-radius:50%;height:5px;width:5px}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.composer{border-top:1px solid #eceef2;padding:17px 19px 16px;position:relative}.composer textarea{background:#fafbfc;border:1px solid #e5e7ec;border-radius:10px;color:#30333e;display:block;line-height:1.5;max-height:144px;min-height:44px;outline:none;overflow:hidden;padding:12px 48px 12px 13px;resize:none;width:100%}.composer textarea:focus{border-color:#e99a7d;box-shadow:0 0 0 3px #e477521a}.composer textarea:disabled{cursor:wait;opacity:.7}.composer textarea::placeholder{color:#a7aab3}.send-button{align-items:center;background:#e47752;border:0;border-radius:7px;bottom:45px;color:#fff;display:flex;font-size:22px;height:28px;justify-content:center;line-height:1;position:absolute;right:28px;transition:background .2s,opacity .2s;width:28px}.send-button:hover:not(:disabled){background:#d46745}.send-button:disabled{cursor:not-allowed;opacity:.35}.composer-hint{color:#b0b2ba;font-size:10px;margin-top:9px}.composer-hint span{margin:0 4px}.composer-error{align-items:center;color:#c95c47;display:flex;font-size:11px;gap:10px;justify-content:space-between;line-height:1.4;margin:8px 0 0}.retry-button{background:transparent;border:0;color:#c95c47;font-size:11px;font-weight:600;padding:2px 0;text-decoration:underline;white-space:nowrap}.retry-button:focus-visible{border-radius:3px;outline:2px solid #e99a7d;outline-offset:2px}.retry-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 900px){.app-shell{padding:20px}.workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:16px}.lesson-area{padding:22px}.chat-header{padding-left:18px;padding-right:18px}.messages{padding:18px}.composer{padding-left:14px;padding-right:14px}}@media (max-width: 700px){.app-shell{padding:16px}.app-brand{margin-bottom:16px}.workspace{display:flex;flex-direction:column;min-height:auto}.lesson-area{min-height:470px}.video-placeholder{min-height:190px}.lesson-copy h1{font-size:31px}.chat-panel{min-height:560px}.empty-state{min-height:300px}}@media (max-width: 420px){.app-shell{padding:10px}.lesson-area{padding:18px}.lesson-progress{font-size:10px}.lesson-copy p{font-size:13px}.message-bubble{max-width:90%}}