.try-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--chalk);color:var(--ink);padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.try-top{display:flex;align-items:center;min-height:64px;padding-top:env(safe-area-inset-top)}.try-close{width:48px;height:48px;margin-left:-12px;display:grid;place-items:center;color:var(--ink);border-radius:4px}.try-close svg{width:24px;height:24px}.try-col{flex:1 1;display:flex;flex-direction:column;gap:16px;width:100%;max-width:560px;padding:8px 0 calc(24px + env(safe-area-inset-bottom))}.try-col .body{color:var(--ink)}.try-actions{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px}.try-actions .link{align-self:center;min-height:48px}.try-lock{display:flex;gap:8px;align-items:flex-start;justify-content:flex-start;text-align:left;color:var(--ink-2)}.try-steps{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:16px;counter-reset:step}.try-steps li{display:grid;grid-template-columns:120px 1fr;grid-gap:16px;gap:16px;align-items:center;counter-increment:step}.try-steps li p:before{content:counter(step);display:block;font-family:var(--font-display);font-weight:800;font-stretch:105%;font-size:24px;line-height:28px;margin-bottom:4px}.setup-drawing{width:120px;height:120px;display:block}.try-sound{display:flex;align-items:center;justify-content:space-between;gap:16px}.switch{display:inline-flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;font-weight:600;font-size:15px;flex:none}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch span{position:relative;width:52px;height:32px;border-radius:4px;background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--ink);transition:background-color .16s var(--ease-out)}.switch span:after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:3px;transition:transform .16s var(--ease-out),background-color .16s}.switch input:checked+span,.switch span:after{background:var(--ink)}.switch input:checked+span:after{transform:translateX(20px);background:var(--on-ink)}.switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.try-app{height:100dvh;background:var(--chalk)}.try-stagecol{height:100%;display:flex;flex-direction:column}.try-stagecol .stage{flex:1 1;min-height:0;container-type:size}@container (orientation: landscape){.command .c:not(.soft){font-size:clamp(56px,min(calc((100cqw - 40px) / 4.6),30cqh),112px)}}.footage{position:absolute;overflow:hidden}.footage.mirror{transform:scaleX(-1)}.footage .feed{object-fit:fill}.footage [hidden]{display:none!important}.footage .held-dim{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out)}.stage.held .held-dim{opacity:.24;transition:none}.footage .marks{position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:visible}.try-stagecol .hud{justify-content:flex-start;align-items:center;gap:8px}.try-stagecol .hud .close{margin:-10px 0 -10px -10px;color:var(--stage-ink)}.try-stagecol .hud .try-sound-toggle{width:48px;height:48px;margin:-10px -12px -10px auto}.try-what.boxed{padding:3px 7px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--stage-ink)}.try-stagecol .credit{left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));right:12px;font-size:14px;line-height:18px}.try-stagecol .stage:has(.credit) .spotparts{bottom:44px}.try-stagecol .stage:has(.credit) .spotline{bottom:100px}.try-stagecol .stage:has(.credit) .rec{bottom:44px}.try-stagecol .panel{flex:none;background:var(--chalk);color:var(--ink);max-height:400px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent;transition:max-height .48s var(--ease-sheet)}.try-stagecol.full .panel{max-height:0;overflow:hidden}.panel-in{padding:20px 20px calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.panel-in .try-actions{margin-top:0;padding-top:0}.breathe{min-height:104px}.breathe .sheet-title{margin:0;color:var(--ink-3)}.breathe .body{margin:8px 0 0;color:var(--ink-2)}.result{position:relative;min-height:104px}.result h2{margin:0;font-family:var(--font-display);font-weight:900;font-stretch:118%;font-size:44px;line-height:44px;letter-spacing:-.02em;opacity:0;transform:translateY(6px);transition:opacity .26s var(--ease-out),transform .26s var(--ease-out)}.result .why,.result p{margin:8px 0 0;font-size:18px;line-height:26px;opacity:0;transition:opacity .26s 80ms var(--ease-out)}.result.on .why,.result.on h2,.result.on p{opacity:1;transform:none}.result p+.why{transition-delay:.2s}.after{display:flex;flex-direction:column;gap:16px;animation:after-in .26s .2s var(--ease-out) both}@keyframes after-in{0%{opacity:0}to{opacity:1}}.result .why{margin-top:12px;border-radius:4px;background:var(--surface);box-shadow:0 0 0 1px var(--rule),inset 5px 0 0 var(--lamp-red);padding:12px 14px 12px 20px}.result .why b{display:block;font-family:var(--font-display);font-weight:800;font-stretch:110%;font-size:14px;line-height:18px;letter-spacing:.1em;text-transform:uppercase;color:var(--no-text);margin-bottom:2px}.result .why span{font-size:17px;line-height:25px}@media (min-width:1024px){.try-page{padding-left:max(40px,calc((100vw - 1120px) / 2))}.try-col{padding-top:24px}.try-actions{margin-top:16px}.try-app{padding-left:max(40px,calc((100vw - 1120px) / 2))}.try-stagecol{width:560px}}@media (prefers-reduced-motion:reduce){.result .why,.result h2,.result p,.result p+.why{transition:none}.after{animation:none}.try-stagecol .panel{transition:none}}.panel-in>.live:empty{margin-top:-16px}