.encounter-page{max-width:1440px;padding:0 var(--x-gutter) var(--x-space-16);background:var(--x-ground);color:var(--x-ink);margin-inline:auto}.encounter-page :is(h2,h3):not(.specimen-name){overflow-wrap:anywhere}.encounter-page :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent;touch-action:manipulation}.encounter-page>.x-page-header{margin-bottom:var(--x-space-6)}.encounter-stage-section{align-items:start;gap:var(--x-space-6) clamp(var(--x-space-6), 4vw, var(--x-space-16));grid-template:"stage words""stage panel"1fr"bottom bottom"/minmax(0,1fr) minmax(320px,420px);display:grid}.organism-stage{isolation:isolate;min-width:0;padding:var(--x-space-4) var(--x-space-4) var(--x-space-5);border:1px solid var(--x-scene-line);border-radius:var(--x-radius-xl);background:radial-gradient(ellipse at 50% 42%, color-mix(in oklab, var(--x-scene-2) 55%, var(--x-scene-sunken)) 0%, var(--x-scene-sunken) 62%);grid-area:stage;position:relative;overflow:hidden}.stage-grain{z-index:2;pointer-events:none;border-radius:inherit;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.organism-stage>.reaction-field{z-index:0;border-radius:inherit}.specimen-viewer{z-index:1;width:100%;min-width:0;position:relative}.specimen-orbit{aspect-ratio:1/1.03;touch-action:pan-y;cursor:grab;outline-offset:-4px;border-radius:var(--x-radius-lg);perspective:1050px;isolation:isolate;place-items:center;min-width:0;max-height:min(72svh,760px);margin-inline:auto;display:grid;position:relative}.specimen-orbit.is-dragging{cursor:grabbing;touch-action:none}.specimen-turntable{aspect-ratio:1;width:100%;max-width:100%;height:100%;transform:rotateX(var(--turn-x,0deg)) rotateY(var(--turn-y,0deg));transform-style:preserve-3d;transition:transform var(--x-dur-instant) var(--x-ease-out);pointer-events:none;mix-blend-mode:screen}.is-dragging .specimen-turntable,.specimen-orbit[data-input=keyboard] .specimen-turntable{transition:none}.specimen-orbit .living-specimen{aspect-ratio:1;pointer-events:none;width:auto;max-width:100%;height:100%;max-height:none}.organism-stage img{pointer-events:none;-webkit-user-select:none;user-select:none}.orbit-hint{left:50%;bottom:var(--x-space-2);align-items:center;gap:var(--x-space-2);white-space:nowrap;font-size:var(--x-text-xs);color:var(--x-ink-muted);opacity:.8;transition:opacity var(--x-dur-instant) var(--x-ease-out);display:inline-flex;position:absolute;translate:-50%}:is(.specimen-orbit:hover .orbit-hint,.specimen-orbit:focus-visible .orbit-hint){opacity:1}.inspection-disclosure{margin-top:var(--x-space-2);border-top-color:var(--x-scene-line)}.inspection-disclosure>summary{justify-content:flex-end;gap:var(--x-space-3)}.inspection-controls{align-items:end;gap:var(--x-space-4);padding:var(--x-space-2) 0 var(--x-space-3);grid-template-columns:minmax(160px,1fr) auto;display:grid}.view-angle{min-width:0}.view-range{align-items:center;gap:var(--x-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.view-rail{height:var(--x-control-md);display:block;position:relative}.view-rail:before{content:"";background:var(--x-line-strong);border-radius:1px;height:2px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.view-rail input{-webkit-appearance:none;appearance:none;width:100%;height:var(--x-control-md);cursor:ew-resize;touch-action:pan-y;border-radius:var(--x-radius-sm);background:0 0;margin:0;padding:0;position:absolute;inset:0}.view-rail input::-webkit-slider-runnable-track{background:0 0;height:2px}.view-rail input::-moz-range-track{background:0 0;height:2px}.view-rail input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--x-accent);background:var(--x-surface-1);width:24px;height:24px;box-shadow:0 0 0 4px var(--x-scene-sunken);border-radius:50%;margin-top:-11px}.view-rail input::-moz-range-thumb{border:2px solid var(--x-accent);background:var(--x-surface-1);width:24px;height:24px;box-shadow:0 0 0 4px var(--x-scene-sunken);border-radius:50%}.view-rail input:focus-visible{outline:var(--x-ring) solid var(--x-focus);outline-offset:var(--x-ring-offset)}.view-range output{min-width:3.5ch;font-size:var(--x-text-sm);font-variant-numeric:tabular-nums;color:var(--x-ink-soft);text-align:right}.view-buttons{align-items:center;gap:var(--x-space-1);border:0;min-width:0;margin:0;padding:0;display:flex}.view-buttons-rule{width:1px;height:16px;margin:0 var(--x-space-1);background:var(--x-line-strong)}.specimen-selector{gap:clamp(var(--x-space-1), 1.2vw, var(--x-space-5));margin-top:var(--x-space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.specimen-selector button{align-items:center;gap:var(--x-space-3);min-width:0;min-height:var(--x-control-md);padding:var(--x-space-1) 0 var(--x-space-2);border-radius:var(--x-radius-md);color:var(--x-ink-muted);transition:color var(--x-dur-instant) var(--x-ease-out);background:0 0;flex-direction:column;display:flex}.specimen-medallion{aspect-ratio:1;isolation:isolate;background:linear-gradient(140deg, color-mix(in srgb, var(--x-accent-ink) 40%, transparent), color-mix(in srgb, var(--x-accent-glass) 10%, transparent) 55%, color-mix(in srgb, var(--x-accent-ink) 25%, transparent));width:clamp(48px,6.4vw,88px);transition:translate var(--x-dur-quick) var(--x-ease-out), scale var(--x-dur-instant) var(--x-ease-out);border-radius:50%;flex:none;padding:2px;display:grid;position:relative}.specimen-medallion:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(140deg, var(--x-accent-ink), var(--x-accent) 38%, var(--x-accent-glass) 73%, var(--x-accent-ink));opacity:0;transition:opacity var(--x-dur-quick) var(--x-ease-out);position:absolute;inset:0}.specimen-medallion-core{border:3px solid var(--x-surface-sunken);background:radial-gradient(circle at 35% 24%, var(--x-surface-3), var(--x-surface-2) 55%, var(--x-scene-sunken));border-radius:50%;place-items:center;width:100%;min-width:0;height:100%;display:grid;overflow:hidden}.specimen-medallion img{object-fit:contain;mix-blend-mode:screen;opacity:.88;width:100%;height:100%;transition:scale var(--x-dur-quick) var(--x-ease-out), opacity var(--x-dur-instant) var(--x-ease-out);border-radius:50%;display:block;scale:.88}.specimen-selected-dot{border:2px solid var(--x-surface-sunken);background:var(--x-accent);opacity:0;width:10px;height:10px;transition:opacity var(--x-dur-instant) var(--x-ease-out), scale var(--x-dur-quick) var(--x-ease-out);border-radius:50%;position:absolute;bottom:4%;right:2%;scale:.65}.specimen-choice-name{font-size:var(--x-text-xs);white-space:nowrap;line-height:1.4}.specimen-selector button[aria-pressed=true]{color:var(--x-accent-ink)}.specimen-selector button[aria-pressed=true] .specimen-medallion:before{opacity:1}.specimen-selector button[aria-pressed=true] .specimen-medallion-core{background:radial-gradient(circle at 35% 24%, var(--x-surface-selected), var(--x-surface-3) 48%, var(--x-scene-sunken))}.specimen-selector button[aria-pressed=true] img{opacity:1;scale:.94}.specimen-selector button[aria-pressed=true] .specimen-selected-dot{opacity:1;scale:1}@media (hover:hover) and (pointer:fine){.specimen-selector button:hover{color:var(--x-ink)}.specimen-selector button:hover .specimen-medallion{translate:0 var(--x-lift)}.specimen-selector button:hover img{opacity:1}}.specimen-selector button:active .specimen-medallion{scale:var(--x-press)}@media (forced-colors:active){.specimen-medallion{border:1px solid buttontext}.specimen-selector button[aria-pressed=true] .specimen-medallion{outline:3px solid highlight}}.specimen-words{min-width:0;padding-top:var(--x-space-2);grid-area:words}.specimen-words>.x-eyebrow .live-dot{width:6px;height:6px;box-shadow:none}.specimen-name{margin:var(--x-space-3) 0 var(--x-space-3);font:italic 400 var(--x-text-3xl) / var(--x-leading-tight) var(--x-font-display);letter-spacing:var(--x-tracking-display);text-wrap:balance;overflow-wrap:normal;color:var(--x-ink)}.specimen-name>span{color:var(--x-accent)}.specimen-description{max-width:34ch;font-size:var(--x-text-md);line-height:var(--x-leading-body);color:var(--x-ink-soft);margin:0}.specimen-story{margin-top:var(--x-space-3);max-width:34ch}.specimen-detail{margin:0 0 var(--x-space-2);font-size:var(--x-text-sm);color:var(--x-ink-muted)}.presence-shell{perspective:1300px;grid-area:panel;min-width:0;position:relative}.interaction-panel{padding:var(--x-space-5);color:var(--x-ink);transition:border-color var(--x-dur-quick) var(--x-ease-out), box-shadow var(--x-dur-quick) var(--x-ease-out);position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){html[data-motion=full] .presence-shell>.interaction-panel{transition:transform var(--x-dur-quick) var(--x-ease-out), border-color var(--x-dur-quick) var(--x-ease-out), box-shadow var(--x-dur-quick) var(--x-ease-out);transform:perspective(1100px)rotateY(-6deg)rotateX(3deg)}html[data-motion=full] .presence-shell>.interaction-panel:is(:hover,:focus-within){transform:none}}.interaction-panel.is-receiving{border-color:color-mix(in srgb, var(--x-accent) 50%, transparent);box-shadow:var(--x-shadow-2), 0 0 32px color-mix(in srgb, var(--x-accent) 8%, transparent)}.panel-feedback{z-index:3;border:1px solid var(--x-accent-ink);border-radius:inherit;opacity:0;pointer-events:none;box-shadow:inset 0 0 20px color-mix(in srgb, var(--x-accent) 10%, transparent);transition:opacity var(--x-dur-instant) var(--x-ease-out);position:absolute;inset:0}.panel-feedback[data-visible=true]{opacity:.38}.interaction-panel>:not(.panel-feedback){z-index:2;position:relative}.interaction-eyebrow{margin-bottom:var(--x-space-3)}.modality-segment{width:100%;min-width:0;margin-bottom:var(--x-space-4);display:flex}.modality-segment>button{justify-content:center;align-items:center;gap:var(--x-space-2);flex:1 1 0;display:inline-flex}.encounter-prediction{margin-bottom:var(--x-space-4)}.gesture-invitation{gap:var(--x-space-1) var(--x-space-3);margin-bottom:var(--x-space-4);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.hand-glyph{width:var(--x-control-md);height:var(--x-control-md);border:1px solid var(--x-line);background:color-mix(in srgb, var(--x-accent-glass) 6%, transparent);color:var(--x-accent-ink);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid;box-shadow:0 0 #0000}.gesture-invitation h3{font-size:var(--x-text-lg);font-weight:600;line-height:var(--x-leading-snug);margin:0}.gesture-invitation p{font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted);margin:0}.hand-glyph.listening{border-color:color-mix(in srgb, var(--x-accent) 50%, transparent);animation:encounter-listen var(--x-dur-state) var(--x-ease-organic) infinite alternate}@keyframes encounter-listen{to{box-shadow:0 0 0 6px color-mix(in srgb, var(--x-accent) 18%, transparent)}}.camera-view{margin-bottom:var(--x-space-3);border:1px solid var(--x-line);border-radius:var(--x-radius-md);display:none;position:relative;overflow:hidden}.camera-view.camera-active{display:block}.camera-view video{object-fit:cover;filter:saturate(.45);width:100%;height:112px;display:block;transform:scaleX(-1)}.camera-view>span{padding:var(--x-space-1) var(--x-space-2);font-size:var(--x-text-xs);color:var(--x-ink);background:color-mix(in srgb, var(--x-surface-sunken) 88%, transparent);position:absolute;bottom:0;left:0;right:0}.gesture-choices{gap:var(--x-space-2);min-width:0;margin:0 0 var(--x-space-3);border:0;flex-wrap:wrap;padding:0;display:flex}.gesture-choices .x-chip-option{color:inherit;font:inherit;background:0 0;flex:auto;padding:0}.gesture-choices .x-chip-option>span{justify-content:center;width:100%}.sensor-button{width:100%}.voice-settings{margin-bottom:var(--x-space-3)}.input-note{margin:var(--x-space-2) 0 var(--x-space-3);font-size:var(--x-text-xs)}.input-error{margin:var(--x-space-2) 0 var(--x-space-3)}.transcript{margin:var(--x-space-3) 0;font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-soft);overflow-wrap:anywhere}.voice-sample{margin:0 auto var(--x-space-3)}.presence-form{gap:var(--x-space-3);margin:var(--x-space-4) 0 var(--x-space-2);display:grid}.presence-submit{width:100%;min-width:0}.text-samples{gap:var(--x-space-2);flex-wrap:wrap;display:flex}.text-samples .x-btn{white-space:normal;text-align:left;flex:auto;line-height:1.3}.presence-form .input-note{margin:0}.plant-dialogue-controls .x-chip-row{margin-bottom:var(--x-space-3)}.dialogue-preview h3{margin:0 0 var(--x-space-2);font-size:var(--x-text-lg);font-weight:600;line-height:var(--x-leading-snug)}.dialogue-connection{margin:0 0 var(--x-space-2);display:block}.dialogue-links{align-items:center;gap:var(--x-space-1) var(--x-space-4);margin-bottom:var(--x-space-2);flex-wrap:wrap;display:flex}.dialogue-check{min-height:var(--x-control-md);font-size:var(--x-text-sm);color:var(--x-ink-soft);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.dialogue-check:hover{color:var(--x-ink)}.plant-dialogue-feedback{margin-top:var(--x-space-3);font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-soft);overflow-wrap:anywhere}.plant-dialogue-feedback strong{color:var(--x-ink)}.plant-dialogue-feedback p{margin:var(--x-space-2) 0;white-space:pre-wrap}.plant-dialogue-feedback :is(ul,ol){padding-left:var(--x-space-5);list-style:outside}.plant-dialogue-feedback ol{list-style:decimal}.behavior-readout{gap:var(--x-space-3);min-height:80px;margin-top:var(--x-space-4);padding-top:var(--x-space-4);border-top:1px solid var(--x-line);display:flex}.live-dot{background:var(--x-accent);width:6px;height:6px;box-shadow:0 0 10px color-mix(in srgb, var(--x-accent) 40%, transparent);border-radius:50%;flex:none;display:inline-block}.behavior-readout>.live-dot{margin-top:8px}.behavior-readout strong{font-size:var(--x-text-md);font-weight:600;line-height:var(--x-leading-snug);display:block}.behavior-readout p{margin:var(--x-space-1) 0 0;font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted)}.interaction-panel.is-receiving .behavior-readout>.live-dot{animation:encounter-sense var(--x-dur-state) var(--x-ease-organic) infinite alternate}@keyframes encounter-sense{to{box-shadow:0 0 0 6px color-mix(in srgb, var(--x-accent) 22%, transparent)}}.last-input{margin-top:var(--x-space-3);font-size:var(--x-text-xs);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.encounter-memory{margin:var(--x-space-3) 0 var(--x-space-2);padding:var(--x-space-3);border:1px solid var(--x-line);border-radius:var(--x-radius-md);background:color-mix(in srgb, var(--x-surface-sunken) 80%, transparent)}.encounter-memory-head{font-size:var(--x-text-xs);letter-spacing:var(--x-tracking-label);text-transform:uppercase;color:var(--x-ink-muted);justify-content:space-between;display:flex}.encounter-memory-value{color:var(--x-ink);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.encounter-memory meter{width:100%;height:6px;margin:var(--x-space-2) 0;display:block}.encounter-memory p{font-size:var(--x-text-sm);color:var(--x-ink-soft);margin:0;line-height:1.45}.encounter-memory .encounter-memory-wait{margin-top:var(--x-space-1);font-size:var(--x-text-xs);color:var(--x-accent-ink)}.interaction-context{margin-top:var(--x-space-2)}.interaction-context p{font-size:var(--x-text-sm);color:var(--x-ink-muted)}.encounter-bottom{justify-content:space-between;align-items:center;gap:var(--x-space-3) var(--x-space-6);padding-top:var(--x-space-5);border-top:1px solid var(--x-line);flex-wrap:wrap;grid-area:bottom;display:flex;position:relative}.tour-caption{text-align:center;flex:240px;min-width:0}.tour-caption>.x-hint{font-variant-numeric:tabular-nums;margin:0 auto}.tour-progress{justify-content:center;gap:var(--x-space-2);margin-top:var(--x-space-2);display:flex}.tour-progress i{background:var(--x-line-strong);width:20px;height:2px;transition:background-color var(--x-dur-quick) var(--x-ease-out), width var(--x-dur-quick) var(--x-ease-out);border-radius:1px;display:block}.tour-progress i.active{background:var(--x-accent);width:36px}.language-section{margin-top:var(--x-space-12);scroll-margin-top:calc(var(--x-header-h) + 16px)}.language-disclosure{padding:var(--x-space-2) 0}.language-disclosure>summary{align-items:center;min-height:64px}.language-summary{gap:var(--x-space-1);min-width:0;display:grid}.language-summary h2{font:400 var(--x-text-2xl) / var(--x-leading-snug) var(--x-font-display);letter-spacing:var(--x-tracking-display);text-wrap:balance;margin:0}.language-action{font-size:var(--x-text-sm);color:var(--x-ink-muted);flex:none;margin-left:auto;font-weight:400}.language-content{padding-top:var(--x-space-5)}.motion-filmstrip{gap:var(--x-space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.motion-frame{width:100%;padding:var(--x-space-3);text-align:left;color:var(--x-ink);cursor:pointer}.motion-image{aspect-ratio:4/3;border:1px solid var(--x-scene-line);border-radius:var(--x-radius-md);background:radial-gradient(ellipse at 50% 55%, color-mix(in oklab, var(--x-scene-2) 50%, var(--x-scene-sunken)), var(--x-scene-sunken) 75%);display:block;position:relative;overflow:hidden}.motion-image>img{object-fit:cover;mix-blend-mode:screen;width:100%;height:130%;display:block}.motion-orient .motion-image>img{object-position:50% 30%;transform:rotate(-16deg)scale(.9)}.motion-unfurl .motion-image>img{object-position:50% 20%;transform:scale(1.1)}.motion-withdraw .motion-image>img{filter:brightness(.7);object-position:50% 10%;transform:rotate(14deg)scale(.85,.95)}.frame-play{right:var(--x-space-3);bottom:var(--x-space-3);border:1px solid var(--x-line-strong);background:color-mix(in srgb, var(--x-surface-2) 75%, transparent);width:36px;height:36px;color:var(--x-ink);border-radius:50%;place-items:center;display:grid;position:absolute}.motion-caption{align-items:flex-start;gap:var(--x-space-3);margin-top:var(--x-space-4);display:flex}.motion-caption>.x-eyebrow{margin-top:3px}.motion-caption-text{flex:auto;min-width:0}.motion-caption strong{font-size:var(--x-text-lg);font-weight:600;line-height:var(--x-leading-snug);display:block}.motion-caption small{margin-top:var(--x-space-1);font-size:var(--x-text-sm);line-height:var(--x-leading-body);color:var(--x-ink-muted);display:block}.motion-caption>svg{color:var(--x-accent-ink);flex:none;margin-top:4px}.behavior-context{margin-top:var(--x-space-6);max-width:64ch}.encounter-page [data-mg-border]{position:relative}.encounter-page .mg-scroll-rule{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.encounter-page .mg-scroll-rule path{fill:none;stroke-linecap:round}.encounter-page [data-mg-border=drawing]{border-color:#0000}html[data-menu-open] .encounter-page :is(.hand-glyph.listening,.behavior-readout>.live-dot){animation-play-state:paused}@media (max-width:1100px){.encounter-stage-section{gap:var(--x-space-5) var(--x-space-6);grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.inspection-controls{grid-template-columns:1fr;align-items:stretch}.view-buttons{justify-content:center}}@media (max-width:760px){.encounter-page{padding-bottom:var(--x-space-12)}.encounter-stage-section{gap:var(--x-space-5);grid-template:"stage""words""panel""bottom"/minmax(0,1fr)}.organism-stage{padding:var(--x-space-3) var(--x-space-3) var(--x-space-4)}.specimen-orbit{max-width:560px;max-height:none}.specimen-words{padding-top:0}.specimen-description,.specimen-story{max-width:none}.interaction-panel{padding:var(--x-space-4)}.encounter-bottom>.x-btn{flex:100%}.tour-caption{text-align:left;flex-basis:100%;order:-1}.tour-caption>.x-hint{margin:0}.tour-progress{justify-content:flex-start}.motion-filmstrip{grid-template-columns:1fr}.motion-image{aspect-ratio:16/10}}@media (max-width:400px){.specimen-selector{gap:var(--x-space-1)}.modality-segment>button{padding-inline:var(--x-space-2)}.modality-segment>button>svg{display:none}.language-disclosure>summary{flex-wrap:wrap}.language-action{margin-left:0}}