:root{--ink:#f7f7fb;--muted:#f7f7fbad;--panel:#0f0f14ad;--panel-strong:#0f0f14e0;--stroke:#ffffff29;--aqua:#64d8ff;--amber:#ffd86a;--coral:#ff5d57;--active:var(--aqua);--drag-color:#ebd638;--laser-inner:#fff;--laser-middle:#ff9482;--laser-outer:#ff290538;--laser-main:#ff2905;--middle-color:#45eb94;--press-color:var(--aqua);--pulse-duration:.48s;--pulse-size:104px;--release-color:var(--aqua);--right-color:#ff7530}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:#07080d;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,a{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:default}.surface{cursor:crosshair;-webkit-user-select:none;user-select:none;min-height:100vh;position:relative;overflow:hidden}.background{z-index:-2;background:radial-gradient(circle at 18% 24%,#64d8ff94,#0000 26%),radial-gradient(circle at 72% 22%,#ff5d5773,#0000 28%),radial-gradient(circle at 48% 82%,#90f7a652,#0000 34%),linear-gradient(135deg,#07101a 0%,#14101d 46%,#080910 100%);position:fixed;inset:0}.background:after{content:"";filter:blur(32px);background:linear-gradient(112deg,#0000 0 34%,#ffffff1f 42%,#0000 52%),radial-gradient(circle,#0000 0 30%,#00000080 82%);position:absolute;inset:0}.topbar{z-index:10;justify-content:flex-end;align-items:center;padding:24px;display:flex;position:fixed;top:0;left:0;right:0}.github-link,.menu,.shortcut-display{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--stroke);background:#0a0a0e6b;box-shadow:0 24px 80px #0000003d}.github-link{border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.github-link:hover{background:#ffffff1a}.github-link svg{fill:currentColor;width:22px;height:22px}.showcase{z-index:2;justify-content:space-between;align-items:flex-start;gap:clamp(36px,6vw,104px);display:flex;position:fixed;inset:18vh 28px 28px 7vw}.statement{flex:620px;align-self:flex-start;min-width:0;max-width:760px}.hero-title{align-items:center;gap:clamp(14px,2vw,24px);display:flex}.hero-mark{background:var(--ink);flex:none;width:clamp(3.1rem,6.8vw,6rem);height:clamp(3.1rem,6.8vw,6rem);display:block;-webkit-mask:url(/clicklight-icon.png) 50%/108% no-repeat;mask:url(/clicklight-icon.png) 50%/108% no-repeat}.statement p{color:var(--muted);margin:24px 0 0;font-size:clamp(1rem,1.7vw,1.25rem)}.install{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--stroke);background:#0a0a0e6b;border-radius:999px;align-items:center;gap:10px;max-width:min(100%,720px);margin-top:24px;padding:10px 10px 10px 22px;display:flex;box-shadow:0 24px 80px #0000003d}.install code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.88rem;overflow:hidden}.install button{color:#ffffffdb;background:#ffffff21;border:1px solid #ffffff2e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.install button:hover{color:#fff;background:#fff3}.install button.copied{background:#ffffff38}.install button svg{fill:currentColor;opacity:.92;width:20px;height:20px}.statement h1{letter-spacing:0;margin:0;font-size:clamp(3.8rem,8vw,7.2rem);line-height:.86}.menu{color:#ffffffe8;background:#14161a9e;border-radius:17px;flex:0 0 332px;align-self:flex-end;width:332px;padding:12px 16px}.menu:before{border-radius:inherit;content:"";z-index:-1;background:radial-gradient(circle at 18% 0,#64d8ff2e,#0000 42%),radial-gradient(circle at 40% 58%,#ffffff14,#0000 50%);position:absolute;inset:0}.menu-brand{align-items:center;gap:10px;min-height:30px;padding:2px 0 4px;display:flex}.menu-brand-icon{background:#fffffff0;flex:none;width:24px;height:24px;display:block;-webkit-mask:url(/clicklight-icon.png) 50%/112% no-repeat;mask:url(/clicklight-icon.png) 50%/112% no-repeat}.menu-brand-title{color:#ffffffbd;font-size:.9rem;font-weight:700}.menu-row{color:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:25px;padding:3px 0;display:flex}.menu-row:hover{background:#ffffff14}.menu-row:disabled{cursor:default;opacity:.48}.menu-row:disabled:hover{background:0 0}.menu-row.inset{padding-left:28px}.menu-check{text-align:center;flex:0 0 18px;font-size:1.15rem;line-height:1;display:block}.menu-label{flex:1;font-size:1rem;font-weight:620}.menu-shortcut,.menu-chevron{color:#ffffff80;font-size:.98rem;font-weight:620}.menu-chevron{font-size:1.55rem;line-height:.7}.menu-separator{background:#ffffff2e;height:1px;margin:7px 0}.shortcut-display{background:var(--panel-strong);color:var(--ink);z-index:7;border-radius:999px;padding:12px 18px;font-size:1.15rem;font-weight:740;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.pulse,.laser-strokes,.laser-cursor{pointer-events:none;z-index:4;position:absolute;top:0;left:0}.laser-strokes{width:100%;height:100%;overflow:visible}.laser-strokes.fading{animation:.9s ease-out forwards laser-fade}.laser-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.laser-stroke.outer{stroke:var(--laser-outer);stroke-width:22px}.laser-stroke.main{stroke:var(--laser-main);stroke-width:11px}.laser-stroke.middle{stroke:var(--laser-middle);stroke-width:7px}.laser-stroke.inner{stroke:var(--laser-inner);stroke-width:3.4px}.laser-cursor{background:color-mix(in srgb, var(--laser-main), transparent 82%);border-radius:999px;width:42px;height:42px;transform:translate(-50%,-50%)}.laser-cursor:before,.laser-cursor:after{content:"";border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.laser-cursor:before{background:radial-gradient(circle, var(--laser-inner) 0 33%, var(--laser-middle) 34% 48%, var(--laser-main) 50% 100%);width:22px;height:22px}.laser-cursor:after{background:var(--laser-inner);width:14px;height:14px}.pulse{--pulse-color:var(--press-color);animation:press-pulse var(--pulse-duration) cubic-bezier(.22, 1, .36, 1) forwards;border:4px solid var(--pulse-color);box-shadow:0 0 22px color-mix(in srgb, var(--pulse-color), transparent 68%), 0 0 52px color-mix(in srgb, var(--pulse-color), transparent 82%);height:var(--pulse-size);width:var(--pulse-size);border-radius:999px}.pulse:before{background:var(--pulse-color);content:"";opacity:.75;border-radius:999px;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse.release,.pulse.rightRelease{animation-name:release-pulse;animation-duration:calc(var(--pulse-duration) * .92);border-width:2.4px}.pulse.release{--pulse-color:var(--release-color)}.pulse.release:before,.pulse.rightRelease:before{opacity:.32;width:7px;height:7px}.pulse.right{--pulse-color:var(--right-color);animation-name:right-pulse;animation-duration:var(--pulse-duration)}.pulse.right:before,.pulse.right:after,.pulse.rightRelease:before,.pulse.rightRelease:after{background:var(--pulse-color);content:"";opacity:.85;border-radius:999px;width:36px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse.right:after,.pulse.rightRelease:after{width:4px;height:36px}.pulse.rightRelease{--pulse-color:var(--right-color);animation-name:right-release-pulse;animation-duration:calc(var(--pulse-duration) * .92)}.pulse.middle{--pulse-color:var(--middle-color);animation-name:middle-pulse;animation-duration:var(--pulse-duration)}.pulse.middle:before,.pulse.middleRelease:before{background:var(--pulse-color);content:"";opacity:.86;border-radius:2px;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.pulse.middleRelease{--pulse-color:var(--middle-color);animation-name:middle-release-pulse;animation-duration:calc(var(--pulse-duration) * .92);box-shadow:none;border:0}.pulse.drag{--pulse-color:var(--drag-color);background:var(--pulse-color);box-shadow:none;border:0;width:12px;height:12px;animation:.38s ease-out forwards drag-pulse}.pulse.drag:before{display:none}@keyframes press-pulse{0%{opacity:.73;transform:translate(-50%,-50%)scale(.22)}to{opacity:0;transform:translate(-50%,-50%)scale(.98)}}@keyframes laser-fade{0%{opacity:.95}to{opacity:0}}@keyframes release-pulse{0%{opacity:.32;transform:translate(-50%,-50%)scale(.78)}to{opacity:0;transform:translate(-50%,-50%)scale(.35)}}@keyframes right-pulse{0%{opacity:.73;transform:translate(-50%,-50%)scale(.22)}to{opacity:0;transform:translate(-50%,-50%)scale(.88)}}@keyframes right-release-pulse{0%{opacity:.3;transform:translate(-50%,-50%)scale(.68)}to{opacity:0;transform:translate(-50%,-50%)scale(.32)}}@keyframes middle-pulse{0%{opacity:.73;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(.84)}}@keyframes middle-release-pulse{0%{opacity:.3;transform:translate(-50%,-50%)scale(.68)}to{opacity:0;transform:translate(-50%,-50%)scale(.38)}}@keyframes drag-pulse{0%{opacity:.75;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.65)}}@media (min-width:921px) and (max-width:1180px){.showcase{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:32px;inset:12vh 24px 24px 6vw;overflow:auto}.statement h1{font-size:clamp(3.8rem,8vw,6rem)}.statement p{max-width:38rem}.install{max-width:min(100%,640px)}.menu{flex:none;align-self:flex-start;width:min(420px,100%)}}@media (max-width:920px){.topbar{display:none}.showcase{inset:9vh 20px 20px}.statement{max-width:calc(100vw - 40px)}.hero-title{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.hero-mark{width:clamp(2.6rem,11vw,3.4rem);height:clamp(2.6rem,11vw,3.4rem)}.statement h1{min-width:0;font-size:clamp(3rem,14vw,5rem);line-height:.9}.statement p{max-width:22rem;margin-top:18px;font-size:1rem}.install{max-width:100%;margin-top:18px;padding-left:14px}.install code{font-size:.8rem}.menu,.shortcut-display{display:none}.pulse{--pulse-size:min(132px, 34vw)}}