:root{color:#193556;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#193556;--ink-soft:#5f7691;--blue:#2f70e8;--blue-dark:#2059be;--sky:#f2faff;--yellow:#ffd34f;--mint:#43c9a7;--coral:#ff8066;--paper:#fffefa;--line:#d2e8f4;--shadow:0 18px 50px #295c8124;--shadow-soft:0 10px 28px #295c811a;background:#f2faff;font-family:Nunito,ui-rounded,SF Pro Rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html,body{background:var(--sky)}body{-webkit-overflow-scrolling:touch;overflow:hidden auto}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #246bdf47}button:disabled{cursor:not-allowed}.app-shell{background:radial-gradient(circle at 5% 9%,#ffd34f57,#0000 20rem),radial-gradient(circle at 96% 14%,#43c9a738,#0000 24rem),radial-gradient(circle at 76% 92%,#ff806624,#0000 20rem),linear-gradient(145deg,#f8fcff 0%,#e8f7ff 48%,#f6fbff 100%);width:100%;min-height:100dvh;position:relative;overflow-x:hidden}.ambient-layer{pointer-events:none;background-image:radial-gradient(circle,#2f70e81c 1.5px,#0000 1.5px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 80%);mask-image:linear-gradient(#0009,#0000 80%)}.landscape-stage{z-index:1;width:100%;min-height:inherit;position:relative}.page{width:min(100%,1240px);min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));margin:0 auto}h1,h2,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(2rem,5vw,4rem);font-weight:950;line-height:1.06}h2{color:var(--ink);margin-bottom:8px;font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:900;line-height:1.2}.eyebrow{color:var(--blue);letter-spacing:.04em;margin-bottom:10px;font-size:clamp(.875rem,1.4vw,1rem);font-weight:950}.soft-copy,.hero-copy p,.lead-copy p{color:var(--ink-soft);font-size:clamp(1rem,1.7vw,1.25rem);font-weight:700;line-height:1.62}.primary-action,.secondary-action,.ghost-link,.age-tile,.audio-button,.choice-card,.segmented-control button{cursor:pointer;border:0}.primary-action{background:var(--blue);color:#fff;border-radius:20px;min-height:58px;padding:0 30px;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:950;transition:transform .14s,background-color .14s,box-shadow .14s;box-shadow:0 12px 24px #246bdf3d}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.ghost-link:active:not(:disabled){transform:translateY(1px)}.primary-action:disabled{box-shadow:none;opacity:.72;background:#aebed0}.secondary-action{border:2px solid var(--line);min-height:50px;color:var(--ink);background:#ffffffd1;border-radius:16px;padding:0 20px;font-weight:900}.ghost-link{color:#496785;background:#ffffffb3;border:2px solid #5e89ab29;border-radius:15px;align-self:flex-start;min-width:58px;min-height:44px;padding:0 15px;font-weight:900;box-shadow:0 6px 18px #235b8414}.welcome-page{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));grid-template-rows:auto 1fr;grid-template-columns:minmax(340px,.95fr) minmax(390px,1.05fr);align-items:center;gap:clamp(20px,5vw,72px);display:grid;position:relative}.brand-bar{min-height:48px;color:var(--ink);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:2px solid #2f70e81f;border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;gap:7px;padding:8px 16px;font-size:1rem;font-weight:950;display:inline-flex}.brand-logo{width:clamp(158px,18vw,216px);height:auto;display:block}.brand-product-name{white-space:nowrap;color:#0751a4;letter-spacing:.035em;text-shadow:0 1px #fff;align-items:center;gap:5px;padding:2px 1px 5px;font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.02em;font-weight:950;line-height:1;display:inline-flex;position:relative}.brand-product-name:after{content:"";opacity:.9;background:linear-gradient(90deg,#1a78df 0 72%,#ff5a1f 72% 100%);border-radius:999px;height:3px;position:absolute;bottom:0;left:18px;right:0}.brand-divider{color:#ff5a1f;font-size:1.42em;line-height:.7;transform:translateY(-1px)}.welcome-copy{z-index:2;max-width:580px;position:relative}.welcome-copy h1{letter-spacing:-.07em;margin-bottom:22px;font-size:clamp(3.7rem,7.3vw,6.6rem);line-height:.92}.welcome-copy h1 span{color:var(--blue)}.welcome-intro{max-width:500px;color:var(--ink-soft);margin-bottom:22px;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:750;line-height:1.65}.welcome-facts{flex-wrap:wrap;gap:9px;margin-bottom:24px;display:flex}.welcome-facts span{color:#60758c;background:#ffffffd6;border:2px solid #2f70e81a;border-radius:15px;padding:10px 14px;font-size:.9rem;font-weight:850;box-shadow:0 7px 18px #295c8112}.welcome-facts strong{color:var(--ink)}.hero-showcase{isolation:isolate;min-height:min(72vh,670px);position:relative}.mascot-glow{z-index:-1;background:linear-gradient(145deg,#d9f4ff,#c9efff 58%,#d7fbf1);border-radius:47% 53% 44% 56%/58% 46% 54% 42%;position:absolute;inset:12% 7% 10%;transform:rotate(-5deg);box-shadow:inset 0 0 0 8px #ffffff94,0 25px 70px #295c8124}.hero-mascot{object-fit:contain;filter:drop-shadow(0 24px 24px #184a732e);width:100%;height:100%;animation:4.2s ease-in-out infinite mascot-float;display:block;position:absolute;inset:3% 0 0}.mascot-speech{background:var(--yellow);color:#56460d;box-shadow:var(--shadow-soft);border:4px solid #fff;border-radius:22px 22px 22px 6px;gap:3px;padding:13px 18px;display:grid;position:absolute;top:12%;right:-1%;transform:rotate(3deg)}.mascot-speech span{font-size:.82rem;font-weight:850}.mascot-speech strong{font-size:1rem;font-weight:950}.hero-orbit{z-index:2;box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;font-weight:950;display:grid;position:absolute}.orbit-one{background:var(--coral);color:#fff;width:52px;height:52px;top:8%;left:3%;transform:rotate(-10deg)}.orbit-two{width:44px;height:44px;color:var(--blue);background:#fff;bottom:17%;right:3%}.orbit-three{background:var(--mint);color:#fff;width:40px;height:40px;bottom:24%;left:0}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}.hero-action{justify-content:center;align-items:center;gap:14px;min-width:min(100%,360px);display:inline-flex}.parent-note{color:#698097;margin:14px 0 0;font-size:.82rem;font-weight:800;line-height:1.5}.welcome-audio-status{color:#496785;min-height:1.5em;margin:10px 0 0;font-size:.86rem;font-weight:850}.age-page,.sound-page,.lead-page{grid-template-rows:auto auto minmax(0,1fr);gap:18px;display:grid}.page-heading{text-align:center}.age-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2.5vw,28px);display:grid}.age-tile{min-height:210px;color:var(--ink);text-align:left;box-shadow:var(--shadow);background:#ffffffe0;border:3px solid #80b1d242;border-radius:28px;align-content:center;gap:12px;padding:clamp(22px,3vw,34px);transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.age-tile:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 20px 44px #235b842e}.age-tile span{font-size:clamp(1.5rem,4vw,2.7rem);font-weight:950}.age-tile small,.age-tile em{color:var(--ink-soft);font-size:clamp(.875rem,1.45vw,1rem);font-style:normal;font-weight:750;line-height:1.48}.sound-page{place-items:center}.sound-page .ghost-link,.lead-page .ghost-link{top:calc(20px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left));position:absolute}.sound-card{text-align:center;background:#ffffffe6;border:3px solid #80b1d23d;border-radius:36px;justify-items:center;gap:20px;width:min(680px,92vw);padding:clamp(28px,6vw,58px);display:grid;box-shadow:0 24px 70px #235b8429}.audio-control{justify-items:center;gap:8px;display:grid}.audio-button{background:var(--blue);color:#fff;border-radius:20px;justify-content:center;align-items:center;gap:12px;min-width:clamp(220px,30vw,320px);min-height:62px;padding:0 24px 0 14px;font-size:clamp(1rem,2vw,1.35rem);font-weight:950;transition:transform .14s,background-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 12px 28px #246bdf3d}.audio-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-2px)}.audio-button.is-playing{background:var(--mint);box-shadow:0 12px 28px #37cba53d}.audio-button:disabled:not(.is-playing){opacity:.64}.audio-icon{background:#ffffff2e;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid}.audio-icon svg{width:23px;height:23px}.audio-icon .speaker-body{fill:currentColor}.audio-icon .speaker-wave{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.playing-bars{align-items:center;gap:3px;height:20px;display:flex}.playing-bars i{background:currentColor;border-radius:999px;width:4px;animation:.72s ease-in-out infinite alternate playing-bar;display:block}.playing-bars i:first-child{height:10px}.playing-bars i:nth-child(2){height:20px;animation-delay:.12s}.playing-bars i:last-child{height:14px;animation-delay:.24s}@keyframes playing-bar{to{height:5px}}.audio-message{color:#ac5a17;max-width:440px;margin:0;font-size:.875rem;font-weight:800;line-height:1.45}.question-page{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vh,18px);max-width:1240px;display:grid}.top-bar{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);align-items:center;gap:14px;width:min(100%,1080px);margin:0 auto;display:grid}.top-bar .audio-control{justify-self:center}.top-bar .ghost-link{justify-self:start}.help-pill{color:#56718d;background:#ffffffb3;border:2px solid #5e89ab24;border-radius:15px;justify-self:end;padding:10px 15px;font-size:.875rem;font-weight:900}.choice-grid{align-self:center;gap:clamp(10px,1.6vw,18px);width:min(100%,1020px,133.3dvh - 253.27px);min-width:0;min-height:0;margin:0 auto;display:grid}.choice-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,820px)}.choice-grid.count-4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{aspect-ratio:4/3;background:var(--paper);border:3px solid #c9e0ef;border-radius:clamp(18px,2.2vw,28px);place-items:center;min-width:0;min-height:0;padding:clamp(5px,.8vw,10px);transition:transform .13s,border-color .13s,box-shadow .13s,background-color .13s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #235b841f}@media (hover:hover) and (pointer:fine){.choice-card:hover:not(:disabled){border-color:#85baf0;transform:translateY(-2px);box-shadow:0 16px 34px #235b842b}}.choice-card:active:not(:disabled){transform:scale(.985)}.choice-card.is-selected{border-color:var(--mint);background:#edfff9;transform:scale(.98);box-shadow:0 0 0 5px #37cba533,0 15px 34px #235b8429}.choice-image{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;grid-area:1/1;width:100%;height:100%;transition:opacity .16s;display:block}.choice-image.is-ready{opacity:1}.choice-image-loader{background:linear-gradient(110deg,#f0f8ff 18%,#fff7cf 42%,#e9fbf6 64%,#f0f8ff 84%) 0 0/250% 100%;border-radius:22px;grid-area:1/1;justify-content:center;align-items:center;gap:7px;width:86%;height:84%;animation:1.25s ease-in-out infinite image-shimmer;display:inline-flex}.choice-image-loader.is-slow{color:#456985;flex-direction:column;padding:12px;font-size:clamp(14px,1.6vw,20px);line-height:1.5;animation:none}.choice-image-loader i{background:#7cb2e8;border-radius:50%;width:clamp(9px,1.4vw,14px);height:clamp(9px,1.4vw,14px);animation:.9s ease-in-out infinite alternate image-dot}.choice-image-loader i:nth-child(2){background:#ffd34f;animation-delay:.13s}.choice-image-loader i:nth-child(3){background:#47cbb0;animation-delay:.26s}@keyframes image-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes image-dot{0%{transform:translateY(3px)scale(.86)}to{transform:translateY(-3px)scale(1.05)}}.choice-load-error{width:min(100%,620px);min-height:280px;box-shadow:var(--shadow);text-align:center;background:#fffffff5;border:4px solid #ffbe4873;border-radius:30px;align-self:center;place-items:center;gap:10px;margin:0 auto;padding:28px;display:grid}.choice-load-error>span{font-size:3.5rem}.choice-load-error strong{font-size:clamp(1.35rem,3vw,2rem)}.choice-load-error p{color:var(--ink-soft);margin:0;font-weight:750}.bottom-hint{color:#617c96;text-align:center;margin:0;font-size:clamp(.875rem,1.5vw,1rem);font-weight:850}.test-footer{gap:7px;width:min(100%,1080px);margin:0 auto;display:grid}.progress-wrap{gap:7px;display:grid}.progress-copy{color:#58738e;justify-content:space-between;font-size:.875rem;font-weight:900;display:flex}.progress-track{background:#6897b82e;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #57b9ef, var(--mint));height:100%;transition:width .22s}.result-page{grid-template-columns:minmax(340px,.88fr) minmax(460px,1.12fr);align-items:start;gap:clamp(20px,3vw,36px);padding-top:clamp(28px,5vh,56px);padding-bottom:clamp(28px,5vh,56px);display:grid}.result-left{min-height:0}.result-page h1{max-width:620px;font-size:clamp(2.2rem,4vw,3.6rem)}.result-card,.lead-panel{box-shadow:var(--shadow);background:#ffffffe0;border:3px solid #80b1d23d;border-radius:30px}.result-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:26px;display:grid}.result-score{color:var(--blue)}.result-score span{font-size:clamp(3.4rem,7vw,6rem);font-weight:950;line-height:.9}.result-score small{font-size:1.4rem;font-weight:950}.mini-label{color:var(--blue);margin:0 0 8px;font-size:.875rem;font-weight:950}.result-meta{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.result-observations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 12px;display:grid}.restart-action{margin-top:18px}.result-meta span,.tag-list span{color:#446581;background:#e8f4fc;border-radius:999px;padding:8px 11px;font-size:.875rem;font-weight:850}.report-block{background:#f7fbfe;border:2px solid #dfedf6;border-radius:18px;padding:15px 17px}.report-block h2{margin-bottom:8px;font-size:clamp(1rem,1.8vw,1.25rem)}.report-block p,.caution-note{color:var(--ink-soft);margin-bottom:0;font-size:clamp(.875rem,1.35vw,.98rem);font-weight:700;line-height:1.5}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.lead-page{grid-template-rows:1fr;grid-template-columns:minmax(300px,.88fr) minmax(360px,1.12fr);align-items:center;gap:clamp(22px,4vw,58px)}.lead-copy{max-width:540px}.lead-panel{padding:clamp(20px,3vw,32px)}.lead-form{gap:15px;display:grid}.result-lead-panel{background:#fffffff5;align-self:start;position:sticky;top:24px}.result-lead-panel>.soft-copy{margin-bottom:16px;font-size:1rem}.review-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.review-steps span{color:#4f6d87;text-align:center;background:#eff8ff;border-radius:16px;justify-items:center;gap:7px;padding:12px 8px;font-size:.78rem;font-weight:850;display:grid}.review-steps strong{aspect-ratio:1;background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:28px;display:grid}.lead-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lead-form label,.field-title{color:#46647f;font-size:.9rem;font-weight:900}.lead-form label{gap:7px;display:grid}.field-title{margin-bottom:7px;display:block}.lead-form input:not([type=checkbox]){border:2px solid var(--line);width:100%;height:50px;color:var(--ink);background:#fff;border-radius:14px;padding:0 15px;font-size:1rem;font-weight:750}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-control button{border:2px solid var(--line);color:#52708b;background:#f7fbfe;border-radius:14px;min-height:46px;padding:7px 9px;font-weight:900;line-height:1.2}.segmented-control button.is-active{border-color:var(--blue);color:var(--blue-dark);background:#e8f2ff}.check-row{grid-template-columns:auto 1fr;align-items:start;line-height:1.5}.check-row input{width:22px;height:22px}.check-row a{color:var(--blue)}.form-error{color:#bd481f;margin:0;font-weight:900}.saved-box{text-align:center;justify-items:center;gap:12px;display:grid}.saved-icon{aspect-ratio:1;background:var(--mint);color:#fff;border-radius:22px;place-items:center;width:70px;font-size:2.4rem;font-weight:950;display:grid}.teacher-page,.privacy-page{background:radial-gradient(circle at 94% 5%,#37cba524,#0000 24rem),#eff8ff;min-height:100vh;padding:clamp(24px,4vw,56px)}.teacher-page{color:var(--ink)}.teacher-header{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto 24px;display:flex}.teacher-header h1{margin-bottom:8px}.teacher-header p:last-child{color:var(--ink-soft);margin-bottom:0;font-weight:750}.teacher-home-link{white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.teacher-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1320px;margin:0 auto 22px;display:grid}.teacher-summary article,.teacher-empty,.teacher-card,.privacy-page article{box-shadow:var(--shadow);background:#fffffff0;border:2px solid #80b1d23d;border-radius:24px}.teacher-summary article{gap:2px;padding:20px;display:grid}.teacher-summary strong{color:var(--blue);font-size:2rem}.teacher-summary span{color:var(--ink-soft);font-weight:850}.teacher-empty{text-align:center;max-width:1320px;margin:0 auto;padding:42px}.teacher-list{gap:18px;max-width:1320px;margin:0 auto;display:grid}.teacher-card{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;padding:clamp(20px,3vw,30px);display:grid}.teacher-card,.teacher-card-main,.teacher-review-form{min-width:0}.teacher-card-title{justify-content:space-between;align-items:start;gap:16px;display:flex}.teacher-card-title h2{margin:8px 0 14px}.teacher-score{color:var(--blue);font-size:clamp(2rem,4vw,3.2rem)}.review-badge{color:#8e6500;background:#fff2ca;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:950;display:inline-flex}.review-badge.reviewed{color:#11795e;background:#dcfaef}.teacher-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.teacher-details div{background:#f4f9fd;border-radius:14px;padding:12px}.teacher-details dt{color:var(--ink-soft);font-size:.78rem;font-weight:900}.teacher-details dd{margin:5px 0 0;font-weight:850}.teacher-caution{color:#8a5d17;font-size:.86rem;font-weight:750;line-height:1.55}.answer-details{margin-top:14px}.answer-details summary{cursor:pointer;color:var(--blue);font-weight:900}.answer-table-wrap{margin-top:10px;overflow-x:auto}.answer-table-wrap table{border-collapse:collapse;width:100%;font-size:.85rem}.answer-table-wrap th,.answer-table-wrap td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px}.teacher-review-form{background:#f4f9fd;border-radius:20px;align-content:start;gap:14px;padding:18px;display:grid}.teacher-review-form label{color:#46647f;gap:7px;font-size:.9rem;font-weight:900;display:grid}.teacher-review-form select,.teacher-review-form textarea{border:2px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px;padding:12px}.teacher-review-form textarea{resize:vertical}.teacher-save-message{margin:0;font-weight:900}.teacher-save-message.success{color:#11795e}.teacher-save-message.error{color:#bd481f}.privacy-page>.ghost-link{align-items:center;margin-bottom:18px;text-decoration:none;display:inline-flex}.privacy-page article{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,54px)}.privacy-page article p{color:var(--ink-soft);font-weight:700;line-height:1.75}.privacy-page article h2{margin-top:28px}@media (width<=899px){.page{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}h1{font-size:clamp(1.8rem,8vw,2.7rem)}.welcome-page{grid-template-rows:auto auto minmax(210px,1fr);grid-template-columns:1fr;align-content:start;gap:12px}.brand-bar{min-height:42px;padding:7px 13px;font-size:.9rem}.brand-logo{width:clamp(142px,42vw,184px)}.welcome-copy{text-align:center;justify-items:center;max-width:none;display:grid}.welcome-copy h1{margin:4px 0 12px;font-size:clamp(3rem,14vw,5rem)}.welcome-intro{max-width:440px;margin-bottom:13px;font-size:1rem}.welcome-facts{justify-content:center;margin-bottom:15px}.welcome-facts span{padding:8px 11px;font-size:.78rem}.hero-action{min-height:56px}.parent-note{margin-top:10px}.hero-showcase{grid-row:3;min-height:clamp(220px,37vh,390px)}.mascot-glow{inset:12% 14% 4%}.hero-mascot{width:86%;inset:0 7%}.mascot-speech{border-width:3px;padding:9px 13px;top:4%;right:5%}.orbit-one{width:42px;height:42px;top:4%;left:10%}.orbit-two{bottom:12%;right:10%}.orbit-three{bottom:18%;left:8%}.age-grid{grid-template-columns:1fr}.age-tile{min-height:138px;padding:16px}.choice-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-card{width:min(100%,620px);padding:clamp(24px,7vw,40px)}.top-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.top-bar .audio-control{width:100%}.audio-button{width:100%;min-width:0;min-height:56px;padding-right:14px;font-size:1rem}.result-page,.lead-page{grid-template-columns:1fr}.result-left{min-height:auto}.result-lead-panel{position:static}.teacher-card{grid-template-columns:minmax(0,1fr)}}@media (width<=520px) and (orientation:portrait){.help-pill{display:none}.top-bar{grid-template-columns:auto minmax(0,1fr)}.choice-grid{width:100%}.choice-card{aspect-ratio:1;border-radius:20px}.lead-form-row,.result-observations,.teacher-details,.review-steps{grid-template-columns:1fr}.review-steps span{text-align:left;grid-template-columns:auto 1fr;place-items:center start}.teacher-header{flex-direction:column;align-items:stretch}.teacher-summary{grid-template-columns:1fr}}@media (orientation:landscape) and (height<=520px){.page{padding:calc(6px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}h1{margin-bottom:6px;font-size:clamp(1.45rem,4vw,2rem)}.eyebrow{margin-bottom:5px}.soft-copy,.hero-copy p,.lead-copy p{font-size:.875rem;line-height:1.38}.welcome-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(170px,.62fr);align-items:center;gap:4px 20px}.brand-bar{grid-column:1/-1;justify-self:start;min-height:36px;padding:5px 11px}.brand-logo{width:clamp(126px,24vw,168px)}.welcome-copy{text-align:left;align-self:center;display:block}.welcome-copy .eyebrow{display:none}.welcome-copy h1{margin:0 0 6px;font-size:clamp(2.45rem,9vw,4.3rem)}.welcome-intro{margin-bottom:7px;font-size:.78rem;line-height:1.35}.welcome-facts{justify-content:flex-start;gap:5px;margin-bottom:8px}.welcome-facts span{border-radius:10px;padding:5px 8px;font-size:.7rem}.hero-action{border-radius:15px;min-width:min(100%,300px);min-height:45px}.parent-note{margin-top:5px;font-size:.68rem}.hero-showcase{grid-area:2/2;min-height:min(76vh,360px)}.mascot-speech{display:none}.age-page,.question-page{gap:7px}.age-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.age-tile{border-radius:18px;gap:6px;min-height:112px;padding:10px}.choice-grid,.choice-grid.count-4{grid-template-rows:1fr;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,1050px)}.choice-card{aspect-ratio:1.12;border-width:2px;border-radius:16px;padding:3px}.audio-button{border-radius:14px;min-height:46px;padding:0 12px 0 8px;font-size:.9rem}.audio-icon{border-radius:10px;width:32px;height:32px}.ghost-link{min-height:40px}.help-pill{padding:8px 10px;font-size:.78rem}.test-footer{gap:3px}.bottom-hint{display:none}.progress-wrap{gap:3px}.progress-track{height:7px}}@media (width>=900px) and (width<=1100px) and (orientation:portrait){.result-page,.lead-page{grid-template-columns:1fr}.result-lead-panel{position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.primary-action,.secondary-action,.ghost-link,.audio-button,.choice-card,.segmented-control button,.lead-form input{-webkit-tap-highlight-color:transparent}.primary-action{letter-spacing:.01em;background:linear-gradient(#4384ef,#2868dc);border:3px solid #154ba21a;border-bottom-color:#154ba24d;border-radius:19px;box-shadow:0 10px #164fae,0 18px 28px #2868dc38}.primary-action:hover:not(:disabled){background:linear-gradient(#4d8cf6,#2868dc);transform:translateY(1px);box-shadow:0 9px #164fae,0 20px 30px #2868dc40}.primary-action:active:not(:disabled){transform:translateY(7px);box-shadow:0 3px #164fae,0 10px 18px #2868dc33}.primary-action:disabled{background:#b6c8d9;border-color:#0000;box-shadow:0 6px #91a8bb}.ghost-link{background:#ffffffe6;border-color:#2f70e81a;justify-content:center;align-items:center;gap:6px;display:inline-flex}.step-kicker{color:var(--blue);justify-self:start;align-items:center;gap:8px;font-size:.95rem;font-weight:950;display:inline-flex}.step-kicker span{background:var(--yellow);color:#654e02;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.sound-page{place-items:center;display:grid;position:relative}.sound-card{text-align:left;background:radial-gradient(circle at 10% 8%,#ffd34f3b,#0000 13rem),#ffffffe6;border:5px solid #fffffff2;border-radius:42px;grid-template-columns:minmax(220px,.72fr) minmax(320px,1fr);width:min(940px,96vw);min-height:min(650px,82vh);padding:clamp(28px,4.5vw,52px);box-shadow:0 28px 80px #295c8129}.sound-card>:not(.sound-mascot){grid-column:2}.sound-mascot{object-fit:contain;filter:drop-shadow(0 22px 22px #23517729);grid-area:1/1/8;align-self:center;width:118%;max-height:480px;margin-left:-14%}.sound-card h1{margin:0;font-size:clamp(2.6rem,5vw,4.6rem)}.sound-card .soft-copy{margin-bottom:2px}.sound-card .audio-control{justify-items:stretch;width:100%}.sound-card .audio-button,.sound-card .primary-action{width:100%}.journey-dots{justify-content:center;gap:7px;margin-top:5px;display:flex}.journey-dots i{background:#d9e8f2;border-radius:99px;width:8px;height:8px}.journey-dots i.is-current{background:var(--blue);width:28px}.question-page{max-width:1180px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.top-bar{width:min(100%,1030px);min-height:68px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:3px solid #ffffffeb;border-radius:23px;padding:7px 9px}.top-bar .ghost-link{min-height:48px;box-shadow:none;border:0}.help-pill{color:#725b14;background:#fff5cb;border:0;align-items:center;gap:6px;display:inline-flex}.audio-button{background:linear-gradient(#4384ef,#2d6cdd);border:3px solid #1c50a51a;border-bottom-color:#1c50a547;border-radius:18px;box-shadow:0 6px #184fa8,0 12px 20px #2f70e833}.audio-button.is-playing{background:linear-gradient(#55d9b7,#2db28f);border-bottom-color:#127e6340;box-shadow:0 6px #17856d,0 12px 20px #2db28f33}.audio-icon{background:#ffffff38}.choice-grid{gap:clamp(11px,1.7vw,19px);width:min(100%,920px,138dvh - 303.6px)}.choice-card{aspect-ratio:1.38;background:#fffffff5;border:4px solid #70aed23d;border-bottom-color:#5792b759;border-radius:clamp(19px,2.3vw,29px);padding:clamp(6px,.8vw,10px);box-shadow:0 9px #a9ccdf9e,0 16px 30px #295c811f}@media (hover:hover) and (pointer:fine){.choice-card:hover:not(:disabled){border-color:#7ab9ee;transform:translateY(1px);box-shadow:0 8px #76b2dab3,0 18px 32px #295c8129}}.choice-card:active:not(:disabled){transform:translateY(6px)scale(.99);box-shadow:0 3px #76b2dab3,0 10px 18px #295c811f}.choice-card.is-selected{background:#edfff9;border-color:#34bf9b;transform:translateY(4px)scale(.985);box-shadow:0 5px #1d9d7d,0 0 0 7px #43c9a72e}.choice-card:disabled:not(.is-selected){opacity:.74}.choice-selected-mark{background:var(--mint);color:#fff;border:4px solid #fff;border-radius:50%;place-items:center;width:clamp(34px,4vw,46px);height:clamp(34px,4vw,46px);font-size:1.3rem;font-weight:950;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 7px 16px #2382683d}.test-footer{width:min(100%,1030px);padding:0 4px}.progress-copy{color:#526d86}.progress-track{background:#dceaf3;border:2px solid #fffc;height:12px}.progress-fill{background:linear-gradient(90deg,#2f70e8,#47cbb0,#ffd34f)}.bottom-hint{color:#5d7690}.result-page{grid-template-columns:minmax(360px,.94fr) minmax(400px,1.06fr);max-width:1180px}.result-heading{align-items:center;gap:13px;margin-bottom:14px;display:flex}.result-heading img{object-fit:contain;filter:drop-shadow(0 10px 12px #204f7424);width:98px;height:98px}.result-heading h1{margin:0;font-size:clamp(2rem,4vw,3.4rem)}.result-heading>div{min-width:0}.result-heading h1{text-wrap:balance}.result-left,.observed-main{min-width:0}.resume-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;display:flex}.resume-page h1{margin:0;font-size:clamp(2rem,6vw,3.5rem)}.resume-page p{max-width:34rem;margin:0}.resume-page button{width:min(100%,360px);min-height:52px}.result-heading .eyebrow{margin-bottom:4px}.result-card,.lead-panel{background:#ffffffe6;border:4px solid #fffffff5;box-shadow:0 20px 54px #295c8124}.result-card{background:radial-gradient(circle at 0 0,#ffd34f40,#0000 11rem),#fffffff0;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:clamp(20px,3vw,30px)}.observed-score{color:var(--blue);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.observed-score strong{font-size:clamp(3.4rem,7vw,5.7rem);font-weight:950;line-height:.95}.observed-score span{color:#4f6b87;font-size:1rem;font-weight:900}.observed-note{color:#607891;margin:8px 0 0;font-size:.9rem;font-weight:850}.estimate-basis{color:#526c84;overflow-wrap:anywhere;margin:8px 0 0;font-size:.8rem;line-height:1.6}.estimate-unavailable{margin:10px 0;font-size:1.6rem}.teacher-card .result-card{margin-top:16px}.review-stamp{color:#6a5512;text-align:center;background:#fff7d7;border:3px solid #ffbd2966;border-radius:23px;align-content:center;justify-items:center;min-width:132px;padding:15px;display:grid;transform:rotate(1.5deg)}.review-stamp span{font-size:.8rem;font-weight:900}.review-stamp strong{color:#e07145;margin:3px 0;font-size:1.35rem;font-weight:950}.review-stamp small{font-size:.72rem;font-weight:850}.result-meta span{background:#fff;box-shadow:0 6px 16px #295c8112}.result-observations{margin-top:13px}.report-block{background:#ffffffc7;border:3px solid #dfedf6}.result-lead-panel{border-radius:30px;padding:clamp(20px,3vw,32px);top:18px}.review-steps span{background:#eef8ff}.review-steps span:nth-child(2){background:#effcf7}.review-steps span:nth-child(3){background:#fff8dc}.review-steps span:nth-child(2) strong{background:var(--mint)}.review-steps span:nth-child(3) strong{background:#f5b832}.lead-form input:not([type=checkbox]){background:#fbfdff;border-width:3px;min-height:52px}.segmented-control button{border-width:3px;min-height:48px}.teacher-page,.privacy-page{background:radial-gradient(circle at 94% 5%,#43c9a72b,#0000 24rem),radial-gradient(circle at 5% 12%,#ffd34f3d,#0000 20rem),#f2faff}.teacher-summary article:first-child{border-top:6px solid var(--blue)}.teacher-summary article:nth-child(2){border-top:6px solid var(--yellow)}.teacher-summary article:nth-child(3){border-top:6px solid var(--mint)}@media (width<=899px){.sound-page{padding-top:calc(64px + env(safe-area-inset-top))}.sound-card{text-align:center;border-radius:30px;grid-template-columns:1fr;justify-items:center;width:min(100%,620px);min-height:0;padding:24px}.sound-card>:not(.sound-mascot){grid-column:1}.sound-mascot{grid-area:auto/1;width:150px;height:120px;margin:-15px 0 -8px}.step-kicker{justify-self:center}.sound-card h1{font-size:clamp(2.3rem,10vw,3.5rem)}.sound-page .ghost-link{top:calc(10px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}.result-page{padding-top:calc(16px + env(safe-area-inset-top));grid-template-columns:minmax(0,1fr)}.result-left{display:grid}.result-heading img{width:78px;height:78px}.result-lead-panel{position:static}}@media (width<=599px) and (orientation:portrait){.question-page{padding:calc(8px + env(safe-area-inset-top)) calc(9px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(9px + env(safe-area-inset-left));gap:9px}.top-bar{border-radius:18px;min-height:59px;padding:4px}.top-bar .ghost-link{min-width:50px;min-height:44px;padding:0 8px;font-size:.78rem}.top-bar .audio-button{border-radius:14px;min-height:48px;box-shadow:0 4px #184fa8,0 8px 14px #2f70e829}.top-bar .audio-icon{width:34px;height:34px}.help-pill{display:none}.choice-grid,.choice-grid.count-4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.choice-card{aspect-ratio:1.06;border-width:3px;border-radius:19px;box-shadow:0 6px #a9ccdfa6,0 10px 20px #295c811a}.test-footer{gap:4px}.progress-copy{font-size:.76rem}.progress-track{height:10px}.bottom-hint{font-size:.76rem}.result-heading{align-items:flex-end}.result-heading img{width:68px;height:68px}.result-heading h1{font-size:1.9rem}.result-card{border-radius:23px;grid-template-columns:minmax(0,1fr);padding:18px 15px}.observed-score strong{font-size:clamp(3rem,17vw,4.4rem)}.review-stamp{border-radius:18px;min-width:0;padding:11px 8px;transform:none}.review-stamp strong{font-size:1.35rem}.result-observations,.review-steps{grid-template-columns:1fr}.review-steps span{text-align:left;grid-template-columns:auto 1fr;place-items:center start}}@media (width<=380px){.result-card{grid-template-columns:minmax(0,1fr)}.review-stamp{min-width:0;transform:none}}@media (orientation:landscape) and (height<=520px){.question-page{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(176px,.62fr) minmax(0,1.72fr);gap:7px 12px;height:100dvh;min-height:0;padding-top:2px;padding-bottom:2px;display:grid;overflow:hidden}.question-page .top-bar{flex-direction:column;grid-area:1/1;justify-content:center;align-self:stretch;width:100%;min-height:0;padding:8px;display:flex}.top-bar .ghost-link{align-self:stretch}.top-bar .audio-control{width:100%}.top-bar .audio-button{width:100%;min-height:46px}.top-bar .help-pill{align-self:center}.question-page .choice-grid,.question-page .choice-grid.count-4,.question-page .choice-load-error{grid-area:1/2/3;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:8px;width:100%}.question-page .choice-card{aspect-ratio:1.62}.question-page .choice-load-error{height:90%;min-height:0;padding:16px}.question-page .test-footer,.question-page>.bottom-hint{grid-area:2/1;width:100%}.question-page .bottom-hint{display:none}.question-page .progress-copy{font-size:.7rem}.question-page .progress-track{height:8px}.sound-card{text-align:left;border-radius:26px;grid-template-columns:125px minmax(280px,1fr);gap:8px 18px;width:min(720px,90vw);min-height:0;padding:14px 20px}.sound-card>:not(.sound-mascot){grid-column:2}.sound-mascot{grid-area:1/1/8;width:150px;height:220px;margin-left:-16px}.step-kicker{justify-self:start}.sound-card h1{font-size:2.2rem}.sound-card .soft-copy{font-size:.76rem}.sound-card .audio-button,.sound-card .primary-action{min-height:43px}.journey-dots{display:none}}.primary-action,.secondary-action,.audio-button,.ghost-link{border-radius:999px}.primary-action,.secondary-action{justify-content:center;align-items:center;display:inline-flex}.playful-action{gap:13px;min-height:62px;padding:0 10px 0 27px}.button-charm{color:#27517d;background:linear-gradient(145deg,#ffe984,#ffd03f);border:2px solid #ffffffb3;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:transform .16s,box-shadow .16s;display:grid;transform:rotate(-4deg);box-shadow:inset 0 -3px #b5800629,0 4px #0f428533}.button-charm svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px;overflow:visible}.button-charm-sparkles svg{fill:currentColor;stroke:none}.primary-action:hover:not(:disabled) .button-charm,.secondary-action:hover:not(:disabled) .button-charm{transform:rotate(4deg)scale(1.06)}.primary-action:active:not(:disabled) .button-charm,.secondary-action:active:not(:disabled) .button-charm{transform:rotate(0)scale(.96);box-shadow:inset 0 -1px #b5800626,0 1px #0f428533}.primary-action:disabled .button-charm{filter:grayscale(.35);opacity:.72}.ghost-link.playful-ghost{gap:8px;min-height:46px;padding:4px 15px 4px 5px}.playful-ghost .button-charm{color:#23715f;background:linear-gradient(145deg,#dff9f2,#bcebdd);border-color:#ffffffd9;width:34px;height:34px;box-shadow:inset 0 -2px #207a651f,0 3px #235b841a}.playful-ghost .button-charm svg{width:20px;height:20px}.audio-button{padding:0 24px 0 9px}.audio-icon{color:#27517d;background:linear-gradient(145deg,#ffe984,#ffd03f);border:2px solid #ffffffad;border-radius:50%;transform:rotate(-3deg);box-shadow:inset 0 -3px #b5800629,0 4px #0f428533}.audio-button:hover:not(:disabled) .audio-icon{transform:rotate(3deg)scale(1.05)}.audio-button.is-playing .audio-icon{color:#19725e;background:#fff6bd}.secondary-action.playful-action{background:#ffffffeb;border:3px solid #2f70e821;padding-left:22px;box-shadow:0 6px #7fb2cf61,0 12px 20px #295c811a}@media (width<=599px) and (orientation:portrait){.top-bar .audio-button{border-radius:999px;gap:7px;padding:0 10px 0 5px}.top-bar .ghost-link.playful-ghost{border-radius:999px;gap:5px;padding:3px 8px 3px 3px}.top-bar .ghost-link.playful-ghost .button-charm{width:32px;height:32px}}@media (orientation:landscape) and (height<=520px){.top-bar .audio-button,.sound-card .audio-button,.sound-card .primary-action{border-radius:999px}.sound-card .primary-action.playful-action{min-height:46px}.sound-card .button-charm{width:34px;height:34px}}.site-registration{padding:16px 20px calc(20px + env(safe-area-inset-bottom));color:var(--ink-soft);text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:12px;line-height:1.6;display:flex}.site-registration a{color:inherit;text-underline-offset:3px}:root{--ink-soft:#4c647e;font-family:system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{font-size:18px;font-weight:400;line-height:1.65}.welcome-intro,.soft-copy,.hero-copy p,.lead-copy p,.sound-card .soft-copy{font-size:20px;font-weight:500;line-height:1.65}.welcome-audio-status,.help-pill,.bottom-hint,.progress-copy,.audio-message{font-size:18px;font-weight:500;line-height:1.65}.welcome-facts span{color:var(--ink-soft);padding:8px;font-size:16px;font-weight:500;line-height:1.5}.welcome-facts strong{font-weight:600}.parent-note{font-size:16px;font-weight:400;line-height:1.6}.welcome-audio-status,.parent-note,.help-pill,.bottom-hint,.progress-copy{color:var(--ink-soft)}.audio-message{color:#81420d}.primary-action,.secondary-action,.audio-button,.ghost-link.playful-ghost,.top-bar .audio-button,.top-bar .ghost-link.playful-ghost,.sound-card .audio-button,.sound-card .primary-action.playful-action{min-height:56px;font-size:20px;font-weight:600;line-height:1.65}.primary-action:not(:disabled),.audio-button:not(:disabled):not(.is-playing){background:linear-gradient(#2e6ed1,#2059be)}.primary-action:hover:not(:disabled),.audio-button:hover:not(:disabled):not(.is-playing){background:linear-gradient(#3272d2,#2059be)}.primary-action:active:not(:disabled),.audio-button:active:not(:disabled):not(.is-playing){background:linear-gradient(#2866ca,#2059be)}.audio-button.is-playing,.audio-button.is-playing:hover,.audio-button.is-playing:active{color:#123d35;background:linear-gradient(#55d9b7,#2db28f)}@media (width>=768px) and (height>=600px){.welcome-intro,.soft-copy,.hero-copy p,.lead-copy p,.sound-card .soft-copy{font-size:24px}.primary-action,.secondary-action,.audio-button,.ghost-link.playful-ghost,.top-bar .audio-button,.top-bar .ghost-link.playful-ghost,.sound-card .audio-button,.sound-card .primary-action.playful-action{font-size:22px}}