/* Deliberate stacking: scenery stays visible behind readable content. */
html #root:before{display:none!important}body{isolation:isolate}#root{position:relative;z-index:1}html #root>.bg-bg{background:rgb(var(--bg)/.90)}
.ap22-landscape{--scene-x:0px;--scene-y:0px;pointer-events:none;overflow:hidden}.ap22-landscape svg{width:100%;height:100%;display:block}.ap22-sky{fill:#dcebea}.ap22-sun{fill:#f9ca80}.ap22-stars{opacity:0}.dark .ap22-sky{fill:#152b40}.dark .ap22-sun{fill:#e8efc8}.dark .ap22-stars{opacity:1}.dark .ap22-far{filter:brightness(.52) saturate(.85)}.dark .ap22-mid{filter:brightness(.55)}.dark .ap22-near{filter:brightness(.58)}
#ap22-ambient{position:fixed;inset:0;z-index:0;opacity:.65}.ap22-cloud{animation:ap22-cloud-drift 34s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.ap22-cloud-b{animation-duration:49s;animation-direction:alternate-reverse}.ap22-far{transform:translate(calc(var(--scene-x)*.3),calc(var(--scene-y)*.3))}.ap22-mid{transform:translate(calc(var(--scene-x)*.7),calc(var(--scene-y)*.7))}.ap22-near{transform:translate(var(--scene-x),var(--scene-y))}.ap22-far,.ap22-mid,.ap22-near{transition:transform .7s ease-out}
html #root main .ap2-dashboard section.bg-navy{isolation:isolate;background:rgb(var(--surface));padding-bottom:76px}html #root main .ap2-dashboard section.bg-navy:before,html #root main .ap2-dashboard section.bg-navy:after,html #root main .ap2-dashboard section.bg-navy>.grid-bg{display:none!important}html #root main .ap2-dashboard section.bg-navy>.ap22-hero-scene{position:absolute;inset:0;z-index:0}.ap22-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,248,247,.98),rgba(243,248,247,.92) 36%,rgba(243,248,247,.1) 90%)}.dark .ap22-hero-scene:after{background:linear-gradient(90deg,rgba(14,28,44,.98),rgba(14,28,44,.91) 36%,rgba(14,28,44,.15) 90%)}html #root main .ap2-dashboard section.bg-navy>:not(.ap22-hero-scene):not(svg):not(.grid-bg){position:relative;z-index:1}html #root main .ap2-dashboard section.bg-navy>[data-scenery-toggle]{position:absolute;left:24px;bottom:18px;top:auto;right:auto;z-index:2;background:rgb(var(--surface)/.92);color:rgb(var(--ink));border:1px solid rgb(var(--line));border-radius:20px;padding:8px 13px;font-size:12px;min-height:36px;cursor:pointer}html #root main .ap2-dashboard section.bg-navy>[data-scenery-toggle]:disabled{cursor:default;opacity:.65}
html[data-scenery=plain] .ap22-landscape,html[data-scenery=plain] [data-scenery-toggle]{display:none!important}html[data-scenery-paused=true] .ap22-cloud,html[data-scenery-hidden=true] .ap22-cloud{animation-play-state:paused}html[data-scenery-paused=true] .ap22-far,html[data-scenery-paused=true] .ap22-mid,html[data-scenery-paused=true] .ap22-near{transform:none!important;transition:none}@keyframes ap22-cloud-drift{from{transform:translateX(-40px)}to{transform:translateX(60px)}}
@media(prefers-reduced-motion:reduce){.ap22-cloud{animation:none}.ap22-far,.ap22-mid,.ap22-near{transform:none!important;transition:none}}@media(max-width:640px){.ap22-hero-scene:after{background:linear-gradient(90deg,rgba(243,248,247,.97),rgba(243,248,247,.80) 65%,rgba(243,248,247,.50))}.dark .ap22-hero-scene:after{background:linear-gradient(90deg,rgba(14,28,44,.97),rgba(14,28,44,.82) 65%,rgba(14,28,44,.55))}}
.ex22-feedback{margin:16px 0;padding:16px;border-radius:14px;background:rgb(var(--surface2));border:1px solid rgb(var(--line));line-height:1.65}.ex22-feedback h3{margin:0 0 8px;font-size:15px}.ex22-feedback p{margin:7px 0}.ex22-feedback ul{padding-left:20px}.ex22-status{display:inline-block;font-size:12px;font-weight:650;border-radius:99px;padding:4px 10px;background:rgb(var(--surface2));color:rgb(var(--ink));margin-bottom:10px}.ex20-review[data-result=wrong]{border-left:3px solid #d28c80}.ex20-review[data-result=partial]{border-left:3px solid #d5b96d}.ex20-review[data-result=correct]{border-left:3px solid #75b59d}.ex22-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ex22-answer-grid>div{min-width:0;padding:12px;border:1px solid rgb(var(--line));border-radius:12px;overflow-wrap:anywhere}.ex22-answer-grid b{display:block;margin-bottom:6px;font-size:12px}.ex22-review-text{white-space:pre-wrap}.ex22-filter{display:flex;gap:8px;align-items:center;margin:20px 0;flex-wrap:wrap}.ex22-filter button[aria-pressed=true]{background:rgb(var(--accent)/.15);border-color:rgb(var(--accent))}.ex22-comparison{display:grid;grid-template-columns:70px 1fr 1fr;gap:6px;margin:8px 0;font-size:13px}.ex22-checklist{padding-left:20px}.ex22-checklist li{margin-bottom:8px}.ex22-note{font-size:12px;color:rgb(var(--muted));line-height:1.6}.ex22-draft{padding:10px 14px;margin-bottom:14px;border:1px solid rgb(var(--line));border-radius:12px;font-size:13px;background:rgb(var(--surface));color:rgb(var(--muted))}@media(max-width:600px){.ex22-answer-grid{grid-template-columns:1fr}}