/* Free chat: selected third concept, isolated from the approved homepage. */
body[data-page=chat] #content{padding:20px 25px 24px;background:#fff}body[data-page=chat] #content>.footer{display:none}.third-chat-page{min-width:0;color:#142f56}.third-chat-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:61px;padding:0 12px 16px;border-bottom:1px solid #dce7f6;margin:0}.third-chat-header h1{display:flex;gap:11px;align-items:center;font-size:31px;line-height:1.4;letter-spacing:.3px;color:#102b51;font-weight:700;white-space:nowrap;margin:0}.third-chat-header h1>img{width:43px;height:43px;object-fit:contain}.third-header-actions{display:flex;align-items:center;gap:20px;min-width:0}.third-header-actions>button{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;min-height:42px;font-size:16px;border-radius:12px;white-space:nowrap;line-height:1.5}.third-header-actions>button.quiet{min-width:151px;color:#355b8c;border-color:#bdd5f6;background:#fff}.third-header-actions>button.primary{min-width:167px}.third-header-actions .icon{width:20px;height:20px}.third-mode{padding-left:22px;border-left:1px solid #d0dff3;margin-left:2px;min-width:0}.third-mode select{margin:0;width:177px;padding:9px 14px;font-size:15px;min-height:41px;line-height:1.5;border:1px solid #c9dbf4;border-radius:11px;background:#f9fcff;color:#375276}.third-chat-content{width:100%;max-width:1060px;margin:0 auto;min-width:0}.third-welcome{display:flex;align-items:center;justify-content:center;gap:25px;margin:14px 0 10px;min-height:160px}.third-welcome>img{width:210px;height:160px;object-fit:contain;flex-shrink:0}.third-welcome>div{width:580px;max-width:calc(100% - 235px)}.third-welcome h2{font-size:44px;line-height:1.4;color:#102d52;margin:0 0 8px;font-weight:700;letter-spacing:.3px}.third-welcome p{font-size:20px;line-height:1.75;color:#607694;margin:0;letter-spacing:.2px}.third-composer{margin:0 27px}.third-input-panel{border:1.5px solid #8cb8ff;border-radius:18px;background:#fff;padding:15px 13px 13px;box-shadow:0 5px 10px #527dbf08;min-height:148px;display:flex;flex-direction:column;gap:8px}.third-input-panel:focus-within{border-color:#458ef4;box-shadow:0 0 0 3px #edf5ff}.third-input-panel textarea{display:block;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;margin:0;padding:3px 8px;width:100%;height:69px;min-height:69px;resize:vertical;color:#355579;font-size:17px;line-height:1.8;font-weight:400}.third-input-panel textarea::placeholder{font-size:17px;color:#8392a9;line-height:1.8}.third-send-line{display:flex;align-items:center;justify-content:flex-end;padding:0 0 0 8px}.third-send-line button{display:flex;align-items:center;gap:9px;padding:9px 20px;min-height:44px;border-radius:11px;font-size:17px;font-weight:500;line-height:1.5}.third-send-line .icon{width:22px;height:22px}.third-compose-note{text-align:center;font-size:12px;line-height:1.8;color:#8294af;margin:9px 0 0}.third-compose-note .icon{width:16px;height:16px;vertical-align:-3px;margin-right:4px;color:#8099bd}.third-context-note{text-align:center;font-size:11px;color:#8397b5;margin:3px 0}.third-composer .error-inline{font-size:12px;line-height:1.8;margin-top:10px;border-radius:9px}.third-inspiration{margin-top:26px}.third-inspiration>h2{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1.5;letter-spacing:.3px;color:#16375e;margin:0 0 13px;font-weight:700}.third-inspiration>h2>.icon{width:27px;height:27px;color:#328efa}.third-category-tabs{display:flex;align-items:center;gap:12px;margin-bottom:15px}.third-category-tabs button{background:#edf4ff;color:#647d9f;border:0;border-radius:22px;padding:6px 22px;min-height:33px;min-width:139px;font-size:15px;line-height:1.5}.third-category-tabs button.active{background:linear-gradient(#369aff,#087df7);color:#fff;box-shadow:0 2px 4px #277eda18}.third-suggestions{display:grid;gap:8px}.third-suggestion{display:flex;align-items:center;gap:18px;width:100%;min-height:54px;padding:5px 22px 5px 21px;border:0;border-radius:13px;text-align:left;background:linear-gradient(110deg,#eaf5ff,#dcedff);box-shadow:none;color:#1f426c}.third-suggestion.tint-1{background:linear-gradient(110deg,#e9f7f4,#ddf5f0)}.third-suggestion>b{font-size:18px;line-height:1.6;font-weight:600;color:#1c3d65;letter-spacing:.1px}.third-suggestion>.icon{margin-left:auto;width:24px;height:24px;color:#4888d0;flex-shrink:0}.third-suggestion:hover{background:#deeeff;transform:translateX(2px);box-shadow:none}.third-suggestion.tint-1:hover{background:#d5f1e8}.inspiration-art{display:block;width:48px;height:45px;background-repeat:no-repeat;flex-shrink:0;border-radius:6px;color:#659bd6}.inspiration-art:has(>.icon){display:grid;place-items:center;background:#fff8}.inspiration-art>.icon{width:30px;height:30px}.inspiration-art.moon,.inspiration-art.plant,.inspiration-art.submarine{background-image:url('/assets/chat-third-concept.png');background-size:1487px 1058px}.inspiration-art.moon{background-position:-368px -650px}.inspiration-art.plant{background-position:-368px -716px}.inspiration-art.submarine{background-position:-367px -778px}.third-recent{margin-top:27px}.third-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.third-recent-heading>h2{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:.2px;display:flex;align-items:center;gap:10px;color:#1e426e;margin:0}.third-recent-heading>h2>.icon{width:27px;height:27px;color:#388eea}.third-recent-heading>.plain-link{font-size:13px;color:#2781d9;padding:3px 1px;min-height:27px}.third-recent-heading>.plain-link .icon{width:18px;height:18px}.third-recent-list{border-top:1px solid #dbe6f6}.third-recent-row{width:100%;display:flex;align-items:center;gap:20px;text-align:left;border-bottom:1px solid #e5edf8;padding:12px 3px;min-height:53px;border-radius:0;background:transparent;color:#2e527d;box-shadow:none}.third-recent-row:hover{background:#f6faff;transform:none}.third-recent-row>span{width:43px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e3f2ff;color:#308feb;flex-shrink:0}.third-recent-row:nth-child(2n)>span{background:#e5f7f1;color:#4bb39c}.third-recent-row>span>.icon{width:23px;height:23px}.third-recent-row>b{font-size:17px;font-weight:600;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.third-recent-row>time{font-size:12px;font-weight:400;white-space:nowrap;color:#8195b2;margin-left:auto}.third-history-empty{padding:22px 12px;background:#fbfdff;border-bottom:1px solid #e7eef8;color:#8aa0bc;font-size:13px;line-height:1.9}.third-history-dialog{max-height:52dvh;overflow:auto}.third-history-dialog .third-recent-row>b{font-size:14px}.third-history-dialog .third-recent-row{gap:12px;padding:12px 5px}.third-history-dialog .third-recent-row>time{font-size:10px}.third-chat-page button:disabled{transform:none;opacity:.55}
/* A started conversation reuses the same composer and takes the available viewport. */
body[data-page=chat][data-chat-state=live] #content{height:calc(100dvh - 62px);min-height:500px;display:flex;flex-direction:column;padding-bottom:17px}.third-chat-page.is-live{flex:1;display:flex;flex-direction:column;min-height:0}.is-live .third-chat-content{display:flex;flex:1;flex-direction:column;min-height:0;padding-top:16px}.third-conversation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 12px;border-bottom:1px solid #edf2f9}.third-conversation-heading>h2{font-size:18px;line-height:1.6;margin:0;color:#42678f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:65%}.third-conversation-heading>div{display:flex;gap:7px}.third-conversation-heading button{font-size:10px;padding:5px 9px;min-height:27px}.third-conversation-heading button .icon{width:13px;height:13px}.third-live-messages{flex:1;min-height:0;overflow:auto;padding:23px 12px 8px}.third-message{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.third-message>img{width:39px;height:39px;object-fit:cover;object-position:center;border-radius:50%;background:#eef6ff;flex-shrink:0}.third-message>div{background:#edf5ff;color:#35587f;border-radius:5px 17px 17px 17px;padding:13px 18px;max-width:83%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.95}.third-message.from-student{justify-content:flex-end}.third-message.from-student>div{background:linear-gradient(#389aff,#1683f1);color:#fff;border-radius:17px 5px 17px 17px}.is-live .third-composer{margin:0;padding:8px 0 0;flex-shrink:0}.is-live .third-input-panel{min-height:105px;padding:10px 12px;border-radius:14px;gap:4px}.is-live .third-input-panel textarea{height:43px;min-height:43px;font-size:15px;line-height:1.8}.is-live .third-input-panel textarea::placeholder{font-size:15px}.is-live .third-send-line button{font-size:13px;min-height:32px;padding:5px 15px;border-radius:9px}.is-live .third-send-line .icon{width:17px;height:17px}.is-live .third-compose-note{font-size:10px;margin-top:7px}.is-live .third-context-note{font-size:10px}
@media(min-width:1550px){.third-chat-content{max-width:1140px}.third-chat-header h1{font-size:34px}.third-chat-header{padding-bottom:18px}.third-welcome{min-height:178px;margin-top:19px;margin-bottom:15px}.third-welcome>img{width:231px;height:178px}.third-welcome>div{width:620px}.third-welcome h2{font-size:48px}.third-welcome p{font-size:22px}.third-input-panel{min-height:160px}.third-input-panel textarea{font-size:19px;height:77px;min-height:77px}.third-input-panel textarea::placeholder{font-size:19px}.third-send-line button{font-size:19px}.third-inspiration{margin-top:30px}.third-inspiration>h2,.third-recent-heading>h2{font-size:27px}.third-suggestion{min-height:59px}.third-suggestion>b{font-size:20px}.third-category-tabs button{font-size:17px;min-height:37px}.third-recent{margin-top:31px}.third-recent-row{min-height:59px}.third-recent-row>b{font-size:19px}}
@media(max-width:1250px){body[data-page=chat] #content{padding:19px 22px 24px}.third-chat-header{padding:0 0 13px;gap:15px;min-height:56px}.third-chat-header h1{font-size:26px;gap:9px}.third-chat-header h1>img{width:37px;height:37px}.third-header-actions{gap:11px}.third-header-actions>button{min-height:36px;font-size:12px;padding:7px 12px;border-radius:9px;gap:6px}.third-header-actions>button.quiet{min-width:111px}.third-header-actions>button.primary{min-width:124px}.third-header-actions .icon{width:17px;height:17px}.third-mode{padding-left:13px;margin-left:0}.third-mode select{width:145px;font-size:12px;padding:7px 10px;min-height:35px;border-radius:9px}.third-chat-content{max-width:930px}.third-welcome{gap:15px;min-height:145px;margin:15px 0 12px}.third-welcome>img{width:184px;height:145px}.third-welcome>div{width:500px;max-width:calc(100% - 199px)}.third-welcome h2{font-size:34px;line-height:1.5;margin-bottom:6px}.third-welcome p{font-size:17px;line-height:1.8}.third-composer{margin:0 17px}.third-input-panel{min-height:139px;padding:13px 12px 12px;border-radius:15px}.third-input-panel textarea{font-size:15px;height:64px;min-height:64px}.third-input-panel textarea::placeholder{font-size:15px}.third-send-line button{font-size:14px;min-height:37px;padding:7px 16px;border-radius:9px;gap:7px}.third-send-line .icon{width:19px;height:19px}.third-compose-note{font-size:11px;margin-top:8px}.third-compose-note .icon{width:14px;height:14px}.third-inspiration{margin-top:24px}.third-inspiration>h2{font-size:21px;margin-bottom:12px;gap:8px}.third-inspiration>h2>.icon{width:24px;height:24px}.third-category-tabs{gap:9px;margin-bottom:12px}.third-category-tabs button{font-size:13px;min-width:118px;min-height:30px;padding:5px 18px}.third-suggestions{gap:8px}.third-suggestion{gap:14px;min-height:51px;padding:4px 17px}.third-suggestion>b{font-size:16px}.third-suggestion>.icon{width:21px;height:21px}.third-recent{margin-top:24px}.third-recent-heading>h2{font-size:21px;gap:8px}.third-recent-heading>h2>.icon{width:24px;height:24px}.third-recent-heading>.plain-link{font-size:11px}.third-recent-row{gap:14px;min-height:50px;padding:10px 3px}.third-recent-row>b{font-size:14px}.third-recent-row>time{font-size:10px}.third-history-empty{font-size:12px;padding:18px 10px}.third-context-note{font-size:10px}}
@media(max-width:1020px){.third-chat-header{flex-wrap:wrap;gap:11px}.third-header-actions{margin-left:auto}.third-chat-header h1{font-size:24px}.third-header-actions>button{font-size:11px;padding:6px 9px}.third-header-actions>button.quiet{min-width:95px}.third-header-actions>button.primary{min-width:108px}.third-mode select{width:129px;font-size:11px}.third-mode{padding-left:10px}.third-welcome>img{width:160px;height:137px}.third-welcome>div{max-width:calc(100% - 173px)}.third-welcome h2{font-size:29px;line-height:1.5}.third-welcome p{font-size:14px;line-height:1.9}.third-composer{margin:0 8px}.third-input-panel textarea,.third-input-panel textarea::placeholder{font-size:14px}.third-inspiration>h2{font-size:20px}.third-suggestion>b{font-size:14px}.third-category-tabs button{font-size:12px;min-width:105px}.third-recent-heading>h2{font-size:20px}.third-recent-row>b{font-size:13px}.third-message>div{font-size:14px}}
@media(max-width:760px){body[data-page=chat] #content{padding:16px 14px 24px}.third-chat-header{display:flex;flex-wrap:wrap;padding:0 0 14px;gap:14px;min-height:0}.third-chat-header h1{font-size:24px;gap:8px}.third-chat-header h1>img{width:33px;height:33px}.third-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin:0}.third-header-actions>button{font-size:11px;padding:7px 8px;min-width:0!important;min-height:34px;gap:5px;border-radius:8px}.third-header-actions .icon{width:15px;height:15px}.third-mode{margin:0;padding-left:0;border-left:0;min-width:0}.third-mode select{width:100%;min-height:34px;padding:7px 8px;font-size:10px;border-radius:8px}.third-chat-content{width:100%;max-width:none}.third-welcome{flex-direction:column;gap:2px;margin:14px 0 18px;min-height:0;text-align:center}.third-welcome>img{width:150px;height:115px}.third-welcome>div{width:100%;max-width:none}.third-welcome h2{font-size:27px;line-height:1.5;margin:0 0 6px;letter-spacing:0}.third-welcome p{font-size:12px;line-height:1.9;letter-spacing:0}.third-composer{margin:0}.third-input-panel{min-height:140px;padding:12px 10px 11px;border-radius:13px;gap:8px}.third-input-panel textarea{height:65px;min-height:65px;font-size:13px;padding:2px 5px;line-height:1.9}.third-input-panel textarea::placeholder{font-size:13px;line-height:1.9}.third-send-line button{font-size:13px;min-height:34px;padding:6px 13px;border-radius:8px}.third-send-line .icon{width:17px;height:17px}.third-compose-note{font-size:10px;line-height:1.8;margin-top:8px}.third-compose-note .icon{width:13px;height:13px}.third-context-note{font-size:9px;line-height:1.8}.third-inspiration{margin-top:24px}.third-inspiration>h2{font-size:19px;line-height:1.5;gap:7px;margin-bottom:12px}.third-inspiration>h2>.icon{width:23px;height:23px}.third-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.third-category-tabs button{font-size:11px;min-width:0;min-height:29px;padding:5px 8px;border-radius:18px}.third-suggestions{gap:8px}.third-suggestion{min-height:52px;padding:6px 10px;gap:10px;border-radius:10px}.third-suggestion>b{font-size:12px;line-height:1.8;font-weight:600;min-width:0}.third-suggestion>.icon{width:17px;height:17px}.inspiration-art{width:35px;height:35px;border-radius:5px}.inspiration-art.moon,.inspiration-art.plant,.inspiration-art.submarine{background-size:1130px 804px}.inspiration-art.moon{background-position:-280px -494px}.inspiration-art.plant{background-position:-280px -544px}.inspiration-art.submarine{background-position:-279px -591px}.inspiration-art>.icon{width:24px;height:24px}.third-recent{margin-top:25px}.third-recent-heading{margin-bottom:8px;gap:8px}.third-recent-heading>h2{font-size:18px;gap:7px}.third-recent-heading>h2>.icon{width:22px;height:22px}.third-recent-heading>.plain-link{font-size:10px;gap:4px}.third-recent-heading>.plain-link .icon{width:14px;height:14px}.third-recent-row{padding:12px 1px;gap:10px;min-height:55px}.third-recent-row>span{width:31px;height:27px;border-radius:7px}.third-recent-row>span>.icon{width:19px;height:19px}.third-recent-row>b{font-size:12px;max-width:calc(100% - 118px)}.third-recent-row>time{font-size:9px}.third-history-empty{padding:17px 9px;font-size:11px;line-height:1.9}.third-history-dialog .third-recent-row{gap:9px}.third-history-dialog .third-recent-row>b{font-size:12px}.third-history-dialog .third-recent-row>time{font-size:9px}body[data-page=chat][data-chat-state=live] #content{height:calc(100dvh - 57px);min-height:580px;padding-bottom:13px}.is-live .third-chat-content{padding-top:12px}.third-conversation-heading{padding:0 0 10px;gap:8px;flex-wrap:wrap}.third-conversation-heading>h2{font-size:14px;max-width:100%}.third-conversation-heading>div{margin-left:auto;gap:6px}.third-conversation-heading button{font-size:9px;padding:4px 7px;min-height:25px}.third-live-messages{padding:17px 0 5px}.third-message{gap:7px;margin-bottom:16px}.third-message>img{width:29px;height:29px}.third-message>div{padding:10px 12px;font-size:13px;line-height:1.95;max-width:85%;border-radius:5px 13px 13px}.third-message.from-student>div{border-radius:13px 5px 13px 13px}.is-live .third-input-panel{min-height:106px;padding:9px 8px;border-radius:12px}.is-live .third-input-panel textarea{min-height:42px;height:42px;font-size:12px}.is-live .third-input-panel textarea::placeholder{font-size:12px}.is-live .third-send-line button{font-size:11px;min-height:29px;padding:5px 11px}.is-live .third-send-line .icon{width:15px;height:15px}.is-live .third-compose-note{font-size:9px}.is-live .third-context-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.third-suggestion:hover{transform:none}}