/* Warm, tactile character direction: honey + coral + violet, with a quiet reading surface. */
.result-companion{position:relative}.prop-trophy{width:60px;right:0;bottom:20px;transform:rotate(12deg)}
:root{--green:#5540bd;--lime:#ffda77;--muted:#726c80;--line:#e8e2ed;background:#faf8fc;color:#2d263d}
.topbar{background:#fffcf9;border-bottom-color:#efe9ed}.brand{letter-spacing:-.5px}.topnav button.active{background:#eee8ff;color:#5540bd}
.container{padding-top:28px}.welcome{position:relative;min-height:216px;align-items:center;margin-bottom:0;padding:28px 32px;border:1px solid #f0e4dc;border-radius:24px;background:linear-gradient(115deg,#fff5e6,#fff8f3 55%,#f1eaff);isolation:isolate}.welcome h1{max-width:540px;font-size:2.15rem}.welcome>.badge{position:absolute;top:16px;right:22px;font-size:.75rem;padding:5px 10px;background:#fff9;z-index:2}.welcome>.companion-welcome{flex-shrink:0;width:300px;height:214px;position:relative;margin:-15px 6px -20px 10px}.companion-bubble{position:absolute;top:6px;left:-38px;padding:9px 14px;border-radius:12px 12px 0 12px;color:#735132;background:white;box-shadow:0 4px 15px #7649220c;font-size:.8rem;z-index:2;transform:rotate(-4deg)}
.emoji-stage{position:relative;width:100%;height:218px;isolation:isolate;overflow:hidden;pointer-events:auto}.emoji-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.emoji-fallback{position:absolute;width:62%;height:82%;object-fit:contain;top:8%;left:19%;z-index:1}.webgl-ready .emoji-fallback{visibility:hidden}.stage-halo{position:absolute;width:160px;height:160px;background:#ffdf7940;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-48%);z-index:0}.emoji-stage.medium{height:230px}.emoji-stage.compact{height:135px}.emoji-stage.intro{height:270px}.emoji-stage.compact .stage-halo{width:110px;height:110px}
.scene-prop{position:absolute;object-fit:contain;z-index:3;pointer-events:none;filter:drop-shadow(0 9px 8px #61494a18)}.prop-rocket{width:75px;right:-17px;top:40px;transform:rotate(14deg)}.prop-books{width:65px;left:0;bottom:0;transform:rotate(-14deg)}.companion-actions{display:flex;justify-content:flex-end;margin:4px 0 18px;min-height:36px}.motion-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.motion-tools button{font-size:.8rem;min-height:36px;color:#766987}.motion-credit{font-size:.75rem;color:#8d8295;margin:16px 0 0;text-align:center;line-height:1.8}.motion-credit a{color:#726187}.motion-credit span{display:inline-block}.stats{margin-bottom:22px}.stat{border-radius:16px;box-shadow:0 3px 0 #e9e3ec80}.stat strong{color:#473265}.panel{border-radius:20px;box-shadow:0 4px 0 #e9e3ec60}.exam-panel{background:linear-gradient(130deg,#6649c6,#483198);border-color:#51399e;box-shadow:0 5px 0 #3e2c7c}.exam-panel .eyebrow{color:#d5c7fb}.exam-panel h2{font-size:1.65rem}.exam-panel button{box-shadow:0 4px 0 #d5a83c;color:#412d35}.exam-panel p{color:#e2d8ff}.exam-meta span{color:#d4c8f3}.card-emoji{float:right;width:74px;height:74px;object-fit:contain;margin:-8px -3px 0 8px;filter:drop-shadow(0 7px 7px #12032a22);transform:rotate(8deg)}button{box-shadow:0 3px 0 #00000012}button:active{transform:translateY(2px);box-shadow:none}button.text{box-shadow:none}.question-card{box-shadow:none}.option{box-shadow:0 2px 0 #eee8f1}.option.selected{background:#f3efff;border-color:#7456cf}.option.selected .letter{background:#6650b9;border-color:#6650b9}.option.correct{border-color:#287c58;background:#eaf7ef}.option.incorrect{border-color:#b85861;background:#fff0f1}.answer-map button.current{border-color:#6650b9}.study-companion{display:flex;flex-direction:column-reverse;text-align:center;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:10px}.companion-caption{font-size:.8rem;color:#81738c;line-height:1.6;margin:0}.motion-bottom{display:flex;justify-content:flex-end;margin-top:12px}.result-banner{background:linear-gradient(115deg,#5e3fb9,#7952cc);position:relative;padding:32px;min-height:238px;box-shadow:0 5px 0 #4a328c;overflow:hidden;gap:12px}.result-banner>.result-companion{width:255px;flex-shrink:0;order:1;margin:-24px -15px}.result-banner>#back-home{order:2}.result-banner>div:first-child{flex:1}.result-banner p{color:#e1d6fd}.result-score{color:#ffdc79}.result-companion .stage-halo{background:#ffdc7920}.result-encouragement{padding:6px 2px 24px}.result-encouragement h2{font-size:1.25rem;margin-bottom:6px;color:#543a79}.result-encouragement p{color:#81718d;margin-bottom:10px}.history-companion{width:235px;height:210px;flex-shrink:0}.history-companion .emoji-stage{height:210px}
.auth-intro{background:radial-gradient(ellipse at 60% 60%,#ffe8ad,#fff2e2 52%,#f7edff);color:#4d3155;padding-top:45px;padding-bottom:35px;position:relative}.auth-intro .brand{margin-bottom:32px}.auth-intro h1{font-size:2.6rem;max-width:500px}.auth-intro p{color:#8a6b7c}.auth-intro .eyebrow{color:#a07b86}.auth-intro .large-number{display:none}.auth-companion{max-width:400px;width:100%;align-self:center;margin-top:2px}.auth-companion .emoji-stage{height:270px}.auth-companion .motion-tools{justify-content:center}.auth-form{max-width:470px}.auth-form h2{color:#5d4376}.auth-switch button{color:#7653bb}.auth-companion .motion-credit{font-size:.7rem}
.companion-dialog{width:480px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);border-radius:26px;border:1px solid #eadff2;padding:26px 30px 30px;text-align:center;background:linear-gradient(160deg,#fffbef,#fff 65%,#f2eaff);overflow-y:auto;box-shadow:0 24px 100px #25113840}.companion-dialog::backdrop{background:#25143577;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:12px;right:14px;z-index:5;font-size:.875rem}.intro-stage{margin-top:10px}.companion-dialog h2{font-size:1.5rem;color:#533b72;margin-bottom:8px}.companion-dialog p{font-size:.875rem;color:#86728a}.companion-dialog .eyebrow{font-size:.7rem;color:#a28c9b;letter-spacing:1px}.pose-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pose-picker button{font-size:.8rem;padding:9px 12px;background:#f0e8ff;color:#694698;min-height:40px}.pose-picker button[aria-pressed=true]{background:#7150bf;color:white}
@media(prefers-reduced-motion:no-preference){.result-reveal{animation:result-arrive .55s cubic-bezier(.2,.8,.3,1)}.prop-rocket{animation:rocket-hover 4s ease-in-out infinite}.prop-books{animation:books-hover 5s ease-in-out infinite}.motion-off .prop-rocket,.motion-off .prop-books,.motion-off .result-reveal{animation:none}@keyframes result-arrive{from{transform:translateY(18px) scale(.97);opacity:.5}to{transform:none;opacity:1}}@keyframes rocket-hover{50%{transform:translateY(-9px) rotate(8deg)}}@keyframes books-hover{50%{transform:translateY(5px) rotate(-8deg)}}}
@media(max-width:800px){.welcome{padding:22px;min-height:185px}.welcome h1{font-size:1.65rem;max-width:360px}.welcome p{font-size:.875rem}.welcome>.companion-welcome{width:205px;height:195px;margin:0 -15px 0 0}.companion-welcome .emoji-stage{height:195px}.companion-bubble{display:none}.prop-rocket{width:50px;right:-2px;top:38px}.prop-books{width:48px;bottom:0;left:4px}.history-companion{width:170px}.study-companion{flex-direction:row;align-items:center;justify-content:center;margin:-5px 0 15px;padding-bottom:6px;gap:6px}.study-companion .emoji-stage{width:125px;height:108px}.study-companion .stage-halo{width:75px;height:75px}.result-banner>.result-companion{width:200px;margin:-20px}.result-banner{padding:24px;min-height:210px}.result-banner>#back-home{width:100%}.result-companion .emoji-stage{height:195px}.auth-intro{padding:28px;display:grid;grid-template-columns:1fr 150px;align-items:center}.auth-intro .brand{grid-column:1/-1;margin-bottom:16px}.auth-intro .eyebrow{grid-column:1}.auth-intro h1{grid-column:1;font-size:1.7rem}.auth-intro>p{display:none}.auth-companion{grid-column:2;grid-row:2/5;margin-top:-28px}.auth-companion .emoji-stage{height:160px}.auth-companion .motion-tools,.auth-companion .motion-credit{display:none}}
@media(max-width:520px){.welcome{padding:22px 18px;min-height:230px;align-items:flex-start}.welcome h1{font-size:1.55rem;max-width:230px}.welcome p{max-width:165px;font-size:.8rem}.welcome .eyebrow{font-size:.7rem;margin-bottom:9px}.welcome>.companion-welcome{position:absolute;right:3px;bottom:0;width:175px;height:168px}.companion-welcome .emoji-stage{height:168px}.prop-rocket{width:43px;top:38px;right:0}.prop-books{width:40px;left:4px;bottom:0}.companion-actions{margin-bottom:12px}.motion-tools button{font-size:.75rem}.result-banner{padding:16px 14px 20px;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px}.result-banner>div:first-child{max-width:none;grid-column:1;grid-row:1}.result-banner .eyebrow{font-size:.7rem;letter-spacing:1px}.result-banner p{font-size:.8rem}.result-banner>.result-companion{position:relative;grid-column:2;grid-row:1;width:145px;margin:0}.result-companion .emoji-stage{height:170px}.result-score{font-size:2.65rem}.result-score small{font-size:.875rem}.result-banner>#back-home{margin-top:0;grid-column:1/-1;grid-row:2}.history-companion{position:absolute;right:0;bottom:0;width:145px;height:155px}.history-companion .emoji-stage{height:155px}.auth-intro{grid-template-columns:1fr 115px;padding:24px 22px}.auth-intro h1{font-size:1.45rem}.auth-companion .emoji-stage{height:145px}.companion-dialog{padding:25px 20px}.companion-dialog .emoji-stage.intro{height:240px}.companion-dialog h2{font-size:1.3rem}.card-emoji{width:62px;height:62px}}