:root{color-scheme:light;--paper: #f3f6fb;--ink: #1c1d21;--mute: #6b7280;--link: #2f5bff;--yellow: #f5c400;font-family:Inter,IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root,.stage{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper)}.stage{position:relative;perspective:1200px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23111111' stroke='%23fff' stroke-width='1.5' d='M3 2.2 3.2 18.4 8.1 13.8 12.2 22.4 15.1 21.2 11.1 12.8 18.4 12.7Z'/%3E%3C/svg%3E") 3 2,auto}.gallery,.source,.kicker{position:absolute;z-index:6;text-decoration:none;letter-spacing:.04em}.gallery,.source{color:#2b2e36;font-size:.78rem;border-bottom:1px solid #b7bcc6;padding-bottom:.08rem}.gallery{top:1.15rem;left:1.3rem}.source{top:2.65rem;left:1.3rem}.gallery:hover,.source:hover,.gallery:focus-visible,.source:focus-visible{color:#111;outline:none}.kicker{top:1.2rem;right:1.3rem;margin:0;color:#9aa1ad;font-size:.72rem}.rig{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .18s ease-out}.plate{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9}.mac{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.screen{position:absolute;left:42.73%;top:36.11%;width:12.89%;height:19.44%}.glass{position:relative;width:100%;height:100%;overflow:hidden;border-radius:7%/9%;background:#dfe4ea;box-shadow:inset 0 0 10px #00000047}.scan,.curve{position:absolute;inset:0;pointer-events:none;z-index:3}.scan{background:repeating-linear-gradient(to bottom,#ffffff29 0 1px,#0000001a 1px 2px);mix-blend-mode:multiply;opacity:.55}.curve{box-shadow:inset 0 0 18px 4px #00000047;background:linear-gradient(180deg,rgb(255 255 255 / .16),transparent 34%,rgb(0 0 0 / .12))}.clicker{position:absolute;z-index:4;left:50%;top:48%;translate:-50% -50%;border:1px solid #c9ced6;background:#f7f8fb;color:#2a2d34;border-radius:999px;padding:.22em .85em .28em;font:600 .72em/1 Inter,system-ui,sans-serif;box-shadow:0 1px 2px #0000001f;cursor:inherit}.clicker.is-hot{background:#1a1b1f;color:#f4f6fb;border-color:#1a1b1f}.site{position:relative;width:720px;min-height:540px;padding:56px 72px 28px;color:var(--ink);background:#eef1f6;transform-origin:top left}.site.is-mini{transform:scale(.258)}.bloom{position:absolute;left:18%;right:18%;top:-40px;height:120px;background:conic-gradient(from 200deg,#9cf,#c9f,#fd9,#9f9,#9cf,#c9f);filter:blur(18px);opacity:.55;pointer-events:none}.intro{display:flex;justify-content:space-between;align-items:start;margin-bottom:2.2rem}.hello{margin:0;font-weight:600;font-size:1.05rem}.role{margin:.15rem 0 0;color:var(--mute);font-size:.92rem}.theme{display:flex;gap:.35rem;align-items:center;padding-top:.2rem}.dot{width:11px;height:11px;border-radius:99px;background:#c5cad3}.dot.on{background:#1d1e22;box-shadow:0 0 0 3px #fff,0 0 0 4px #1d1e22}.copy{max-width:26rem;font-size:.95rem;line-height:1.55;color:#3a3d44}.copy p{margin:0 0 1rem}.copy a{color:var(--link)}.about{margin-top:1.6rem!important;color:var(--link)}.copy ul{list-style:none;margin:.4rem 0 0;padding:0}.copy li a{display:flex;gap:.45rem;align-items:center;text-decoration:none;margin:.2rem 0;font-size:.92rem}.ico{width:14px;height:14px;display:inline-block;border-radius:2px;background:var(--link);flex:none}.ico.in{border-radius:2px}.ico.gh{border-radius:99px}.ico.x{clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:2.4rem 0 1.4rem}.shots figure{margin:0;height:86px;border-radius:8px;overflow:hidden;display:grid;align-items:end}.shots figcaption{padding:.35rem .45rem;background:#ffffffb8;font-size:.68rem;display:flex;justify-content:space-between;gap:.4rem}.shots small{color:var(--mute)}.site-nav{display:flex;justify-content:space-between;color:#5b616b;font-size:.82rem;padding-top:.4rem}.site-nav b{color:var(--ink);text-decoration:underline;text-underline-offset:4px;margin-right:.7rem;font-weight:600}.inside{position:absolute;inset:0;background:var(--paper)}.crt-glass{position:absolute;inset:0;overflow:auto}.inside .site{width:min(920px,100%);min-height:100%;margin:0 auto;transform:none;background:transparent;padding:4.5rem 8vw 3rem}.inside .scan{position:fixed;opacity:.18}.inside .curve{position:fixed;box-shadow:inset 0 0 80px 20px #0000001f}.eject{position:fixed;z-index:7;right:1.3rem;bottom:1.2rem;border:1px solid #c5cad3;background:#ffffffdb;color:#2b2e36;border-radius:999px;padding:.42rem .8rem;font:500 .78rem/1 Inter,system-ui,sans-serif;cursor:inherit}.eject:hover,.eject:focus-visible{background:#fff;outline:none}@media(max-width:800px){.clicker{font-size:.62em}}@media(prefers-reduced-motion:reduce){.rig{transition:none}}