main{max-inline-size:96rem;margin:auto;padding:clamp(1rem,3vw,3rem)}header{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}h1{font-size:clamp(2.7rem,6vw,6rem);line-height:.95;letter-spacing:-.06em;margin:.7rem 0 0}.intro{font-family:var(--font-reading);color:var(--ink-reading);line-height:1.5}.toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:.7rem 1rem;min-height:44px;cursor:pointer}button:disabled{opacity:.55;cursor:default}button[aria-pressed=true]{background:var(--accent-strong);color:var(--canvas)}.toolbar span{margin-left:auto;font-size:.8rem;color:var(--ink-muted)}.experience{display:grid;grid-template-columns:minmax(0,1fr) 19rem;border:1px solid var(--line);border-radius:var(--radius-panel);overflow:hidden}.scene{position:relative;min-height:540px;background:#c8d0bd}.scene>img,.scene>canvas{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.scene>canvas{touch-action:none}.scene-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem;display:flex;justify-content:space-between;gap:1rem;color:#fff;background:linear-gradient(transparent,#18241bba);font-size:.75rem;pointer-events:none}aside{padding:1.5rem;background:var(--surface)}aside h2{font-family:var(--font-reading);font-size:2rem;margin:.5rem 0}aside>p{font-size:.85rem;line-height:1.5;color:var(--ink-reading)}.objects{display:grid;margin-top:1.5rem;gap:.45rem}.objects button{display:flex;align-items:center;gap:.8rem;text-align:left;padding:.8rem .7rem}.objects button>span{font-size:.75rem;opacity:.65}.objects button div{flex:1}.objects strong,.objects small{display:block}.objects strong{font-weight:500}.objects small{font-size:.75rem;margin-top:.2rem}.objects b{font-weight:400}#feedback{min-height:3.8em;margin-bottom:0}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0;padding-bottom:1rem;border-bottom:1px solid var(--line)}.notes p,details p{font-size:.95rem;line-height:1.6;color:var(--ink-reading)}.notes strong{display:block;color:var(--ink);margin-bottom:.4rem}summary{cursor:pointer;padding:1rem 0;font-size:1.05rem}.native-visual{max-width:50rem;aspect-ratio:14/9}.environment-controls{margin:1rem 0}footer{display:flex;align-items:end;justify-content:space-between;gap:2rem;font-size:.8rem;line-height:1.7;color:var(--ink-muted);padding-top:2rem}footer a{display:block}button:focus-visible,summary:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}[hidden]{display:none!important}@media(max-width:65rem){.experience{grid-template-columns:1fr}.scene{min-height:440px}aside{padding:1rem}.objects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){header,footer{display:block}.toolbar span{width:100%;margin:.5rem 0}.scene{min-height:340px}.scene-caption{flex-direction:column;gap:.2rem}.objects{grid-template-columns:1fr}.notes{grid-template-columns:1fr;gap:0}.intro{margin-top:1.2rem}}