:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121214;--surface:#1c1c20;--text:#ededf0;--muted:#a6a6b0;--accent:#ff4d6d;--link:#7cc7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--link)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{background:#000;height:100svh;position:relative;overflow:hidden}#mirror{object-fit:cover;width:100%;height:100%;display:block}.mirrored{transform:scaleX(-1)}.notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1.5rem 8rem;font-size:1.1rem;display:flex;position:absolute;inset:0}.notice p{max-width:32rem;margin:0}.controls{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121214b8;border-radius:1.25rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:max-content;max-width:calc(100% - 1.5rem);padding:.5rem;display:flex;position:absolute;transform:translate(-50%)}button,select,.about-link{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:.8rem;padding:0 1rem;font-size:1rem}button:hover,select:hover,.about-link:hover{background:#ffffff29}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[aria-pressed=true]{border-color:var(--accent)}select{text-overflow:ellipsis;max-width:14rem}select option{background:var(--surface)}.about-link{align-items:center;text-decoration:none;display:inline-flex}.icon{justify-content:center;align-items:center;width:44px;padding:0;font-weight:700;display:inline-flex}@media (width<=420px){.controls{gap:.375rem;padding:.375rem}button:not(.icon),select{padding:0 .7rem}select{max-width:9rem}}:is(.stage:fullscreen .about-link,.stage:fullscreen .maker){display:none}.maker{left:max(.75rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));filter:drop-shadow(0 2px 6px #00000080);line-height:0;position:absolute}.maker img{width:auto;height:72px}@media (width<=760px){.maker{bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 64px)}.maker img{height:52px}}.about{max-width:44rem;margin:0 auto;padding:3rem 1rem 2rem}.about h1{margin:0 0 1rem;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.15}.about h1 span{color:var(--accent)}.about h2{margin:2.5rem 0 .75rem;font-size:1.4rem}.lead{color:var(--muted);font-size:1.2rem}.cta{background:var(--accent);color:#fff;border-radius:.8rem;margin-top:.5rem;padding:.7rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}.about li{margin-bottom:.4rem}details{border-bottom:1px solid #ffffff1f;padding:.8rem 0}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);margin:.5rem 0 0}.site-footer{padding:2rem 1rem calc(2rem + env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:.95rem}
