.phone[data-page=assistant] .scroll{display:flex;overflow:hidden;background:var(--page)}
.phone[data-page=assistant] #app{padding:0;display:flex;flex:1;min-height:0;width:100%}
.teacher-chat{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 35%,var(--surface)),var(--surface) 180px)}
.teacher-topbar{display:flex;align-items:center;gap:8px;padding:14px 14px;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent)}
.teacher-heading{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.teacher-heading h1{font-size:18px;letter-spacing:0;font-weight:680;line-height:1.4;margin:0}
.teacher-avatar{width:36px;height:36px;object-fit:contain;border-radius:50%;background:color-mix(in srgb,var(--soft) 55%,var(--surface));flex-shrink:0;padding:2px}
.teacher-heading .teacher-avatar{width:46px;height:46px}
.teacher-back,.teacher-info{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;padding:8px;flex-shrink:0}
.teacher-back svg,.teacher-info svg{width:24px;height:24px}
.teacher-back:active,.teacher-info:active{background:var(--soft)}
.teacher-conversation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 18px 16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-padding-bottom:20px}
.teacher-date{text-align:center;font-size:12px;color:var(--muted);margin:0 0 27px;opacity:.85}
.teacher-message{display:flex;gap:9px;align-items:flex-start;margin:22px 0;max-width:100%}
.teacher-message .teacher-avatar{margin-top:4px}
.teacher-bubble{border:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:color-mix(in srgb,var(--soft) 40%,var(--surface));border-radius:6px 23px 23px 23px;padding:14px 17px;min-width:0;max-width:calc(100% - 45px);font-size:15px;line-height:1.85;overflow-wrap:anywhere;box-shadow:0 2px 8px #00000003}
.teacher-bubble p,.teacher-user-bubble p{margin:0;line-height:1.85;white-space:pre-wrap}
.teacher-question{display:flex;justify-content:flex-end;margin:22px 0 8px;padding-left:42px}
.teacher-user-bubble{max-width:100%;min-width:0;background:var(--soft);border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:23px 6px 23px 23px;padding:13px 17px;overflow-wrap:anywhere;font-size:15px;line-height:1.85;color:var(--text)}
.teacher-bottom{flex-shrink:0;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface)}
.teacher-compose{display:flex;gap:10px;align-items:flex-end;padding:10px 10px 10px 15px;background:color-mix(in srgb,var(--soft) 35%,var(--surface));border:1px solid var(--line);border-radius:27px;box-shadow:0 3px 14px #00000005}
.teacher-compose:focus-within{border-color:color-mix(in srgb,var(--primary) 40%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 6%,transparent)}
.teacher-compose textarea{font:inherit;font-size:15px;line-height:24px;margin:0;flex:1;min-width:0;min-height:34px;max-height:128px;resize:none;padding:5px 0;border:0;border-radius:0;background:transparent;color:var(--text);outline:none;box-shadow:none}
.teacher-compose textarea:focus-visible{outline:none;border:0}
.teacher-compose textarea::placeholder{color:var(--muted);opacity:.8}
.teacher-send{width:36px;height:36px;flex:0 0 36px;padding:8px;border:0;border-radius:50%;background:var(--primary);color:var(--surface);display:grid;place-items:center}
.teacher-send svg{width:21px;height:21px}.teacher-send:disabled{background:var(--line);color:var(--muted);opacity:.7;cursor:default}
.teacher-send:active:not(:disabled){filter:brightness(.9);box-shadow:0 0 0 4px var(--soft)}
.teacher-tools{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted);font-size:12px;padding-top:11px}
.teacher-tools button,.teacher-tools a{border:0;background:transparent;color:inherit;font:inherit;padding:4px;min-height:26px;border-radius:8px;cursor:pointer}
.teacher-tools button:active,.teacher-tools a:active{color:var(--primary);background:var(--soft)}
.teacher-error,.teacher-unavailable{font-size:13px;color:var(--muted);line-height:1.65;text-align:center;margin:10px 6px}
.teacher-thinking{display:flex;align-items:center;gap:5px;min-height:52px}.teacher-thinking>span{width:5px;height:5px;border-radius:50%;background:var(--primary);opacity:.45}.teacher-thinking small{font-size:12px;margin-left:5px;color:var(--muted)}
[data-motion=on] .teacher-thinking>span{animation:teacher-think 1.2s ease-in-out infinite}[data-motion=on] .teacher-thinking>span:nth-child(2){animation-delay:.15s}[data-motion=on] .teacher-thinking>span:nth-child(3){animation-delay:.3s}
[data-motion=on] .teacher-welcome{animation:teacher-arrive .35s cubic-bezier(.2,.7,.2,1)}
[data-motion=on] .teacher-pending-turn{animation:teacher-arrive .2s ease-out}
@keyframes teacher-think{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes teacher-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.teacher-dialog{border-radius:30px;padding:28px;max-width:380px}.teacher-dialog>.teacher-avatar{width:76px;height:76px;margin-bottom:12px}.teacher-dialog h3{font-size:20px;line-height:1.5}.teacher-dialog p{font-size:14px;line-height:1.85;color:var(--muted)}.teacher-dialog .btn{border-radius:18px}.teacher-dialog-secondary{width:100%;margin-top:12px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;padding:9px;border-radius:12px}
.teacher-chat #support-handoff-status .notice{border-radius:22px;font-size:13px}.teacher-chat #support-handoff-status .btn{font-size:13px;border-radius:15px}
@media(max-width:360px){.teacher-topbar{padding:12px 8px}.teacher-heading h1{font-size:17px}.teacher-conversation{padding:20px 12px 12px}.teacher-bubble,.teacher-user-bubble{padding:12px 14px}.teacher-bottom{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.teacher-chat *{animation:none!important;transition:none!important}}
.task-price-help{border:0;background:transparent;padding:0;margin:12px 0 0}.task-price-help summary{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}.task-price-help summary::-webkit-details-marker{display:none}.task-price-help summary span{display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:17px;height:17px;font-size:11px}.task-price-help p{font-size:13px;line-height:1.7;padding:9px 0 0;margin:0}
.course-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 26px}.category-button{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:90px;padding:15px 11px;border-radius:17px;background:var(--primary,#1739de);color:#fff;box-shadow:0 5px 16px color-mix(in srgb,var(--primary,#1739de) 15%,transparent);font-size:15px;font-weight:750;text-decoration:none}.category-button i{font-style:normal;opacity:.72;font-size:18px;align-self:flex-end;line-height:1}.category-button:active{filter:brightness(.85);transform:scale(.98)}.course-actions{display:grid;gap:13px;margin:22px 0}.course-actions .btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:57px}.course-actions .btn span{font-size:25px;line-height:1}.category-note{padding-top:16px;border-top:1px solid color-mix(in srgb,var(--muted) 18%,transparent);font-size:13px!important;color:var(--muted);margin-top:20px!important}.category-footer{margin:32px 0 18px;text-align:center;color:var(--muted);opacity:.65;font-size:11px}.category-intro h2{font-size:19px}.category-intro p{line-height:1.75}.category-intro .price{flex-wrap:wrap}
.task-price-help[open] p+p{margin-top:8px;padding-top:0}.svip-task-rates{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e9edf5);font-size:13px}.svip-task-rates strong{font-size:13px}.svip-task-rates p{margin-top:8px!important;padding-top:0!important}
.teacher-heading>div{min-width:0}.teacher-heading small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.live-wait{display:flex;gap:12px;align-items:center;padding:13px 20px;background:color-mix(in srgb,var(--soft) 55%,var(--surface));border-bottom:1px solid var(--line);flex-shrink:0}.live-wait[hidden]{display:none}.live-wait strong{font-size:12px;font-weight:550}.live-wait small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.live-spinner{display:block;width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:live-spin 1s linear infinite;flex-shrink:0}.live-sender{font-size:10px;display:block;margin:0 0 6px 3px;color:var(--muted)}.teacher-message>div{min-width:0}.teacher-tools button:disabled{opacity:.6;cursor:default}@keyframes live-spin{to{transform:rotate(360deg)}}html[data-motion=off] .live-spinner{animation:none}@media(prefers-reduced-motion:reduce){.live-spinner{animation:none}}
/* The official workbench uses the same rounded conversation language. */
.admin-chat-history{background:linear-gradient(180deg,#f6f8fd,#fff);border:1px solid #e9edf4;border-radius:22px;padding:22px;min-height:280px;max-height:56vh;overflow:auto}.admin-chat-row{margin:0 0 19px;display:flex;flex-direction:column;align-items:flex-start}.admin-chat-row.own{align-items:flex-end}.admin-chat-row>small{font-size:10px;color:#8590a7;margin:0 8px 5px}.admin-chat-bubble{border:1px solid #edf0f5;border-radius:19px 19px 19px 7px;background:#fff;color:#24344e;padding:13px 16px;line-height:1.8;max-width:85%;box-shadow:0 2px 9px #14254505;white-space:pre-wrap;overflow-wrap:anywhere}.admin-chat-row.own .admin-chat-bubble{background:#edf1fd;border-color:#e3e9f9;border-radius:19px 19px 7px 19px}.admin-quick-replies{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.admin-quick-replies button{border:1px solid #dde5f3;border-radius:18px;padding:8px 12px;background:#f8faff;color:#425573;font-size:11px;cursor:pointer}#admin-chat-compose textarea{border-radius:18px;min-height:78px;background:#f8faff}.admin-live-persona{display:flex;align-items:center;gap:8px;font-size:12px;color:#737e93;margin:10px 0}.admin-live-persona img{width:35px;height:35px;border-radius:50%;object-fit:cover}

.chat-history{background:linear-gradient(180deg,var(--soft),var(--surface));border-radius:22px;padding:20px 14px;min-height:260px}.chat-bubble{border-radius:19px 19px 19px 7px!important;padding:13px 16px!important;background:var(--surface)!important;box-shadow:0 2px 8px #10234408}.chat-row.own .chat-bubble{border-radius:19px 19px 7px 19px!important;background:var(--soft)!important;color:var(--text)!important}.chat-compose textarea{border-radius:18px!important}.chat-masthead{border-radius:18px!important}

.live-wait>div{flex:1;min-width:0}.live-cancel{flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--primary);padding:9px 11px;font:inherit;font-size:12px;cursor:pointer}.live-cancel:active{opacity:.7;transform:scale(.97)}.live-cancel:disabled{opacity:.5;cursor:wait}.live-cancel-note{margin:4px 2px 9px;color:var(--muted);font-size:11px;line-height:1.6}.live-cancel-note[hidden]{display:none}@media(max-width:360px){.live-wait{gap:8px;padding:12px}.live-cancel{padding:9px 8px}}