@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.cw-root{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 20px;font-family:Roboto Mono,monospace;display:flex}.cw-stage{flex-shrink:0;width:400px;height:400px;position:relative}.cw-ring{mix-blend-mode:hard-light;cursor:crosshair;background:conic-gradient(red,#ff8000,#ff0,#af0,#0f0,#0fc,#0ff,#08f,#00f,#80f,#f0f,#f06,red);border-radius:50%;transition:width .55s cubic-bezier(.34,1.4,.64,1),height .55s cubic-bezier(.34,1.4,.64,1),opacity .5s,box-shadow .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cw-ring--off{opacity:.15;box-shadow:0 5px 10px 5px #00000040}.cw-ring--on{opacity:.75;box-shadow:0 0 10px 5px #ffffff40}.cw-inner{opacity:.5;z-index:1;cursor:pointer;background:#000;border-radius:50%;width:250px;height:250px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cw-inner--on{opacity:.4}.cw-center{z-index:2;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cw-off-content{opacity:1;flex-direction:column;align-items:center;gap:10px;transition:opacity .3s,scale .3s;display:flex;position:absolute}.cw-off-content--hidden{opacity:0;scale:.8}.cw-label-off{letter-spacing:.08em;color:#fff;font-size:18px;font-weight:400}.cw-on-content{opacity:0;flex-direction:column;align-items:center;transition:opacity .35s,scale .35s;display:flex;scale:1.25}.cw-on-content--visible{opacity:1;scale:1}.cw-brightness-value{letter-spacing:-.04 em;color:#fff;font-size:54px;font-weight:300;line-height:1}.cw-brightness-label{letter-spacing:.08em;opacity:.9;color:#fff;margin-top:6px;font-size:18px;font-weight:400}.cw-knob{mix-blend-mode:soft-light;box-sizing:border-box;z-index:3;cursor:grab;background:#00000080;border:8px solid #fff;border-radius:50%;width:71px;height:71px;position:absolute}.cw-knob:active{cursor:grabbing}.lamp-container{z-index:3;flex-direction:column;justify-content:center;align-items:center;width:400px;height:293px;padding-top:40px;padding-bottom:32px;display:inline-flex;position:absolute;top:0;left:0}.lamp-glow-outer{opacity:.25;background:var(--lamp-color);filter:blur(40px);border-radius:9999px;width:280px;height:280px;position:absolute;top:10.5px;left:60px}.lamp-glow-inner{opacity:.3;background:var(--lamp-color);filter:blur(20px);border-radius:9999px;width:180px;height:180px;position:absolute;top:60.5px;left:110px}.lamp-glow--hidden{display:none}.lamp-bulb{background:var(--lamp-color);border-radius:9999px;width:128px;height:128px;position:relative}.lamp-bulb--off{background:#00000040;border:1px solid #fff9}.lamp-bulb-highlight{filter:blur(5px);background:#ffffff38;border-radius:20px;width:40px;height:40px;position:absolute;bottom:20px;right:20px}.lamp-base{width:52px;height:17px;position:relative}.lamp-base-inner{flex-direction:column;justify-content:flex-start;align-items:center;display:inline-flex;position:absolute;top:-4px;left:0}.lamp-base-top{background:linear-gradient(#a09b96 0%,#78736e 100%);border-top-left-radius:3px;border-top-right-radius:3px;width:48px;height:8px}.lamp-base-segments{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.lamp-base-seg-1{background:#827d78;width:52px;height:3px}.lamp-base-seg-2{background:#736e69;width:50px;height:3px}.lamp-base-seg-3{background:#645f5a;width:48px;height:3px}.lamp-base-bottom{background:#5a5550;border-bottom-right-radius:3px;border-bottom-left-radius:3px;width:40px;height:4px}body,html{background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;position:relative}.webcam-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.ui-layer{z-index:3;transform-origin:0 0;position:absolute;top:30px;right:30px;transform:scale(1)}.resting-overlay{z-index:2;color:#fff;text-align:center;opacity:1;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .35s;display:flex;position:absolute;top:0;left:0}.resting-overlay h2{transition:opacity .35s}.resting-text--hidden{opacity:0;transition:opacity .35s}.landmark-canvas{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}