.showcase-bar{color:#fff;background:#0a0a0eb3;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.75rem;width:32rem;max-width:calc(100% - 2rem);padding:.5rem 1.25rem .5rem .5rem;font-size:.75rem;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}@media (width<=40rem){.showcase-bar{bottom:2rem}}.landing-logo,.landing-links a{color:#ebebebbf;text-decoration:none;transition:color .15s}.landing-logo:hover,.landing-links a:hover{color:#fafafa}.landing-logo{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;top:2rem;left:2rem}.landing-logo h1{margin:0;font-family:Righteous,sans-serif;font-size:2.25rem;font-weight:400;line-height:2.5rem}.landing-logo span,.landing-links{font-family:Share Tech Mono,monospace}.landing-logo span{padding-left:1px;font-size:.75rem;line-height:1rem}.landing-links{align-items:center;gap:1.25rem;font-size:.875rem;display:flex;position:absolute;top:2rem;right:2rem}.scene-menu{display:flex;position:relative}.scene-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:1.5rem;height:1.5rem;padding:0;display:flex}.scene-menu-toggle span{background:#ebebebbf;border-radius:1px;height:2px;transition:background .15s}.scene-menu-toggle:hover span,.scene-menu-toggle[aria-expanded=true] span{background:#fafafa}.scene-menu-list{z-index:10;background:#0a0a0ecc;border:1px solid #ffffff1f;border-radius:.75rem;min-width:14rem;max-height:60vh;padding:.5rem;position:absolute;top:calc(100% + .75rem);right:0;overflow-y:auto}.scene-menu-heading{color:#ebebeb66;letter-spacing:.12em;text-transform:uppercase;margin:.25rem .75rem .5rem;font-size:.6875rem}.scene-menu-heading:not(:first-child){margin-top:.875rem}.scene-menu-quality{border:1px solid #ffffff1f;border-radius:.5rem;gap:2px;margin:0 .25rem .25rem;padding:2px;display:flex}.scene-menu-quality button{color:#ebebeb99;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.375rem 0;transition:color .15s,background .15s}.scene-menu-quality button:hover{color:#fafafa}.scene-menu-quality button[aria-checked=true]{color:#fafafa;background:#ffffff24}.scene-menu-list ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.scene-menu-list a{color:#ebebeb99;white-space:nowrap;border:1px solid #0000;border-radius:.5rem;padding:.5rem .75rem;text-decoration:none;transition:color .15s,background .15s;display:block}.scene-menu-list a:hover{color:#fafafa;background:#ffffff14}.scene-menu-list a[aria-current=page]{color:#fafafa;background:#ffffff1a;border-color:#ffffff59}.infopoint{color:#fff;cursor:pointer;background:#0a0a0eb3;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;padding:0;font:600 1rem/1 Share Tech Mono,monospace;transition:transform .15s;display:grid;position:relative}.infopoint:after{content:"";pointer-events:none;border:1px solid #fff9;border-radius:50%;animation:2.4s ease-out infinite infopoint-pulse;position:absolute;inset:-1px}.infopoint:hover{transform:scale(1.15)}@keyframes infopoint-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.infopoint-card{color:#fff;background:#0a0a0ebf;border:1px solid #ffffff1f;border-radius:.75rem;width:22rem;max-width:calc(100% - 2rem);padding:1.25rem 1.5rem;position:absolute;bottom:2rem;left:2rem}.infopoint-card h2{margin:0 0 .5rem;font:400 1.5rem/1.2 Righteous,sans-serif}.infopoint-card p{color:#ffffffbf;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.infopoint-card button{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;padding:.375rem 1rem;font:.8125rem Share Tech Mono,monospace}.infopoint-card button:hover{background:#ffffff1f}@media (width<=40rem){.infopoint-card{background:#0a0a0e;border-radius:.625rem;width:94%;max-width:100%;padding:.75rem 1rem;bottom:1.75rem;left:3%;right:3%}.infopoint-card h2{margin-bottom:.25rem;font-size:1.125rem}.infopoint-card p{margin-bottom:.625rem;font-size:.75rem;line-height:1.4}.infopoint-card button{padding:.25rem .75rem;font-size:.75rem}}.viewfinder-hud{color:#ffffffd9;letter-spacing:.08em;text-shadow:0 0 6px #0009;pointer-events:none;opacity:0;font:1rem Share Tech Mono,monospace;transition:opacity .4s;position:absolute;inset:0}.viewfinder-hud.is-on{opacity:1}.viewfinder-hud-frame{--corner:#ffffffb3;background:linear-gradient(var(--corner), var(--corner)) top left / 1.75rem 2px, linear-gradient(var(--corner), var(--corner)) top left / 2px 1.75rem, linear-gradient(var(--corner), var(--corner)) top right / 1.75rem 2px, linear-gradient(var(--corner), var(--corner)) top right / 2px 1.75rem, linear-gradient(var(--corner), var(--corner)) bottom left / 1.75rem 2px, linear-gradient(var(--corner), var(--corner)) bottom left / 2px 1.75rem, linear-gradient(var(--corner), var(--corner)) bottom right / 1.75rem 2px, linear-gradient(var(--corner), var(--corner)) bottom right / 2px 1.75rem;background-repeat:no-repeat;position:absolute;inset:14% 16%}.viewfinder-hud-rec,.viewfinder-hud-tape,.viewfinder-hud-counter{position:absolute}.viewfinder-hud-rec{top:1rem;left:1.25rem}.viewfinder-hud-dot{color:#ff3b3b;animation:1s steps(2,jump-none) infinite viewfinder-blink}@keyframes viewfinder-blink{50%{opacity:0}}.viewfinder-hud-tape{align-items:center;gap:.75rem;display:flex;top:1rem;right:1.25rem}.viewfinder-hud-battery{border:1.5px solid;border-radius:2px;gap:2px;padding:2px;display:flex}.viewfinder-hud-battery span{background:currentColor;width:.375rem;height:.625rem}.viewfinder-hud-counter{bottom:1rem;right:1.25rem}@media (width<=40rem){.viewfinder-hud{font-size:.75rem}.viewfinder-hud-frame{inset:18% 6% 30%}}.showcase-credit{color:#ffffff73;font-size:.6875rem;text-decoration:none;position:absolute;bottom:.25rem;right:.5rem}.showcase-credit:hover{color:#fffc}@media (width<=40rem){.landing-logo{top:.5rem;left:.5rem}.landing-logo h1{font-size:1.875rem;line-height:2.25rem}.landing-logo span{font-size:.625rem}.landing-links{top:.75rem;right:.75rem}.showcase-credit{text-align:center;width:100%;position:absolute;bottom:.5rem;right:0}}.showcase-bar-buttons{gap:.125rem;display:flex}.showcase-bar-button{width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.showcase-bar-button:hover{background:#ffffff1f}.showcase-bar-button svg{fill:currentColor;width:1.125rem;height:1.125rem}.showcase-bar-timeline{flex:1;min-width:0}.showcase-bar-title{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;min-height:1lh;margin-bottom:.25rem;font-weight:600;overflow:hidden}.showcase-bar-segments{gap:.25rem;display:flex}.showcase-bar-segment{cursor:pointer;background:0 0;border:none;flex:1;align-items:center;height:.875rem;padding:0;display:flex}.showcase-bar-segment-track{background:#ffffff40;border-radius:999px;width:100%;height:.1875rem;transition:height .15s;position:relative;overflow:hidden}.showcase-bar-segment:hover .showcase-bar-segment-track,.showcase-bar-segment.is-current .showcase-bar-segment-track{height:.3125rem}.showcase-bar-segment-fill{background:#fff;width:0%;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.showcase-bar,.infopoint-card,.scene-menu-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.recording .landing-logo,.recording .landing-links{display:none}.recording .canvas-overlay:has(>.viewfinder-hud){display:block}