.answer-theatre{min-width:0;padding-block:var(--sp-fluid-lg)}.answer-theatre-heading{max-width:46rem}.answer-theatre-heading h2{font-size:var(--fs-2xl);margin-block:.6em;line-height:1.1}.answer-theatre-heading p,.answer-theatre-footer p{color:var(--text-muted)}.answer-theatre-choices,.answer-theatre-controls,.answer-theatre-footer{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.answer-theatre-choices{margin-block:1.5rem}.answer-theatre button,.answer-theatre-footer a{min-height:var(--tap-min);border:1px solid var(--grid-line);background:var(--surface-elevated);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:2rem;padding:.65rem 1rem}.answer-theatre button[aria-pressed=true]{border-color:var(--presence);background:color-mix(in oklab, var(--presence) 15%, var(--surface-elevated))}.answer-theatre-player{border:1px solid var(--grid-line);background:var(--ob-card);clip-path:inset(0 round 1.25rem);border-radius:1.25rem;grid-template-rows:1fr auto auto;grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);min-height:clamp(36rem,46vw,46rem);display:grid;position:relative}.answer-theatre-player[data-playing=false]{--ambient-play:paused}.answer-theatre-prompt{background:var(--ob-art);flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(1.5rem,3vw,3rem);display:flex}.answer-theatre-prompt>div:last-child{min-width:0}.answer-theatre-presence{flex:none;padding:.5rem}.answer-theatre-presence .presence{--face-size:3.5rem;margin:0;position:relative;inset:auto}.answer-theatre-progress{background:var(--ob-art);flex-direction:column;gap:.3rem;padding:0 1.5rem 1rem;display:flex}.answer-theatre-progress button{text-align:left;color:var(--ob-muted);background:0 0;border:0;border-radius:.5rem;align-items:center;gap:1rem;display:flex}.answer-theatre-progress button[aria-pressed=true]{background:var(--ob-card);color:var(--ob-ink);box-shadow:0 .75rem 1.5rem -1.25rem color-mix(in oklab, var(--ob-green) 70%, transparent)}.answer-theatre-progress button span{font-family:var(--font-data,monospace);color:var(--ob-green)}.answer-theatre-canvas .card-grid>:last-child{animation:.85s cubic-bezier(.16,1,.3,1) both answer-theatre-arrive}.answer-theatre-player[data-paused=true] .answer-theatre-presence *,.answer-theatre-player[data-paused=true] .answer-theatre-presence :before,.answer-theatre-player[data-paused=true] .answer-theatre-presence :after{animation-play-state:paused!important}@keyframes answer-theatre-arrive{0%{opacity:0;filter:blur(5px);translate:0 1.5rem;scale:.975}to{opacity:1;filter:blur();translate:0;scale:1}}.answer-theatre-prompt span{font-size:var(--fs-xs);color:var(--text-muted)}.answer-theatre-prompt p{max-width:65ch;margin:.5rem 0 0;font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.5}.answer-theatre-controls{border-block:1px solid var(--grid-line);font-size:var(--fs-sm);background:var(--ob-art);justify-content:space-between;padding:.75rem 1.25rem}.answer-theatre-canvas{grid-area:1/2/4;align-content:center;min-width:0;min-height:0;padding:clamp(1rem,3vw,3rem);position:relative}.answer-theatre-canvas:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 28%, color-mix(in oklab, var(--presence) 13%, transparent), transparent 24%), radial-gradient(circle at 82% 72%, color-mix(in oklab, var(--insight) 9%, transparent), transparent 27%);opacity:.8;animation:12s ease-in-out infinite alternate answer-canvas-aura;animation-play-state:var(--ambient-play,running);position:absolute;inset:-30%}.answer-theatre-canvas .topic-canvas{z-index:1;min-width:0;height:100%;position:relative}.answer-theatre-canvas .card-grid{align-items:start;display:block}.answer-theatre-canvas .card-grid>*{width:100%;max-width:none}.answer-theatre-canvas .card{box-shadow:none;background:0 0;border-color:#0000}.answer-theatre-canvas .card-grid>*{height:100%}.answer-theatre-canvas[data-preview-type=trainingcurve] .card{flex-direction:column;min-height:0;display:flex}.answer-theatre-canvas[data-preview-type=trainingcurve] .card>svg{flex:1 1 0;width:100%;height:100%;min-height:0;max-height:none;overflow:hidden!important}@media (width>768px){.answer-theatre-canvas[data-preview-type=maproute] .mr-map,.answer-theatre-canvas[data-preview-type=maproute] .geo-map-empty{height:clamp(12rem,16vw,15rem)}.answer-theatre-canvas[data-preview-type=maproute] .mr-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.answer-theatre-canvas[data-preview-type=maproute] .mr-row{min-width:0}}.answer-theatre-canvas .c2-plot-svg{max-height:20rem}.answer-theatre-canvas .canvas-title{font-size:var(--fs-xl)}.answer-cycle-key{display:none}@keyframes answer-canvas-aura{0%{translate:-3% -2%;scale:.96}to{translate:3% 2%;scale:1.08}}@media (prefers-reduced-motion:no-preference){.answer-theatre-canvas[data-preview-type=cyclewheel] .dg-cw-link{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s ease-out .18s both answer-cycle-draw}.answer-theatre-canvas[data-preview-type=cyclewheel] .dg-cw-node{transform-origin:50%;animation:.65s cubic-bezier(.16,1,.3,1) both answer-cycle-node}.answer-theatre-canvas[data-preview-type=cyclewheel] .dg-cw-node:nth-of-type(2){animation-delay:.11s}.answer-theatre-canvas[data-preview-type=cyclewheel] .dg-cw-node:nth-of-type(3){animation-delay:.22s}.answer-theatre-canvas[data-preview-type=cyclewheel] .dg-cw-node:nth-of-type(4){animation-delay:.33s}}@keyframes answer-cycle-draw{to{stroke-dashoffset:0}}@keyframes answer-cycle-node{0%{opacity:0;scale:.72}to{opacity:1;scale:1}}@media (width<=768px){.answer-theatre-canvas[data-preview-type=trainingcurve] svg[role=img]{min-width:0!important}.answer-theatre-canvas[data-preview-type=trainingcurve] svg[role=img] text{font-size:var(--fs-xs)}.answer-theatre-canvas .dg-cw-svg{min-width:0!important;min-height:0!important}.answer-theatre-canvas .dg-cw-svg text{display:none}.answer-cycle-key{gap:1rem;margin-top:1rem;padding-left:1.5rem;display:grid}.answer-cycle-key strong,.answer-cycle-key span{display:block}.answer-cycle-key span{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.answer-theatre-player{min-height:0;display:block}.answer-theatre-prompt{flex-direction:row;padding:1.25rem}.answer-theatre-progress{flex-flow:wrap;padding:1rem}.answer-theatre-progress button{font-size:var(--fs-sm);flex:1}}.answer-theatre-footer{font-size:var(--fs-sm);justify-content:space-between;margin-top:1rem}.answer-theatre-loading{padding:3rem 1rem}.answer-theatre-immersive{padding-block:0;position:relative}.answer-theatre-immersive .answer-theatre-heading{border-top:1px solid var(--ob-line);justify-content:space-between;align-items:baseline;gap:1rem;max-width:none;padding-top:1.5rem;display:flex}.ob-page .answer-theatre-immersive .answer-theatre-heading h2{font-family:var(--font-serif,Georgia, serif);font-size:var(--fs-xl);letter-spacing:-.025em;margin:0}.answer-theatre-immersive .answer-theatre-heading p{font-size:var(--fs-sm)}.answer-theatre-immersive .answer-theatre-choices{margin-block:1rem 1.5rem}.answer-theatre-immersive .answer-theatre-choices button{border-color:var(--ob-line);color:var(--ob-muted);background:0 0}.answer-theatre-immersive .answer-theatre-choices button[aria-pressed=true]{color:var(--ob-ink);background:var(--ob-art);border-color:var(--ob-green)}.answer-theatre-immersive .answer-theatre-player{border:1px solid var(--ob-line);clip-path:inset(0 round .5rem 2.5rem .5rem .5rem);background:var(--ob-card);box-shadow:0 1.5rem 4rem -2rem color-mix(in oklab, var(--ob-green) 25%, transparent);border-radius:.5rem 2.5rem .5rem .5rem;grid-template-columns:minmax(15rem,.6fr) minmax(0,1.4fr)}.answer-theatre-immersive .answer-theatre-prompt{gap:.75rem;padding:clamp(1.5rem,3vw,3rem)}.answer-theatre-immersive .answer-theatre-prompt p{font-family:var(--font-serif,Georgia, serif);letter-spacing:-.025em;font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.3}.answer-theatre-immersive .answer-theatre-presence .presence{--face-size:4.5rem}.answer-theatre-prompt .answer-question-word{font:inherit;color:inherit;animation:.5s both answer-word-arrive}@keyframes answer-word-arrive{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}.answer-theatre-immersive .c2-plot-svg polyline{animation:2s both answer-trace}@keyframes answer-trace{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.answer-theatre-immersive .answer-theatre-canvas{min-height:30rem;padding:clamp(1.5rem,3vw,3rem)}.answer-theatre-immersive .answer-theatre-canvas .card{background:0 0;border-color:#0000}.answer-theatre-immersive .answer-theatre-canvas .big{letter-spacing:-.06em;font-size:clamp(3rem,5vw,6rem)}.answer-theatre-immersive .answer-theatre-canvas .card-grid>:last-child{animation:.85s cubic-bezier(.16,1,.3,1) both answer-theatre-arrive}@media (width<=768px){.answer-theatre-immersive .answer-theatre-heading{display:block}.answer-theatre-immersive .answer-theatre-heading p{margin-top:.5rem}.answer-theatre-immersive .answer-theatre-canvas{min-height:0;padding:1rem}.answer-theatre-immersive .answer-theatre-prompt p{font-size:var(--fs-xl)}}@media (prefers-reduced-motion:reduce){.answer-theatre *,.answer-theatre :before,.answer-theatre :after{transition:none!important;animation:none!important}}
