:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#f5f5f7;--muted:#f5f5f78c;--panel:#0a0a0c8c;--panel-opaque:#0a0a0ce0;--border:#ffffff1f;--ambient-color:#23435f;--ambient-feather:clamp(260px, 62vmin, 850px);--ambient-opacity:.55;--gutter:clamp(12px, 2.6vmin, 24px);--gutter-top:calc(var(--gutter) + env(safe-area-inset-top,0px));--gutter-right:calc(var(--gutter) + env(safe-area-inset-right,0px));--gutter-bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));--gutter-left:calc(var(--gutter) + env(safe-area-inset-left,0px))}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#000;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}body{overflow:hidden}.hero{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.hero:before{background:radial-gradient(ellipse farthest-corner at center, transparent max(0%, calc(100% - var(--ambient-feather))), var(--ambient-color) 100%);opacity:var(--ambient-opacity)}.hero:after{background:radial-gradient(circle,#0000 47%,#0000002e 72%,#000000c7 100%)}.hero canvas{z-index:1;touch-action:none;outline:none;width:100%;height:100%;display:block;position:relative}.hero canvas:focus-visible{box-shadow:inset 0 0 0 2px #ffffff59}.overlay{z-index:2;pointer-events:none;justify-content:space-between;gap:var(--gutter);padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);flex-direction:column;display:flex;position:absolute;inset:0}.overlay>*{pointer-events:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:clamp(8px,2vmin,16px);min-width:0;display:flex}.title{letter-spacing:.02em;min-width:0;margin:0;font-size:clamp(12px,2.7vmin,14px);font-weight:500}.title small{color:var(--muted);margin-top:4px;font-size:clamp(10px,2.3vmin,12px);font-weight:400;display:block}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);border-radius:10px;flex-direction:column;flex:0 auto;gap:clamp(6px,1.5vmin,8px);width:clamp(148px,44vw,190px);padding:clamp(9px,1.9vmin,12px) clamp(10px,2.1vmin,14px);font-size:clamp(11px,2.5vmin,13px);display:flex}.panel button{appearance:none;border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;background:#ffffff14;border-radius:6px;padding:6px 10px}.panel button:hover{background:#ffffff24}.panel button:disabled{opacity:.5;cursor:default}.panel label{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel input[type=checkbox]{accent-color:#8ab4ff;flex:none;width:16px;height:16px;margin:0}.bottombar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(8px,2vmin,16px);display:flex}.hint{text-align:right;min-width:0;color:var(--muted);flex:auto;margin:0;font-size:clamp(10px,2.2vmin,12px)}.hint-coarse{display:none}@media (hover:none),(pointer:coarse){.hint-fine{display:none}.hint-coarse{display:inline}.panel{gap:10px}.panel button{padding:10px 12px}.panel label{padding:4px 0}.panel input[type=checkbox]{width:20px;height:20px}.gh{padding:10px 14px}}.gh{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 12px;font-size:clamp(11px,2.2vmin,12px);line-height:1;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.gh svg{flex:none;width:15px;height:15px}.gh:hover,.gh:focus-visible{color:var(--fg);background:#ffffff1a;border-color:#ffffff3d}.gh:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}@media (max-width:640px){.gh span{display:none}}@media (max-height:480px){:root{--gutter:10px}.panel{gap:6px}.hint{display:none}}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.panel,.gh{background:var(--panel-opaque)}}.fallback{z-index:3;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);overscroll-behavior:contain;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3.2vmin,26px);display:flex;position:absolute;inset:0;overflow-y:auto}.fallback-mark{text-align:center;letter-spacing:.02em;margin:0;font-size:clamp(12px,2.7vmin,14px);font-weight:500}.fallback-mark small{color:var(--muted);margin-top:4px;font-size:clamp(10px,2.3vmin,12px);font-weight:400;display:block}.fallback-video{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:clamp(8px,1.6vmin,14px);flex:none;width:min(100%,960px,120dvh);position:relative;overflow:hidden}.fallback-video iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.fallback-note{text-align:center;max-width:46ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(11px,2.4vmin,14px);line-height:1.55}.fallback-note strong{color:var(--fg);margin-bottom:6px;font-weight:500;display:block}.fallback-note code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}@media (prefers-reduced-motion:reduce){.panel,.panel button,.gh{transition:none}}.og{background:#000;width:100vw;height:100dvh;position:relative;overflow:hidden}.og canvas{width:100%;height:100%;display:block}.og-plate{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:32px;padding:56px 64px;display:flex;position:absolute;inset:0}.og-mark h1{letter-spacing:-.03em;color:#f5f6fb;margin:0;font-size:92px;font-weight:400;line-height:.95}.og-mark p{letter-spacing:-.01em;color:#f5f6fb9e;margin:16px 0 0;font-size:25px;font-weight:400}.og-url{letter-spacing:.01em;color:#f5f6fb6b;white-space:nowrap;padding-bottom:10px;font-size:21px}