@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.ai-tutor{--mentor-red:#d20a43;--mentor-plum:#9e075f;--mentor-coral:#ff5e66;color:#211d1e;background:linear-gradient(#fff8f8 0%,#fff4f5 100%);border:1px solid #f3dede;border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;width:min(900px,100%);height:min(840px,100vh - 40px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #491e2a21}.mentor-header{z-index:20;background:#fffffff5;border-bottom:1px solid #f8e6e7;align-items:center;gap:12px;min-height:64px;padding:8px 16px;display:flex;position:relative}.mentor-menu{z-index:30;color:#3e3436;opacity:0;visibility:hidden;transform-origin:100% 0;background:#fff;border:1px solid #f1dfe2;border-radius:14px;width:245px;padding:7px;transition:opacity .18s,transform .18s,visibility .18s step-end;position:absolute;top:calc(100% - 4px);right:14px;transform:translateY(-5px)scale(.98);box-shadow:0 16px 38px #44192424}.mentor-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.mentor-menu>button,.menu-info{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px;display:flex}.mentor-menu>button:hover{background:#fff3f4}.mentor-menu svg{color:var(--mentor-red);flex:none}.mentor-menu span{gap:2px;display:grid}.mentor-menu strong{font-size:12px}.mentor-menu small{color:#9a8c8f;font-size:10px}.menu-info{border-top:1px solid #f5e9eb;border-radius:0;margin-top:3px}.history-panel{z-index:60;color:#2e2628;visibility:hidden;background:snow;border-left:1px solid #f0dade;grid-template-rows:auto minmax(0,1fr);width:min(430px,90%);transition:transform .3s cubic-bezier(.22,.75,.2,1),visibility .3s step-end;display:grid;position:absolute;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-20px 0 55px #44192429}.history-panel.is-open{visibility:visible;transition:transform .3s cubic-bezier(.22,.75,.2,1);transform:translate(0)}.history-heading{background:#fff;border-bottom:1px solid #f2e2e4;justify-content:space-between;align-items:center;padding:20px;display:flex}.history-heading span{color:var(--mentor-red);letter-spacing:.12em;font-size:9px;font-weight:800}.history-heading h2{margin:3px 0 0;font-size:19px}.history-heading button{color:#62575a;background:#fff3f4;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.history-list{overscroll-behavior:contain;min-height:0;padding:16px;overflow-y:auto}.history-message{background:#fff;border:1px solid #f2e4e6;border-radius:14px;margin-bottom:12px;padding:13px 14px}.history-message.user{background:#fff1f3;margin-left:38px}.history-message>div{color:#9b8b8e;justify-content:space-between;gap:12px;font-size:10px;display:flex}.history-message strong{color:var(--mentor-red);font-size:11px}.history-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.5}.empty-history{color:#a49497;place-content:center;justify-items:center;height:100%;display:grid}.empty-history p{margin:8px 0;font-size:13px}.history-backdrop{z-index:50;opacity:0;visibility:hidden;background:#2b191e47;border:0;padding:0;transition:opacity .25s,visibility .25s step-end;position:absolute;inset:0}.history-backdrop.is-open{opacity:1;visibility:visible}.mentor-header h1{letter-spacing:-.2px;flex:1;margin:0;font-size:17px;font-weight:750}.header-actions{gap:8px;display:flex}.header-button{color:#51494b;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.header-button:hover,.header-button.accent{color:var(--mentor-red);background:#fff0f1}.mentor-content{scrollbar-width:thin;scrollbar-color:#efcdd1 transparent;min-height:0;padding:24px clamp(24px,6vw,46px) 28px;position:relative;overflow-y:auto}.mentor-workspace{opacity:1;flex-direction:column;align-items:stretch;min-height:100%;transition:opacity .22s;display:flex}.mentor-workspace.is-loading{opacity:0;pointer-events:none}.mentor-stage{flex-direction:column;align-items:center;min-width:0;display:flex}.mentor-details{width:100%;min-width:0;margin-top:8px}.loading-layer{z-index:5;color:#8d7f82;opacity:0;visibility:hidden;place-content:center;justify-items:center;gap:10px;transition:opacity .2s,visibility .2s step-end;display:grid;position:absolute;inset:0}.loading-layer.is-visible{opacity:1;visibility:visible;transition:opacity .2s}.center-state{color:#8d7f82;place-content:center;justify-items:center;gap:10px;min-height:100%;display:grid}.spinner{border:3px solid #f2cfd3;border-top-color:var(--mentor-red);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.session-pill{color:#df3651;background:#ffffffeb;border:1px solid #fae9eb;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:190px;margin:0 auto 13px;padding:7px 13px;font-size:11px;font-weight:700;display:flex;box-shadow:0 5px 18px #8221360d}.session-pill>span{background:#29bd70;border-radius:50%;width:7px;height:7px}.session-pill.speaking>span{background:var(--mentor-red);animation:1.2s infinite dotPulse}@keyframes dotPulse{50%{opacity:.3;transform:scale(.75)}}.user-transcript-bubble{color:#fff;background:linear-gradient(135deg,#e70b2b,#c90022);border-radius:16px 16px 4px;max-width:78%;margin:0 0 15px auto;padding:13px 15px;font-size:14px;line-height:1.5;box-shadow:0 8px 20px #c900221f}.voice-orb{appearance:none;background:0 0;border:0;border-radius:50%;flex:0 0 164px;place-items:center;width:164px;height:164px;margin:0 auto 16px;padding:0;display:grid;position:relative;overflow:visible}.orb-ring{border-radius:50%;position:absolute}.ring-three{background:#f95c6921;inset:0}.ring-two{background:#f5405529;inset:16px}.ring-one{background:#e60e3c2e;inset:32px}.orb-core{z-index:2;color:#fff;background:linear-gradient(145deg, var(--mentor-red), var(--mentor-plum));border:0;border-radius:50%;place-items:center;width:78px;height:78px;transition:transform .2s;display:grid;position:relative;box-shadow:0 13px 28px #b8004547}.orb-icon{opacity:0;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset:0;transform:scale(.82)}.voice-orb.idle .mic-icon,.voice-orb.error .mic-icon,.voice-orb.connecting .stop-icon,.voice-orb.listening .stop-icon,.voice-orb.speaking .stop-icon{opacity:1;transform:scale(1)}.orb-core svg{width:29px;height:29px}.orb-core:hover{transform:scale(1.045)}.voice-orb.listening .orb-ring,.voice-orb.speaking .orb-ring,.voice-orb.connecting .orb-ring{animation:1.8s ease-in-out infinite orbPulse}.voice-orb .ring-two{animation-delay:.14s!important}.voice-orb .ring-one{animation-delay:.28s!important}@keyframes orbPulse{50%{opacity:.72;transform:scale(1.07)}}.mentor-copy{text-align:center;margin:0 auto 10px}.mentor-copy .eyebrow{color:#96898b;margin:0 0 10px;font-size:13px}.mentor-copy h2{letter-spacing:-.65px;justify-content:center;align-items:center;max-width:390px;min-height:63px;margin:0 auto 7px;font-size:27px;line-height:1.16;display:flex}.mentor-copy p{color:#928689;max-width:390px;min-height:41px;margin:0 auto;font-size:13px;line-height:1.55}.waveform{opacity:0;justify-content:center;align-items:center;gap:4px;height:65px;margin:-5px 0 15px;transition:opacity .25s;display:flex}.waveform.is-active{opacity:1}.waveform i{width:4px;height:calc(9px + var(--bar) * 2px);max-height:48px;animation:.82s ease-in-out infinite alternate waveform;animation-delay:calc(var(--bar) * -42ms);background:linear-gradient(#ff777c,#f44b57);border-radius:999px;animation-play-state:paused}.waveform.is-active i{animation-play-state:running}.waveform.speaking i{background:#ff253a;animation-duration:.58s}@keyframes waveform{to{opacity:.45;transform:scaleY(.35)}}.transcript-card,.response-card{background:#fffffff7;border:1px solid #f6e7e9;border-radius:18px;margin:14px 0 4px;padding:18px 20px;overflow:hidden;box-shadow:0 10px 30px #712e3b0e}.response-card{flex-direction:column;height:auto;min-height:0;display:flex}.transcript-card p,.response-card p{white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#edc9ce transparent;max-height:190px;margin:11px 0 0;padding-right:5px;font-size:14px;line-height:1.6;overflow-y:auto}.response-card p{flex:0 auto;min-height:0;max-height:190px}.response-card .response-actions{flex:none}.conversation-surface{width:100%;position:relative}.conversation-surface>.surface-card,.conversation-surface>.surface-suggestions{width:100%;margin:0;transition:opacity .24s,transform .24s,visibility .24s step-end;position:relative}.conversation-surface.show-suggestions>.surface-card,.conversation-surface.has-content>.surface-suggestions{opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0;transform:translateY(6px)}.conversation-surface.show-suggestions>.surface-suggestions,.conversation-surface.has-content>.surface-card{opacity:1;visibility:visible;transform:translateY(0)}.surface-card[aria-hidden=true]{pointer-events:none}.response-actions[aria-hidden=true]{visibility:hidden}.card-label{color:#ef4051;background:#fff0f1;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.response-actions{gap:4px;margin:10px 0 -5px;display:flex}.response-actions button{color:#9a8589;background:0 0;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.response-actions button:hover,.response-actions button.selected{color:var(--mentor-red);background:#fff0f1}.suggestion-section{background:#ffffffa3;border:1px solid #f5e3e5;border-radius:24px;margin-top:0;padding:clamp(24px,4vw,36px)}.or-divider{color:#b29fa2;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.or-divider:before,.or-divider:after{content:"";background:#f1d9dc;flex:1;height:1px}.suggestion-section h3{color:#9f8e91;letter-spacing:.09em;margin:0 0 14px;font-size:11px;font-weight:750}.suggestion-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.suggestion-chips button{color:#453c3e;text-align:left;background:#fff;border:1px solid #f5e2e5;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;min-width:0;min-height:48px;padding:11px 13px;font-size:12px;font-weight:650;line-height:1.25;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 5px 16px #631e2d0a}.suggestion-chips button svg{flex:none}.suggestion-chips button:nth-child(5n+1) svg{color:#ee4352}.suggestion-chips button:nth-child(5n+2) svg{color:#f4a52d}.suggestion-chips button:nth-child(5n+3) svg{color:#45be78}.suggestion-chips button:hover{color:var(--mentor-red);border-color:#efbfc5;transform:translateY(-2px);box-shadow:0 9px 20px #791a2f14}.mentor-footer{background:#fffffffa;border-top:1px solid #f1dcdf;padding:11px clamp(24px,5vw,48px) 9px;position:relative;box-shadow:0 -8px 24px #56202d09}.error-banner{color:#a52536;opacity:0;visibility:hidden;background:#fff0f1;border:1px solid #f4dadd;border-radius:10px;justify-content:space-between;gap:12px;margin:0;padding:9px 12px;font-size:12px;transition:opacity .2s,transform .2s,visibility .2s step-end;display:flex;position:absolute;bottom:calc(100% + 8px);left:16px;right:16px;transform:translateY(6px);box-shadow:0 8px 20px #551e2b14}.error-banner.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.error-banner button{color:inherit;background:0 0;border:0;font-weight:700}.mentor-composer{background:snow;border:1px solid #f2e3e5;border-radius:999px;align-items:center;gap:7px;min-height:52px;padding:5px 6px 5px 12px;display:flex}.mentor-composer:focus-within{border-color:#e9a9b2;box-shadow:0 0 0 3px #d9083c12}.mentor-composer input{appearance:none;color:#342c2e;width:auto;min-width:0;height:38px;font:inherit;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:5px 2px;font-size:14px}.mentor-composer input::placeholder{color:#a99c9e}.attach-button{color:#897b7e;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.send-button{color:#fff;background:linear-gradient(145deg, var(--mentor-red), #7f2b9c);border:0;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 5px 12px #ab004f40}.send-button:disabled{opacity:.4;box-shadow:none;cursor:default}.privacy-note{text-align:center;color:#b0a4a6;margin:6px 0 -2px;font-size:10px}.voice-controls{grid-template-columns:72px 92px 72px;justify-content:center;align-items:end;gap:clamp(20px,6vw,52px);display:grid}.voice-controls button{color:#7c6e71;background:0 0;border:0;justify-items:center;gap:5px;min-width:58px;padding:0;display:grid}.voice-controls button>span{background:#fff5f6;border:1px solid #f1dfe2;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .18s;display:grid}.voice-controls button small{font-size:10px;font-weight:650}.voice-controls button:hover:not(:disabled)>span,.voice-controls button.active>span{color:var(--mentor-red);background:#ffe8eb;border-color:#efbac2;transform:translateY(-1px)}.voice-controls button:disabled{cursor:default;opacity:.52}.voice-controls .primary-mic>span{color:#fff;background:linear-gradient(145deg, var(--mentor-red), var(--mentor-plum));border:0;width:62px;height:62px;box-shadow:0 9px 24px #b700434d}.voice-controls .primary-mic>span svg{width:30px;height:30px}.voice-controls .primary-mic:disabled{opacity:1}.voice-controls .end-call>span{color:#fff;background:#e64955;border:0}.voice-controls .end-call:hover:not(:disabled)>span{color:#fff;background:#c92330}.followup-actions{justify-content:center;gap:clamp(20px,8vw,56px);display:flex}.followup-actions button{color:#9b7a80;background:0 0;border:0;justify-items:center;gap:5px;font-size:10px;display:grid}.followup-actions span{background:#fff1f2;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.followup-actions .ask-again{color:var(--mentor-red);font-weight:750}.followup-actions .ask-again span{color:#fff;background:linear-gradient(145deg, var(--mentor-red), var(--mentor-plum));width:50px;height:50px;box-shadow:0 6px 16px #b7004338}@media (width<=860px){.ai-tutor{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.mentor-header{min-height:clamp(54px,8dvh,62px);padding:max(6px, env(safe-area-inset-top)) clamp(10px, 3.5vw, 16px) 6px}.mentor-header h1{font-size:clamp(15px,4.2vw,17px)}.header-button{width:clamp(34px,10vw,38px);height:clamp(34px,10vw,38px)}.mentor-content{overscroll-behavior:contain;padding:clamp(14px,2.5dvh,22px) clamp(12px,4vw,22px) clamp(18px,3dvh,28px);overflow-y:auto}.mentor-workspace{min-height:auto;display:block}.session-pill{width:clamp(174px,56vw,194px);min-height:31px;margin-bottom:clamp(8px,1.8dvh,14px);padding-block:6px;font-size:clamp(10px,2.8vw,11px)}.voice-orb{flex-basis:clamp(138px,min(44vw,24dvh),180px);width:clamp(138px,min(44vw,24dvh),180px);height:clamp(138px,min(44vw,24dvh),180px);margin-bottom:clamp(10px,2dvh,18px)}.ring-two{inset:10%}.ring-one{inset:20%}.orb-core{width:48%;height:48%}.orb-core svg{width:clamp(27px,8vw,32px);height:clamp(27px,8vw,32px)}.mentor-copy{margin-bottom:clamp(4px,1dvh,10px)}.mentor-copy h2{max-width:min(86vw,320px);min-height:clamp(50px,7dvh,62px);font-size:clamp(22px,6.7vw,26px)}.mentor-copy p{max-width:min(88vw,330px);min-height:clamp(36px,5dvh,42px);font-size:clamp(11px,3.2vw,13px)}.waveform{height:clamp(42px,7dvh,60px);margin-bottom:clamp(7px,1.5dvh,14px)}.waveform i{width:clamp(3px,1vw,4px)}.mentor-details{margin-top:4px}.suggestion-section{background:0 0;border:0;border-radius:0;margin-top:0;padding:clamp(8px,2.5vw,12px)}.suggestion-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.suggestion-chips button{width:100%;min-height:clamp(44px,7dvh,50px);padding:8px clamp(8px,3vw,12px);font-size:clamp(10px,3vw,11px)}.suggestion-chips button:last-child:nth-child(odd){grid-column:1/-1}.surface-card{border-radius:clamp(15px,5vw,19px);padding:clamp(14px,4vw,18px)}.transcript-card p,.response-card p{font-size:clamp(13px,3.7vw,15px);line-height:1.58}.response-card{height:auto;min-height:0;max-height:min(350px,42dvh)}.response-card p{flex:0 auto;min-height:0;max-height:min(260px,31dvh)}.mentor-footer{padding:11px clamp(14px, 5vw, 22px) max(10px, env(safe-area-inset-bottom))}.voice-controls{grid-template-columns:clamp(56px,18vw,66px) clamp(70px,22vw,80px) clamp(56px,18vw,66px);gap:clamp(14px,6vw,30px);padding:4px 8px 2px}.voice-controls button{gap:6px}.voice-controls button>span{width:clamp(39px,12vw,44px);height:clamp(39px,12vw,44px)}.voice-controls button small{font-size:9px}.voice-controls .primary-mic>span{width:clamp(56px,17vw,64px);height:clamp(56px,17vw,64px)}.voice-controls .primary-mic>span svg{width:clamp(24px,7vw,27px);height:clamp(24px,7vw,27px)}.privacy-note{font-size:9px}.history-panel{width:min(430px,94%)}}@media (width<=430px){.mentor-content{padding-inline:clamp(10px,3.5vw,15px)}.suggestion-chips{gap:7px;width:100%}.history-panel{border-left:0;width:100%}.privacy-note{display:none}}@media (width<=350px){.mentor-header{padding-inline:7px}.header-actions{gap:2px}.mentor-content{padding-inline:9px}.suggestion-chips button{gap:6px;padding-inline:7px}.voice-controls{gap:6px}.card-label{font-size:9px}}@media (width<=860px) and (height<=700px){.mentor-content{padding-top:10px}.voice-orb{flex-basis:clamp(126px,20dvh,146px);width:clamp(126px,20dvh,146px);height:clamp(126px,20dvh,146px)}.mentor-copy h2{min-height:46px;font-size:clamp(21px,6vw,24px)}.mentor-copy p{min-height:34px}.waveform{height:38px;margin-bottom:5px}.mentor-details,.conversation-surface{min-height:0}}@media (width<=860px) and (orientation:landscape) and (height<=560px){.mentor-content{padding:12px 16px}.mentor-workspace{grid-template-columns:minmax(230px,.85fr) minmax(280px,1.15fr);align-items:center;gap:22px;display:grid}.voice-orb{flex-basis:118px;width:118px;height:118px;margin-bottom:7px}.session-pill{margin-bottom:6px}.mentor-copy h2{min-height:36px;font-size:20px}.mentor-copy p{max-width:280px;min-height:30px;font-size:11px}.waveform{height:30px;margin:0}.mentor-details,.conversation-surface{min-height:0;margin:0}.response-card{max-height:min(320px,100dvh - 160px)}.response-card p{max-height:min(230px,100dvh - 245px)}.suggestion-section{padding:4px}.suggestion-chips button{min-height:40px}.mentor-footer{padding-block:5px max(4px, env(safe-area-inset-bottom))}.voice-controls .primary-mic>span{width:54px;height:54px}.privacy-note{display:none}}@media (prefers-reduced-motion:reduce){.orb-ring,.waveform i,.session-pill>span,.spinner{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#18332f;font-synthesis:none;background:#eef2ed;font-family:Poppins,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 15% 5%,#e0eee6 0,#0000 34%),radial-gradient(circle at 88% 95%,#f4e4e7 0,#0000 30%),#f1f4f1;place-items:center;min-height:100vh;padding:20px;display:grid}@media (width<=860px){.app-shell{padding:0}}