:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#f5f5f7;--muted:#f5f5f78c;--panel:#0a0a0c8c;--border:#ffffff1f;--ambient-color:#23435f;--ambient-feather:850px;--ambient-opacity:.55}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;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:100vw;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;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;inset:0}.overlay>*{pointer-events:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.title{letter-spacing:.02em;margin:0;font-size:14px;font-weight:500}.title small{color:var(--muted);margin-top:4px;font-size: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;gap:8px;min-width:190px;padding:12px 14px;font-size: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 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;width:16px;height:16px;margin:0}.bottombar{justify-content:space-between;align-items:center;gap:16px;display:flex}.hint{text-align:right;color:var(--muted);margin:0;font-size:12px}.gh{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size: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}}.status{text-align:center;color:var(--muted);background:#000;place-items:center;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.status strong{color:var(--fg);margin-bottom:8px;display:block}@media (prefers-reduced-motion:reduce){.panel,.panel button{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}