body[data-view=client]{background:radial-gradient(ellipse at 10% 0,#e4eeff,transparent 50%),radial-gradient(ellipse at 95% 100%,#dfefff,transparent 50%),#f1f5fd;color:#293956}
body[data-view=client]>header{background:#ffffff70;border-color:#ffffffa6;backdrop-filter:blur(20px)}
body[data-view=client] .brand b{background:linear-gradient(145deg,#76a8ff,#4480e8);box-shadow:0 4px 16px #588ce72b}
body[data-view=client] .workspace{max-width:850px;margin:20px auto;padding:0 20px}
body[data-view=client] .chat{position:relative;isolation:isolate;height:calc(100dvh - 118px);min-height:620px;border-radius:30px;border:1px solid #fff;background:linear-gradient(145deg,#dce9ffbd,#dddffff0 55%,#cfe6fdbd);box-shadow:0 24px 90px #5877ac20,inset 0 0 0 1px #ffffff65;backdrop-filter:blur(24px)}
body[data-view=client] .chat::before{content:'';position:absolute;inset:0;z-index:-1;background:url('client-pattern.svg') center/cover no-repeat;pointer-events:none;opacity:.65}
body[data-view=client] .chat-heading{padding:16px 20px;gap:10px;background:#ffffff48;border-bottom:1px solid #ffffffa8;backdrop-filter:blur(16px);border-radius:29px 29px 23px 23px}
.chat-brand{display:flex;align-items:center;gap:11px;min-width:0}.chat-brand>img{width:48px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 5px #6877b22a)}
body[data-view=client] .chat-brand strong{font-size:14px;color:#242e3f}.chat-brand #saveState{display:flex;align-items:center;gap:5px;color:#657294;font-size:10px;line-height:1.5}.chat-brand #saveState::before{content:'';width:7px;height:7px;border-radius:50%;background:#25c789;box-shadow:0 0 0 3px #2bc78e0c;flex-shrink:0}
.chat-head-actions{display:flex;align-items:center;gap:7px}.glass-icon{display:inline-grid;place-items:center;padding:0;width:36px;height:36px;border-radius:50%;background:#ffffff8c;border:1px solid #fff;color:#5789de;flex-shrink:0}.glass-icon svg{width:19px;height:19px}.glass-icon:hover{background:#fff;box-shadow:0 3px 12px #789edf25}
#quickCall{background:linear-gradient(145deg,#93bbff,#558dee);color:white;border:1px solid #accaff;box-shadow:0 5px 16px #6293e84d}body[data-view=client] #mobileNew{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;padding:0;background:#ffffff66;font-size:23px;color:#6086c8;border-color:#ffffffb0}
#clientMenu{position:relative}#clientMenu summary{list-style:none;cursor:pointer;font-size:18px}#clientMenu summary::-webkit-details-marker{display:none}.glass-menu-items{position:absolute;left:0;top:45px;width:215px;padding:10px;background:#fafcfff5;border:1px solid #fff;border-radius:17px;box-shadow:0 12px 40px #415b8725;z-index:12;backdrop-filter:blur(22px)}.glass-menu-items #account{display:flex;flex-direction:column;align-items:stretch;gap:7px}.glass-menu-items #username{padding:7px;font-size:11px;color:#7c8aa2}.glass-menu-items a,.glass-menu-items button{text-align:right;border:1px solid #e6edfa;background:white;color:#65748e;font-size:11px;padding:10px;text-decoration:none;border-radius:10px}
body[data-view=client] #persona{margin:10px 22px 0;padding:8px 4px;min-height:155px;gap:22px;flex-direction:row-reverse;align-items:center;border:0;background:none;border-radius:0;position:relative}
body[data-view=client] #persona .robot-wrap{width:125px;height:150px;filter:drop-shadow(0 10px 10px #6782b125);flex-shrink:0}body[data-view=client] #persona>div:last-child{background:#ffffff9c;border:1px solid #ffffffdb;border-radius:25px 25px 25px 7px;padding:20px 24px;box-shadow:0 8px 24px #728ebf10;backdrop-filter:blur(15px);max-width:410px}
body[data-view=client] #persona strong{display:block;color:#33425b;font-size:19px;line-height:1.8}body[data-view=client] #persona p{color:#63738f;font-size:12px;line-height:1.9;margin:6px 0}body[data-view=client] #persona small{font-size:9px;color:#92a0b7}
body[data-view=client] .modes{padding:9px 22px 12px;gap:8px;border:0;background:none}body[data-view=client] .modes button{border:1px solid #ffffffa8;background:#ffffff51;color:#7488ab;border-radius:18px;padding:9px 12px;box-shadow:inset 0 1px 0 #ffffff61;font-size:11px}body[data-view=client] .modes button.selected{background:linear-gradient(110deg,#86b2ff,#558def);color:white;border-color:#a1c3ff;box-shadow:0 4px 14px #6d9ae833}
body[data-view=client] .chat .messages{display:flex;flex-direction:column;align-items:stretch;background:transparent;padding:16px 24px 10px;gap:0;scrollbar-color:#98b1dd66 transparent;min-height:120px}body[data-view=client] .welcome{font-size:12px;color:#7e8fac;line-height:2;padding:12px 20px;margin:auto 0}
body[data-view=client] .bubble{position:relative;max-width:78%;padding:13px 17px 9px;font-size:13px;line-height:1.9;border-radius:23px;box-shadow:0 5px 18px #728dbb10;margin-bottom:17px;flex-shrink:0;white-space:pre-wrap}
body[data-view=client] .bubble.model{align-self:flex-end;background:#ffffffc9;border:1px solid #fffffffa;color:#344157;margin-left:43px;border-bottom-left-radius:7px;backdrop-filter:blur(14px)}
body[data-view=client] .bubble.model::before{content:'';position:absolute;left:-48px;top:2px;width:38px;height:42px;border-radius:50%;background:#e8f0ffbd url('robot.svg') center/33px 38px no-repeat;border:1px solid #fff;box-shadow:0 3px 12px #6b86b51c}
body[data-view=client] .bubble.user{align-self:flex-start;margin-left:0;margin-right:0;background:linear-gradient(120deg,#7cacff,#508aed);color:#fff;border:1px solid #9bc0ff;border-bottom-right-radius:7px;box-shadow:0 6px 17px #608fdf25}
.bubble-time{display:block;font-size:9px;line-height:1.5;opacity:.65;text-align:left;margin-top:7px;white-space:normal;font-variant-numeric:tabular-nums}.bubble.user .bubble-time{color:#f0f6ff}.bubble.model .bubble-time{color:#8290a9}
body[data-view=client] .composer{background:#ffffff69;border:1px solid #fff;border-radius:30px;padding:6px;margin:5px 14px 8px;box-shadow:0 -3px 25px #8b9fc216;backdrop-filter:blur(20px);align-items:center;gap:7px}body[data-view=client] .composer:focus-within{box-shadow:0 0 0 3px #94bbff24;border-color:#a1c2fb}body[data-view=client] .composer textarea{background:#f1f6ff63;border:1px solid #c8d8f38a;border-radius:25px;padding:12px 15px;height:45px;color:#51617c;font-size:12px;min-width:0;line-height:1.6}body[data-view=client] .composer textarea::placeholder{color:#96a4bb}body[data-view=client] .composer #send{border-radius:50%;width:44px;height:44px;flex-shrink:0;background:linear-gradient(145deg,#6da3ff,#4583ed);border:1px solid #8bb6ff;box-shadow:0 3px 13px #5c8bdb50;font-size:0}body[data-view=client] .composer #send svg{width:23px;height:23px;fill:white}#quickVoice{width:36px;height:36px;background:#fbfcffbb;border-color:#d9e6fc;color:#6798ed}.voice-active #quickVoice{background:#739fec;color:#fff;box-shadow:0 0 0 4px #8aaeeb26}
body[data-view=client] .voice-panel{margin:0 17px 8px;padding:12px 15px;background:#ffffffa8;border:1px solid #fff;border-radius:20px;backdrop-filter:blur(18px)}body[data-view=client] .voice-panel p{color:#8393af;font-size:10px}body[data-view=client] .voice-panel button{color:#6387c6;background:#f2f7ff;border-color:#dbe8ff;border-radius:15px}body[data-view=client] .voice-panel audio{height:33px;filter:sepia(.15) hue-rotate(205deg)}body[data-view=client] .notice{color:#9a637f;font-size:10px;line-height:1.8;margin:0 24px}body[data-view=client] .foot{color:#919fb7;font-size:8px;padding:0 18px;margin-bottom:10px;line-height:1.6}body[data-view=client] .gold{background:#fff8e4bf;border-color:#ebd9a3;color:#ab8a42;border-radius:16px}
@media(min-width:1050px){body[data-view=client] .workspace{max-width:900px}body[data-view=client] #persona{padding:12px 23px 4px;justify-content:center}body[data-view=client] #persona .robot-wrap{width:135px;height:160px}body[data-view=client] .messages{padding-left:35px;padding-right:35px}}
@media(max-width:650px){body[data-view=client].client-signed-in>header{display:none}body[data-view=client].client-signed-in .workspace{margin:0;padding:0;width:100%;max-width:none}body[data-view=client].client-signed-in .chat{height:100dvh;min-height:0;max-height:none;border-radius:0;border:0;box-shadow:none}body[data-view=client] .chat-heading{padding:12px 13px;border-radius:0 0 22px 22px;gap:6px}.chat-brand{gap:7px}.chat-brand>img{width:39px;height:44px}body[data-view=client] .chat-brand strong{font-size:12px}.chat-brand #saveState{font-size:8px}.chat-head-actions{gap:5px}.glass-icon{width:31px;height:31px}.glass-icon svg{width:16px;height:16px}body[data-view=client] #mobileNew{width:28px;height:28px;font-size:20px}body[data-view=client] #persona{margin:9px 14px 0;gap:12px;min-height:137px;padding:5px 0}body[data-view=client] #persona .robot-wrap{width:107px;height:129px}body[data-view=client] #persona>div:last-child{padding:13px 15px;border-radius:22px 22px 22px 6px;max-width:235px}body[data-view=client] #persona strong{font-size:15px;line-height:1.85}body[data-view=client] #persona p{font-size:10px;margin:4px 0}body[data-view=client] #persona small{font-size:8px}body[data-view=client] .modes{padding:8px 14px 10px;gap:6px}body[data-view=client] .modes button{font-size:10px;padding:8px 5px;border-radius:15px}body[data-view=client] .chat .messages{padding:12px 16px 5px;min-height:80px}body[data-view=client] .bubble{font-size:12px;max-width:80%;padding:11px 13px 8px;margin-bottom:14px;border-radius:21px}body[data-view=client] .bubble.model{margin-left:38px}.bubble-time{font-size:8px}body[data-view=client] .bubble.model::before{width:32px;height:36px;left:-39px;background-size:28px 33px}body[data-view=client] .composer{margin:5px 9px 6px;padding:5px;gap:5px}body[data-view=client] .composer textarea{font-size:11px;padding:11px;height:42px}body[data-view=client] .composer #send{width:42px;height:42px}#quickVoice{width:31px;height:31px}body[data-view=client] .foot{font-size:7px;margin-bottom:max(6px,env(safe-area-inset-bottom));line-height:1.6}body[data-view=client] .voice-panel{margin:0 12px 5px;padding:10px}.glass-menu-items{left:-36px;width:200px}}
@media(max-height:680px) and (max-width:650px){body[data-view=client] #persona{min-height:100px;margin-top:3px}body[data-view=client] #persona .robot-wrap{width:78px;height:95px}body[data-view=client] #persona strong{font-size:13px}body[data-view=client] #persona p{font-size:9px}body[data-view=client] #persona small{display:none}body[data-view=client] .modes{padding-top:3px;padding-bottom:5px}}

/* Compact client controls and head-only message portraits. */
body[data-view=client] .bubble.model::before{width:38px;height:38px;background-image:url('robot-head.svg');background-size:33px 29px}
body[data-view=client] .chat-brand>img{width:43px;height:41px;object-fit:contain}
body[data-view=client] .chat{min-width:0}body[data-view=client] .chat-heading{flex-shrink:0}body[data-view=client] .chat-brand{flex:1;min-width:0}body[data-view=client] .chat-brand>div{min-width:0}body[data-view=client] .chat-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-view=client] .chat #persona>div:last-child{min-width:0}body[data-view=client] .chat .messages{min-height:0;overscroll-behavior:contain}body[data-view=client] .composer textarea{max-height:100px;overflow-y:auto}body[data-view=client] .voice-panel{max-height:200px;overflow:auto}
@media(max-width:650px){body[data-view=client] .bubble.model::before{width:32px;height:32px;background-size:28px 25px}body[data-view=client] .chat-brand>img{width:36px;height:34px}body[data-view=client] .chat-heading{min-height:62px;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}body[data-view=client] .chat #persona{margin-top:6px}body[data-view=client] .chat .messages{padding-top:14px}body[data-view=client] .composer{margin-left:max(9px,env(safe-area-inset-left));margin-right:max(9px,env(safe-area-inset-right))}body[data-view=client] .composer textarea{font-size:16px;line-height:1.5;padding-top:9px;padding-bottom:9px}body[data-view=client] .composer textarea::placeholder{font-size:11px}.glass-menu-items{left:0;max-width:calc(100vw - 26px)}}
@media(max-width:360px){body[data-view=client] .chat-brand strong{font-size:10px}body[data-view=client] .chat-brand{gap:5px}.chat-head-actions{gap:3px}body[data-view=client] #persona{gap:7px;margin-left:10px;margin-right:10px}body[data-view=client] #persona .robot-wrap{width:88px;height:105px}body[data-view=client] #persona>div:last-child{padding:11px 12px}body[data-view=client] #persona strong{font-size:13px}body[data-view=client] #persona p{font-size:9px}body[data-view=client] .bubble{max-width:82%;font-size:11px}body[data-view=client] .chat .messages{padding-left:12px;padding-right:12px}}
@media(max-height:540px){body[data-view=client].client-signed-in>header{display:none}body[data-view=client].client-signed-in .workspace{margin:0 auto;padding-top:0;padding-bottom:0}body[data-view=client].client-signed-in .chat{height:100dvh;min-height:0;max-height:none}body[data-view=client].client-signed-in #persona{display:none}body[data-view=client] .chat-heading{padding-top:7px;padding-bottom:7px;min-height:52px}body[data-view=client] .voice-panel{max-height:130px}body[data-view=client] .foot{margin-bottom:4px;font-size:7px}}

body[data-view=client] .client-account-link{align-self:center;background:none;border:0;box-shadow:none;color:#8798b5;padding:1px 10px;margin:0 0 4px;font-size:9px;text-decoration:underline;text-underline-offset:3px}.client-account-items #account{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:16px 0}.client-account-items #username{font-size:12px;padding:8px;color:#7c899f}.client-account-items a,.client-account-items button{display:block;text-align:right;border:1px solid #dfe6f3;border-radius:11px;background:#fff;color:#677894;padding:12px;text-decoration:none;font-size:12px}body[data-view=client] #clientAccountDialog #mobileNew{display:block;width:100%;height:auto;border-radius:11px;padding:12px;font-size:12px;background:#6494e8;color:white;border:0}#clientAccountDialog{width:min(360px,92vw)}

/* Official academy palette: blue, cobalt, navy and yellow. */
body[data-view=client]{--academy-blue:#194895;--academy-cobalt:#275ac4;--academy-navy:#14294e;--academy-yellow:#ffce32;background:radial-gradient(ellipse at 10% 0,#e5edfc,transparent 50%),radial-gradient(ellipse at 95% 100%,#fff3c6,transparent 55%),#fffdf6;color:#1d2e4b}
body[data-view=client] .brand b{background:linear-gradient(145deg,#275ac4,#194895)}
body[data-view=client] .chat{background:linear-gradient(145deg,#eaf0fce6,#e2edfcf0 55%,#f8f9f0e6);box-shadow:0 24px 90px #1948951c,inset 0 0 0 1px #ffffff88}
body[data-view=client] .chat-brand strong,body[data-view=client] #persona strong{color:#14294e}
body[data-view=client] #quickCall{background:linear-gradient(145deg,#ffdf6f,#ffce32);color:#194895;border-color:#fff0ad;box-shadow:0 5px 16px #d9ac263d}
body[data-view=client] .bubble.user{background:linear-gradient(120deg,#275ac4,#194895);border-color:#7a9fdf;box-shadow:0 6px 17px #19489525}
body[data-view=client] .bubble.model{color:#1d2e4b;background:#ffffffd9}
body[data-view=client] .bubble.model .bubble-time{color:#657086}
body[data-view=client] .composer #send{background:linear-gradient(145deg,#275ac4,#194895);border-color:#6d98e1;box-shadow:0 3px 13px #19489538}
body[data-view=client] #quickVoice{color:#194895;border-color:#cbdaf2;background:#ffffffb8}
body[data-view=client].voice-active #quickVoice{background:#194895;color:#fff;box-shadow:0 0 0 4px #1948951a}
body[data-view=client] #persona p{color:#657086}body[data-view=client] #persona small{color:#a17a16}
body[data-view=client] .gold{color:#8a650d;background:#fff6d5;border-color:#f1d878}
body[data-view=client] #clientAccountDialog #mobileNew{background:#194895}

body[data-view=client] .composer textarea{height:46px;overflow-y:hidden}