:root{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:#153936;background:#f6fcf9;font-synthesis:none;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}[hidden]{display:none!important}
.ambient{position:fixed;border-radius:50%;filter:blur(15px);pointer-events:none;z-index:-1}.ambient-a{height:360px;width:360px;background:#daf8ee;right:-145px;top:120px}.ambient-b{height:300px;width:320px;background:#fff0d9;left:-170px;top:45%}
.app-shell{width:min(100% - 40px,720px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px;gap:10px}.brand{display:flex;gap:11px;align-items:center}.brand-emblem{border-radius:14px;box-shadow:0 5px 14px #004b4420;display:flex;overflow:hidden}.brand-emblem img{display:block}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:22px;line-height:1.1;color:#0b605e}.brand-copy small{font-size:10px;font-weight:600;color:#829693;letter-spacing:-.2px}.header-tag{border:1px solid #cce8df;color:#33776e;border-radius:99px;background:#ffffffbb;padding:8px 11px;font-size:12px;white-space:nowrap}.tag-dot{display:inline-block;background:#40b496;width:7px;height:7px;border-radius:50%;margin-left:4px}
.hero{text-align:center;padding-top:18px}.eyebrow{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#3a8f78;background:#ebf8f1;border:1px solid #d7f1e5;padding:8px 17px;border-radius:99px;font-weight:700}.sparkle{color:#d2aa60}.hero h1{font-size:clamp(27px,5.3vw,43px);letter-spacing:-1.2px;line-height:1.45;margin:16px 0 6px;color:#174440;font-weight:850}.hero h1 span{color:#008c7e}.hero-lead{font-size:clamp(13px,3vw,16px);color:#748885;margin:0 auto;line-height:1.85;max-width:560px}
.grade-panel{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;padding:20px 0 26px}.grade-panel label{font-size:13px;font-weight:750}.grade-panel select{border:1px solid #cce8de;border-radius:12px;padding:9px 26px 9px 20px;color:#0a7166;background:#fff;font-size:14px;font-weight:700;box-shadow:0 4px 10px #0c645d09}.grade-hint{font-size:11px;color:#879d96}
.talk-card{isolation:isolate;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(147deg,#f5fcfa 0%,#e6f7f0 55%,#ecf8f2 100%);border:1px solid #d8ece3;box-shadow:0 15px 45px #1e83701c,0 3px 10px #225a4508;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 18px 26px}.orbit{position:absolute;border-radius:50%;border:1px solid #a8daca38;z-index:-1}.orbit-one{width:420px;height:420px;top:-250px;left:-150px}.orbit-two{width:430px;height:430px;bottom:-350px;right:-200px}.portrait{height:168px;width:168px;position:relative;display:flex;justify-content:center;align-items:center}.portrait-halo{position:absolute;inset:7px;border-radius:50%;background:#ffffff96;box-shadow:0 0 0 10px #ffffff3d,0 0 0 20px #ffffff20}.avatar-img{height:148px;width:148px;position:relative;filter:drop-shadow(0 10px 14px #06675a18)}.voice-bars{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:3px;align-items:center;justify-content:center;background:#fff;padding:7px 11px;border-radius:99px;border:1px solid #def2e9;box-shadow:0 5px 14px #1e746426}.voice-bars i{display:block;width:3px;border-radius:9px;background:#18ad91;height:8px}.voice-bars i:nth-child(2),.voice-bars i:nth-child(4){height:14px}.voice-bars i:nth-child(3){height:20px}.is-speaking .voice-bars i,.is-listening .voice-bars i{animation:wave .65s ease-in-out infinite alternate}.is-speaking .voice-bars i:nth-child(2),.is-listening .voice-bars i:nth-child(2){animation-delay:.2s}.is-speaking .voice-bars i:nth-child(3),.is-listening .voice-bars i:nth-child(3){animation-delay:.3s}.is-speaking .voice-bars i:nth-child(4),.is-listening .voice-bars i:nth-child(4){animation-delay:.12s}@keyframes wave{to{height:5px;opacity:.5}}
.talk-card h2{font-size:clamp(18px,4.4vw,23px);margin:16px 0 7px;font-weight:850;color:#20564e}.talk-card>p#statusText{margin:0;line-height:1.8;color:#648178;font-size:13px;min-height:24px}.action-area{padding-top:19px;min-height:74px}.primary-btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-width:225px;border:0;background:linear-gradient(100deg,#008f7c,#05635c);color:#fff;border-radius:15px;padding:14px 28px;font-size:15px;font-weight:800;box-shadow:0 7px 18px #118f7755}.primary-btn svg{width:20px;height:20px}.primary-btn:active{transform:translateY(1px)}.live-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.secondary-btn,.end-btn{border:1px solid #c4e0d6;background:#fff;color:#17645d;border-radius:13px;padding:13px 16px;font-weight:750;font-size:13px}.end-btn{border-color:#ffd3cd;color:#b55245}.micro-hint{font-size:10.5px!important;margin:11px 0 0!important;color:#8aa19a!important;max-width:90%;line-height:1.8}
.examples{padding:28px 4px 12px}.section-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.section-heading h2{margin:0 0 12px;font-size:18px;color:#23554f}.section-heading p{color:#8b9d96;margin:0;font-size:11.5px}.question-chips{display:flex;gap:9px;flex-wrap:wrap}.question{border:1px solid #e4ede7;background:#fff;border-radius:99px;color:#58766d;padding:11px 15px;font-size:12.5px;box-shadow:0 3px 10px #115d5206}.question:hover{border-color:#82cbb6;background:#f4fcf8}.ask-form{display:flex;gap:8px;padding:8px;border-radius:15px;background:#fff;border:1px solid #e1eee7;margin-top:18px;box-shadow:0 6px 16px #09504708}.ask-form input{background:transparent;min-width:0;flex:1;border:0;outline:0;padding:8px 10px;font-size:13px;color:#1c5d53}.ask-form:focus-within{border-color:#58bea4}.ask-form button{display:grid;place-items:center;height:42px;width:44px;border:0;border-radius:11px;background:#0b8d7a;color:#fff}.transcript{margin-top:13px;background:#ffffffb7;border:1px solid #e6eee8;border-radius:14px;max-height:185px;overflow:auto;padding:12px;min-height:48px;font-size:13px;line-height:1.8}.transcript-empty{color:#9aaa9f;margin:0;text-align:center;font-size:12px}.line{margin:0 0 6px;word-break:break-word}.line:last-child{margin-bottom:0}.line b{color:#0b8274}.line.user b{color:#bd7b3b}
.settings{margin:4px 4px 22px;border:1px solid #e5eee7;background:#fff;border-radius:14px;font-size:12px}.settings summary{padding:14px 17px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#427167;font-weight:750}.settings summary::marker{content:""}.summary-note{font-size:10px;font-weight:500;color:#91a39c}.settings-body{display:grid;gap:10px;padding:0 17px 16px}.settings-body label{color:#4f796e}.settings-body input{border:1px solid #d8e9e2;background:#fcfffe;padding:11px;border-radius:11px;direction:ltr;min-width:0}.settings-body p{margin:0;color:#90a199;font-size:11px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
footer{border-top:1px solid #e0ede5;padding:21px 0 30px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#90a69b;font-size:10px}.install-banner{position:fixed;z-index:10;bottom:14px;right:15px;left:15px;max-width:420px;margin:auto;display:flex;align-items:center;gap:11px;border:1px solid #a7d6c6;border-radius:18px;background:#fff;padding:13px;box-shadow:0 10px 35px #093e3544}.install-banner div{flex:1;display:flex;flex-direction:column}.install-banner strong{font-size:13px;color:#175b4c}.install-banner small{font-size:10px;color:#75928a}.install-banner button{border:0;border-radius:10px;padding:9px 14px;background:#087c69;color:white;font-weight:700}.install-banner .dismiss{padding:4px 7px;background:transparent;color:#718e84;font-size:20px}
@media(max-width:480px){.app-shell{width:calc(100% - 28px)}.header{padding:15px 2px 10px}.header-tag{font-size:10px;padding:7px 9px}.hero{padding-top:10px}.hero h1{margin-top:11px}.grade-panel{padding:14px 0 18px}.talk-card{padding:17px 12px 18px;border-radius:23px}.portrait{width:142px;height:142px}.avatar-img{width:134px;height:134px}.talk-card h2{margin-top:7px}.action-area{padding-top:15px;min-height:65px}.examples{padding:22px 2px 10px}.question-chips{gap:7px}.question{font-size:11.5px;padding:10px 12px}.section-heading h2{font-size:16px}.micro-hint{max-width:98%!important}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;scroll-behavior:auto!important}}

.settings-body select{border:1px solid #d8e9e2;background:#fcfffe;padding:11px;border-radius:11px;color:#17645d;min-width:0}

.preview-notice{margin:7px auto 4px;max-width:720px;border:1px solid #f2d6a6;background:#fff8e8;color:#795528;border-radius:12px;padding:12px 15px;line-height:1.8;font-size:12px;text-align:center}

/* Image update: the child provided photograph, without altering facial features. */
.avatar-img{object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 25px #05655835;filter:none;background:#e5f6ee}