.pm-section:has(.pm-voice-layout){max-width:1200px}.pm-voice-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}.pm-voice-layout .pm-quiz{min-width:0}.quiz-voice{text-align:center;padding:10px 0;color:var(--primary);--voice-level:0;--voice-bass:0;--voice-mid:0}.quiz-voice [hidden]{display:none!important}.quiz-voice h2{font:normal 21px/1.3 Georgia,serif;margin:12px 0}.quiz-voice .caption{font-size:13px;line-height:1.8;color:var(--muted);min-height:65px;overflow-wrap:anywhere;margin:0 auto;max-width:260px}.quiz-voice .companion-stage{height:190px;display:grid;place-items:center;position:relative}.quiz-voice .voice-glow{position:relative;width:126px;height:126px;transform:scale(calc(1 + var(--voice-level)*.14))}.quiz-voice .glow-core{position:absolute;inset:7px;border-radius:48% 52% 57% 43% / 49% 44% 56% 51%;background:radial-gradient(circle at 34% 25%,#ecf8c7 0%,#c1d9a2 26%,#79ad8a 58%,#286657 100%);box-shadow:inset -9px -13px 25px #28594a33,inset 4px 5px 17px #ffffefb0,0 10px 24px #44785b18;transform:scaleX(calc(1 + var(--voice-bass)*.12)) scaleY(calc(1 - var(--voice-mid)*.08))}.quiz-voice .glow-halo{position:absolute;inset:-19px;border-radius:50%;background:radial-gradient(circle,#afdb88a8,#8fcaa94d 35%,transparent 70%);filter:blur(7px);opacity:calc(.35 + var(--voice-level)*.65);transform:scale(calc(1 + var(--voice-level)*.65))}.quiz-voice .glow-sheen{position:absolute;width:51px;height:22px;top:24px;left:21px;border-radius:50%;background:#f6ffe788;filter:blur(8px);transform:rotate(-35deg)}.quiz-voice .glow-orbit{position:absolute;inset:-6px;border:1px solid #9fbd9155;border-radius:50%;transform:rotate(-25deg) scale(calc(1 + var(--voice-level)*.35));opacity:calc(.4 + var(--voice-level)*.6)}.quiz-voice .companion-status{font-size:10px;color:#5f7960;text-transform:uppercase;letter-spacing:.1em;margin:0}.quiz-voice .voice-bars{height:36px;display:flex;align-items:center;justify-content:center;gap:4px;margin:12px 0}.quiz-voice .voice-bars i{width:4px;height:calc(4px + var(--band-level,0)*32px);border-radius:8px;background:#719878}.quiz-voice .button{font-size:13px;min-height:46px}.quiz-voice .voice-link{display:block;border:0;background:none;color:var(--primary);text-decoration:underline;text-underline-offset:3px;margin:2px auto;padding:9px;font-size:12px;cursor:pointer}.quiz-voice .voice-link:disabled{opacity:.5;cursor:default}.quiz-voice .voice-note,.quiz-voice .voice-allowance{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0}.quiz-voice .voice-appearance{font-size:10px}.quiz-voice .voice-error{font-size:12px;line-height:1.6;color:#854a2a;border:1px solid #d9b78d;border-radius:8px;padding:12px;background:#fff6e9}.voice-choice-note{font-size:12px;line-height:1.7;padding:12px;background:#eef4eb;border:1px solid #cdd7c6;border-radius:7px;color:var(--primary)}.pm-choice-letter{font-size:12px;display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border:1px solid #ccd6c7;border-radius:5px}.quiz-voice :is(button,a):focus-visible{outline:3px solid #247558;outline-offset:3px}.quiz-voice .little-guide{display:none;position:relative;width:154px;height:162px;transform:translateY(calc(var(--voice-level)*-6px))}.quiz-voice[data-concept=guide] .voice-glow{display:none}.quiz-voice[data-concept=guide] .little-guide{display:block}.quiz-voice .guide-body{position:absolute;bottom:8px;left:18px;width:118px;height:116px;border-radius:48% 48% 42% 42%;background:radial-gradient(ellipse at 28% 23%,#e4efba,#b9d196 48%,#91b580);border:1px solid #92af7890;box-shadow:inset -5px -7px 12px #7c995320,0 9px 18px #4c704312}.quiz-voice .guide-stem{position:absolute;height:25px;width:5px;left:75px;top:23px;background:#638350;border-radius:5px;transform:rotate(-8deg)}.quiz-voice .leaf{position:absolute;background:#91b879;border:1px solid #789b60;top:6px;height:25px;width:40px;z-index:1}.quiz-voice .leaf-left{left:38px;border-radius:5px 90% 5px 90%;transform:rotate(8deg)}.quiz-voice .leaf-right{left:76px;top:1px;border-radius:90% 5px 90% 5px;transform:rotate(-6deg)}.quiz-voice .eye{position:absolute;top:40px;width:8px;height:12px;border-radius:50%;background:#274c38}.quiz-voice .eye-left{left:32px}.quiz-voice .eye-right{right:32px}.quiz-voice .mouth{position:absolute;top:57px;left:49px;width:18px;height:10px;border:2px solid #426548;border-top:0;border-radius:0 0 14px 14px}.quiz-voice[data-state=speaking] .mouth{height:calc(3px + var(--voice-level)*18px);background:#426548;border-radius:50%;width:12px;left:52px}.quiz-voice .cheek{position:absolute;top:55px;width:17px;height:8px;border-radius:50%;background:#d99b7966}.quiz-voice .cheek-left{left:18px}.quiz-voice .cheek-right{right:18px}
@media(max-width:800px){.pm-voice-layout{grid-template-columns:1fr;gap:16px}.quiz-voice{display:grid;grid-template-columns:100px minmax(0,1fr);gap:0 12px;text-align:left;border-top:1px solid var(--line);padding-top:18px}.quiz-voice .companion-stage{grid-column:1;grid-row:1/7;height:150px;transform:scale(.65)}.quiz-voice>:not(.companion-stage){grid-column:2}.quiz-voice .caption{min-height:0;max-width:none;margin:0}.quiz-voice .voice-bars{justify-content:start;margin:6px 0}.quiz-voice .voice-link{margin-left:0;text-align:left;padding-left:0}.quiz-voice .button{justify-self:start}.quiz-voice h2{font-size:19px}.quiz-voice .voice-note,.quiz-voice .voice-allowance{margin:6px 0}}
@media(prefers-reduced-motion:reduce){.quiz-voice :is(.voice-glow,.glow-core,.glow-orbit,.glow-halo,.little-guide){transform:none!important}.quiz-voice .mouth{height:8px!important}.quiz-voice .voice-bars i{height:8px!important}}