.opinion-page{--apple:#839d70;--apple-soft:#a6b798;--reply:#a59168}
.test-label{justify-self:end;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.test-label i{width:5px;height:5px;border-radius:50%;background:var(--apple)}
.opinion-main{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:20px;width:min(1160px,100%);margin:auto;padding:68px 50px 90px}
.opinion-kicker{margin:0 0 27px;font-size:9px;letter-spacing:.12em;color:var(--muted)}
.opinion-intro h1{margin:0;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.055em}
.opinion-intro h1 em{font-style:normal;color:var(--apple)}
.opinion-description{margin:28px 0 40px;color:var(--secondary);font-size:13px;line-height:1.9}
.opinion-choices{display:grid;max-width:300px;gap:10px}
.opinion-choice{min-height:50px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);font-size:11px;transition:border-color 240ms ease,background 240ms ease,opacity 240ms ease}
.opinion-choice span:last-child{color:var(--muted);transition:transform 240ms ease}
.opinion-choice:hover:not(:disabled),.opinion-choice:focus-visible{border-color:var(--apple);background:color-mix(in srgb,var(--apple) 5%,var(--paper))}
.opinion-choice:hover:not(:disabled) span:last-child{transform:translate(2px,-2px)}
.opinion-choice.chosen{border-color:var(--apple);background:color-mix(in srgb,var(--apple) 5%,var(--paper))}
.opinion-choice:disabled:not(.chosen){opacity:.35}
.opinion-hint{font-size:9px;line-height:1.7;color:var(--muted);margin:15px 0 0;max-width:300px}
.opinion-theatre{position:relative;min-width:0;padding-top:60px}
.opinion-speech{position:absolute;top:22px;left:0;width:100%;text-align:center;margin:0;font-size:13px;line-height:1.5;letter-spacing:-.01em;transition:color 220ms ease}
.opinion-speech:after{content:'';display:block;width:1px;height:22px;margin:14px auto 0;background:var(--line)}
.opinion-scene{width:100%;aspect-ratio:640/420;color:var(--ink)}
.opinion-scene>svg{display:block;width:100%;height:auto;overflow:visible}
.opinion-scene #hatch{transform-box:view-box;transform-origin:320px 118px;transform:translateY(-50px) scaleY(.22);transition:transform 680ms cubic-bezier(.5,0,.25,1)}
.opinion-scene .hatch-supports{transition:opacity 350ms ease}
.opinion-scene[data-state=closed] .hatch-supports{opacity:0}
.opinion-scene #opinion-ticket{transform-box:view-box;transform-origin:320px 245px;opacity:0;transform:translateY(-60px) rotate(-8deg);transition:transform 900ms cubic-bezier(.22,.8,.25,1),opacity 220ms ease}
.opinion-scene #falling-apple{opacity:0;transform:translateY(-70px);transition:transform 750ms cubic-bezier(.3,0,.7,1),opacity 180ms ease}
.opinion-scene #cargo-apples{transform-box:view-box;transform-origin:320px 290px}
.opinion-scene #tail-lights,.opinion-scene .hatch-lights{opacity:.45;transition:opacity 150ms ease}
.opinion-scene[data-state=thinking] #opinion-ticket{opacity:1;transform:translateY(-36px) rotate(-6deg)}
.opinion-scene[data-state=filing] #opinion-ticket,.opinion-scene[data-state=closed] #opinion-ticket{opacity:1;transform:translateY(0) rotate(0)}
.opinion-scene[data-state=closed] #hatch{transform:translateY(0) scaleY(1)}
.opinion-scene[data-state=closed] #tail-lights,.opinion-scene[data-state=approved] #tail-lights,.opinion-scene[data-state=closed] .hatch-lights,.opinion-scene[data-state=approved] .hatch-lights{animation:opinion-blink 650ms ease 700ms 1 both}
.opinion-scene[data-state=praising] #falling-apple,.opinion-scene[data-state=approved] #falling-apple{opacity:1;transform:translateY(0)}
.opinion-scene[data-state=approved] #cargo-apples{animation:apple-nod 450ms ease 1}
.opinion-caption{text-align:center;min-height:96px;margin-top:-15px}
.opinion-status{font-size:10px;line-height:1.8;color:var(--muted);min-height:36px;margin:0}
.opinion-reset{font-size:10px;padding:10px 4px;min-height:44px;border-bottom:1px solid var(--line);margin-top:10px}
.opinion-reset span{display:inline-block;margin-left:22px;color:var(--apple);transition:transform 260ms ease}
.opinion-reset:hover span{transform:rotate(-45deg)}
.opinion-footer{justify-content:space-between;gap:18px;padding:22px 30px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.04em;color:var(--muted)}
.opinion-noscript{text-align:center;font-size:12px;padding:20px}
@keyframes opinion-blink{0%,35%,75%,100%{opacity:.45}15%,55%{opacity:1}}
@keyframes apple-nod{0%,100%{transform:translateY(0)}45%{transform:translateY(3px)}}
@media(min-width:761px) and (max-height:690px){.opinion-main{padding-top:30px;padding-bottom:38px}.opinion-intro h1{font-size:48px}.opinion-description{margin:20px 0 24px}}
@media(max-width:760px){.opinion-page .header{padding:0 20px}.test-label{font-size:7px}.test-label i{display:none}.opinion-page .story-back span{display:none}.opinion-main{grid-template-columns:1fr;gap:0;padding:38px 24px 26px;max-width:500px}.opinion-intro{text-align:center}.opinion-kicker{margin-bottom:19px;font-size:8px}.opinion-intro h1{font-size:43px}.opinion-description{font-size:12px;margin:19px 0 0}.opinion-theatre{grid-row:2;padding-top:55px;margin:28px 0 0}.opinion-speech{top:10px;font-size:12px}.opinion-speech:after{height:16px;margin-top:9px}.opinion-choices{max-width:none;margin-top:28px;grid-template-columns:1fr 1fr;gap:8px}.opinion-choice{padding:0 12px;font-size:10px;gap:8px}.opinion-hint{max-width:none;font-size:8px;margin-top:12px}.opinion-caption{margin-top:-5px;min-height:73px}.opinion-reset{margin-top:0}.opinion-footer{justify-content:center;text-align:center;gap:12px;padding:22px 20px;font-size:8px}.opinion-footer span:last-child{flex-basis:100%}}
@media(max-width:360px){.test-label{max-width:64px;white-space:normal;line-height:1.5;text-align:right}.opinion-main{padding-right:20px;padding-left:20px}.opinion-intro h1{font-size:38px}.opinion-choice{font-size:9px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.opinion-scene *{animation:none!important;transition:none!important}}