*,*:before,*:after{box-sizing:border-box}:root{--bg-color-1: #0b0f19;--bg-color-2: #14192d;--bg-color-3: #1e1432;--accent-cyan: #00d2ff;--accent-magenta: #ff007f;--accent-yellow: #ffd700;--panel-bg: rgba(20, 30, 50, .6);--panel-border: rgba(100, 150, 255, .2);--btn-grad-start: #00d2ff;--btn-grad-end: #3a7bd5;--btn-shadow: rgba(0, 210, 255, .4)}body.theme-ocean-quest{--bg-color-1: #041014;--bg-color-2: #0d2c38;--bg-color-3: #081e29;--accent-cyan: #00ffcc;--accent-magenta: #ff8e8b;--accent-yellow: #ffe57f;--panel-bg: rgba(13, 44, 56, .7);--panel-border: rgba(0, 255, 204, .2);--btn-grad-start: #00ffcc;--btn-grad-end: #0099ff;--btn-shadow: rgba(0, 255, 204, .4)}body.theme-jungle-trail{--bg-color-1: #09120b;--bg-color-2: #142e18;--bg-color-3: #1e2e14;--accent-cyan: #a3e635;--accent-magenta: #fba11b;--accent-yellow: #ffda79;--panel-bg: rgba(20, 46, 24, .7);--panel-border: rgba(163, 230, 53, .2);--btn-grad-start: #a3e635;--btn-grad-end: #16a085;--btn-shadow: rgba(163, 230, 53, .4)}body.theme-dragon-academy{--bg-color-1: #140b0b;--bg-color-2: #2e1414;--bg-color-3: #2e1a14;--accent-cyan: #ff793f;--accent-magenta: #ff5252;--accent-yellow: #ffb142;--panel-bg: rgba(46, 20, 20, .7);--panel-border: rgba(255, 121, 63, .2);--btn-grad-start: #ff793f;--btn-grad-end: #cd6133;--btn-shadow: rgba(255, 121, 63, .4)}body{background-color:var(--bg-color-1);background-image:radial-gradient(circle at 15% 50%,var(--bg-color-2) 0%,var(--bg-color-1) 50%),radial-gradient(circle at 85% 30%,var(--bg-color-3) 0%,var(--bg-color-1) 50%);color:#f1f5f9;font-family:Outfit,sans-serif;margin:0;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;transition:background-color .4s,background-image .4s}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;margin-top:0}p{margin-top:0}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;padding:24px}.btn{background:linear-gradient(135deg,var(--btn-grad-start) 0%,var(--btn-grad-end) 100%);color:#fff;border:none;border-radius:9999px;padding:12px 24px;font-weight:600;font-family:Outfit,sans-serif;font-size:1.1rem;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--btn-shadow)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#fff3;box-shadow:none}.btn-danger{background:linear-gradient(135deg,#ff4b2b,#ff416c)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ff4b2b66}input,select,textarea{background:#0000004d;border:1px solid rgba(100,150,255,.3);color:#fff;border-radius:8px;padding:12px;font-family:Outfit,sans-serif;font-size:1rem;width:100%;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-cyan)}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;color:#94a3b8;font-size:.9rem;font-weight:600}.account-role-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;margin-bottom:24px;border:1px solid var(--panel-border);border-radius:999px;background:#00000038}.account-role-option{min-height:44px;border:0;border-radius:999px;color:#cbd5e1;background:transparent;font:inherit;font-weight:700;cursor:pointer}.account-role-option.selected{color:#07121a;background:var(--accent-cyan);box-shadow:0 4px 18px var(--btn-shadow)}.legacy-family-claim{margin:8px 0 20px;padding:14px 16px;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff0a}.legacy-family-claim summary{cursor:pointer;color:var(--accent-yellow);font-weight:700}.access-code{padding:10px 16px;border:1px solid var(--panel-border);border-radius:10px;background:#00000057;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1rem,4vw,1.5rem);font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere}.recovery-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-color:#ffd70073}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex>*{min-width:0}.flex-1{flex:1}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-left{text-align:left}.text-center{text-align:center}.text-cyan{color:var(--accent-cyan)}.text-magenta{color:var(--accent-magenta)}.text-yellow{color:var(--accent-yellow)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-gray-200{color:#e2e8f0}.text-gray-300{color:#cbd5e1}.text-gray-400{color:#94a3b8}.text-gray-500{color:#64748b}.font-bold{font-weight:700}.font-normal{font-weight:400}.italic{font-style:italic}.w-full{width:100%}.max-w-xs{max-width:20rem;margin:0 auto}.max-w-md{max-width:28rem;margin:0 auto}.max-w-2xl{max-width:42rem;margin:0 auto}.max-w-3xl{max-width:48rem;margin:0 auto}.max-w-4xl{max-width:56rem;margin:0 auto}.max-w-5xl{max-width:64rem;margin:0 auto}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-16{margin-top:64px}.mt-20{margin-top:80px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mr-2{margin-right:8px}.p-3{padding:12px}.p-4{padding:16px}.p-8{padding:32px}.pt-8{padding-top:32px}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-opacity-5{background-color:#ffffff0d}.bg-opacity-10{background-color:#ffffff1a}.bg-opacity-20{background-color:#fff3}.bg-opacity-50{background-color:#00000080}.bg-blue-900{background-color:#1e3a8a}.border-t{border-top:1px solid rgba(255,255,255,.1)}.border-gray-700{border-color:#334155}.cursor-pointer{cursor:pointer}.transition-colors{transition:background-color .2s}.hover\:bg-opacity-10:hover{background-color:#ffffff1a}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.capitalize{text-transform:capitalize}.whitespace-pre-wrap{white-space:pre-wrap}.leading-relaxed{line-height:1.625}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}@keyframes driftUp{0%{transform:translateY(0);opacity:0}50%{opacity:.8}to{transform:translateY(-20vh);opacity:0}}.star{position:fixed;background:#fff;border-radius:50%;animation:twinkle 3s infinite;pointer-events:none;z-index:-1}body.theme-ocean-quest .star{background:var(--accent-cyan);animation:driftUp 4s infinite ease-in}body.theme-jungle-trail .star{background:var(--accent-cyan);border-radius:2px;animation:driftUp 5s infinite ease-in-out;opacity:.3}body.theme-dragon-academy .star{background:var(--accent-cyan);animation:driftUp 3s infinite ease-in;box-shadow:0 0 4px var(--accent-magenta)}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.avatar-select{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.avatar-option{background:#ffffff0d;color:inherit;font:inherit;border:2px solid transparent;border-radius:12px;padding:12px;cursor:pointer;text-align:center;transition:all .2s}.avatar-option:hover{background:#ffffff1a}.avatar-option.selected{border-color:var(--accent-cyan);background:#ffffff1a;box-shadow:0 0 10px var(--btn-shadow)}.avatar-svg{width:64px;height:64px;margin:0 auto 8px}.brand-avatar-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 9px rgba(0,0,0,.25))}.brand-logo-wrap{display:flex;justify-content:center;align-items:center}.brand-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,210,255,.2))}.brand-logo-hero{width:min(100%,360px);margin:-14px auto 4px}.brand-logo-form{width:min(100%,320px);margin:-8px auto 8px}.brand-logo-header{width:min(48vw,260px)}.brand-logo-dashboard{width:min(72vw,360px)}.avatar-svg>.brand-avatar-image,.learner-avatar>.brand-avatar-image{transform-origin:50% 82%;animation:avatarFloat 3.2s ease-in-out infinite}.profile-card:hover .avatar-svg>.brand-avatar-image,.learner-avatar:hover>.brand-avatar-image{animation:avatarWave .7s ease-in-out}@keyframes avatarFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes avatarWave{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-7deg) scale(1.05)}50%{transform:rotate(7deg) scale(1.08)}75%{transform:rotate(-4deg) scale(1.05)}}.answer-celebration{position:fixed;inset:0;z-index:1000;pointer-events:none;display:grid;place-items:center}.answer-celebration-big{overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 58%);animation:celebrationFlash 2.6s ease-out forwards}.celebration-message{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 28px;border:2px solid var(--accent-cyan);border-radius:18px;color:#fff;background:#0a0e1ff0;box-shadow:0 0 36px var(--btn-shadow);font-size:1.1rem;font-weight:700;animation:celebrationMessage .55s cubic-bezier(.2,.9,.25,1.25) both}.celebration-star{width:clamp(64px,18vw,112px);height:clamp(64px,18vw,112px);object-fit:contain;margin:-54px 0 -8px;filter:drop-shadow(0 0 16px var(--accent-yellow));animation:celebrationStar .75s cubic-bezier(.2,.9,.25,1.25) both}.answer-celebration-big .celebration-message strong{color:var(--accent-yellow);font-size:clamp(1.8rem,7vw,3.5rem);line-height:1}.answer-celebration-big .celebration-message span{color:var(--accent-cyan);font-size:1.15rem}.answer-celebration-quiet{animation:quietCelebration 1.4s ease-out forwards}.answer-celebration-quiet .celebration-message strong{color:var(--accent-yellow);font-size:clamp(1.35rem,6vw,2rem)}.celebration-particle{position:absolute;left:var(--particle-x);top:-50px;color:var(--accent-yellow);font-size:var(--particle-size);text-shadow:0 0 8px var(--accent-magenta);animation:celebrationFall 2s var(--particle-delay) ease-in forwards}@keyframes celebrationMessage{0%{opacity:0;transform:scale(.45) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes celebrationStar{0%{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes celebrationFall{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--particle-drift),110vh,0) rotate(540deg)}}@keyframes celebrationFlash{0%{opacity:0}12%,75%{opacity:1}to{opacity:0}}@keyframes quietCelebration{0%{opacity:0;transform:translateY(18px)}18%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.avatar-svg>.brand-avatar-image,.learner-avatar>.brand-avatar-image,.answer-celebration,.celebration-message,.celebration-star,.celebration-particle{animation:none!important}.microphone-button.is-listening{animation:none!important}.answer-celebration-big{background:none}.celebration-particle{display:none}}.theme-card{background:#0000004d;color:inherit;font:inherit;width:100%;border:2px solid transparent;border-radius:12px;padding:16px;text-align:center;font-weight:700;cursor:pointer;transition:all .2s}.theme-card:hover{background:#ffffff1a}.theme-card.selected{border-color:var(--accent-cyan);background:#ffffff26;color:var(--accent-cyan);box-shadow:0 0 12px #0000004d inset}.overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.error-banner{background:#ff4b2b33;border:1px solid #ff4b2b;color:#ffb3b3;padding:12px;text-align:center;font-weight:600;border-radius:8px;margin-bottom:16px}.interest-picker{display:flex;align-items:center;gap:8px;width:100%;max-width:28rem;min-width:0}.interest-options{display:flex;flex:1 1 0;min-width:0;gap:12px;overflow-x:auto;padding:12px 6px;scrollbar-width:thin;scrollbar-color:var(--accent-cyan) #151b2a}.interest-options>button{flex:0 0 auto;white-space:nowrap}.interest-scroll-button{flex:0 0 40px;min-width:40px;padding:8px;font-size:26px}.interest-options:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.profile-card{background:#ffffff0d;border-radius:16px;padding:24px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .2s}.profile-card:hover{background:#ffffff1a;transform:translateY(-4px);border-color:var(--accent-cyan)}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.dashboard-actions,.choice-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}.action-card{min-height:120px;flex-direction:column;padding:24px}.choice-buttons .btn{width:100%}.end-confirmation{background:#ffb70014;border:1px solid rgba(255,215,0,.35);border-radius:12px;padding:16px}.saved-reports{display:flex;flex-direction:column;gap:12px}.saved-report{background:#ffffff0d;border:1px solid var(--panel-border);border-radius:12px;overflow:hidden}.saved-report summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:16px;cursor:pointer}.saved-report-body{border-top:1px solid var(--panel-border);padding:20px}@media(max-width:600px){.grid-2,.dashboard-actions,.choice-buttons{grid-template-columns:1fr}.avatar-select{grid-template-columns:repeat(2,1fr)}.profile-card{flex-direction:column;text-align:center;gap:16px}}.session-page{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.session-header,.session-controls{position:relative;z-index:2}.chat-container{display:flex;flex-direction:column;gap:22px;overflow-y:auto;min-height:0;padding-right:8px;scroll-behavior:smooth}.chat-bubble{max-width:88%;padding:20px;border-radius:16px;font-size:1.2rem;line-height:1.75;white-space:pre-wrap;word-break:break-word}.chat-user{align-self:flex-end;background:#ffffff26;border-bottom-right-radius:4px;border:1px solid rgba(255,255,255,.2)}.chat-tutor{align-self:flex-start;background:#ffffff0d;border-bottom-left-radius:4px;border:1px solid var(--panel-border)}.session-page .text-sm{font-size:1rem;line-height:1.55}.session-page .text-xl{font-size:1.4rem}.session-page label{font-size:1.08rem}.session-page input{font-size:1.125rem;min-height:50px}.composer-row{display:flex;align-items:center;gap:10px;flex:1 1 360px;min-width:0}.composer-row #chat-input{flex:1 1 auto;width:auto;min-width:0}.microphone-button{min-width:112px;min-height:50px;padding:10px 16px;flex:0 0 auto}.photo-button{min-width:104px;min-height:50px;padding:10px 16px;flex:0 0 auto}.photo-icon{font-size:1.25rem;margin-right:8px}.photo-picker,.photo-preview{border:1px solid rgba(0,229,255,.35);border-radius:12px;padding:14px;background:#00e5ff0f}.photo-preview{display:flex;align-items:center;gap:16px}.photo-preview img{width:112px;height:88px;object-fit:contain;border-radius:8px;background:#fff}.file-choice{position:relative;overflow:hidden;cursor:pointer}.file-choice input{position:absolute;width:1px;height:1px;opacity:0}.microphone-button.is-listening{color:#fff;border-color:var(--accent-magenta);background:#ff009938;box-shadow:0 0 0 4px #ff00991f,0 0 18px var(--accent-magenta);animation:microphonePulse 1.2s ease-in-out infinite}@keyframes microphonePulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(max-width:600px){.composer-row{flex-basis:100%;width:100%}.chat-bubble{max-width:94%;font-size:1.125rem;line-height:1.7;padding:18px}.microphone-button,.photo-button{min-width:52px;width:52px;padding:10px}.photo-icon{margin-right:0}.photo-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.photo-preview{align-items:flex-start}.microphone-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;background:#fff3}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#root{width:100%;min-width:0}#root>*{max-width:100%}.btn{max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-align:center}input,select,textarea{min-width:0;max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}.grid-2>*{min-width:0}.onboarding-page{max-width:64rem!important;margin:0 auto;padding:24px;min-height:100dvh}.onboarding-panel{max-width:none;padding:clamp(20px,4vw,48px)}.onboarding-content{width:100%;min-height:350px;overflow:visible}.onboarding-content>*{max-width:100%}.onboarding-option{width:100%;padding:18px 24px}.onboarding-content .max-w-xl{max-width:48rem}.interest-picker{max-width:100%}.interest-options>button{max-width:none;white-space:nowrap}@media(max-width:600px){#root>.p-8{padding:16px}.onboarding-page{padding:12px}.panel{padding:20px}.flex.justify-between{flex-wrap:wrap;gap:16px}.onboarding-content{min-height:0}#chat-input{flex-basis:100%}}