:root{--live-dot:oklch(73% .18 62);--live-text:oklch(54% .18 292);--live-glow:oklch(73% .18 62/.34);--precision-frame:oklch(58% .19 292);--precision-core:oklch(73% .18 62);--precision-glow:oklch(73% .18 62/.42);--interactive-frame:oklch(56% .19 292);--interactive-core:oklch(73% .18 62);--interactive-surface:oklch(98.5% .004 258/.9);--interactive-glow:oklch(56% .19 292/.28)}.dark{--live-dot:oklch(86% .26 145);--live-text:oklch(86% .26 145);--live-glow:oklch(86% .26 145/.35);--precision-frame:oklch(74% .14 248);--precision-core:oklch(81% .15 72);--precision-glow:oklch(74% .14 248/.34);--interactive-frame:oklch(78% .12 292);--interactive-core:oklch(81% .15 72);--interactive-surface:oklch(22% .022 266/.88);--interactive-glow:oklch(78% .12 292/.3)}.neon-dot{background-color:var(--live-dot);box-shadow:0 0 0 1px color-mix(in oklch, var(--live-dot) 28%, transparent), 0 0 12px var(--live-glow)}.neon-text{color:var(--live-text);text-shadow:0 0 12px var(--live-glow)}html[data-canvas-cursor=on] [aria-hidden].pointer-events-none.fixed.inset-0>span.rounded-full.bg-measure{border:1px solid color-mix(in oklch, var(--precision-frame) 84%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--precision-frame) 9%, transparent), 0 0 14px color-mix(in oklch, var(--precision-glow) 72%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--precision-core) 7%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:width .14s cubic-bezier(.16,1,.3,1),height .14s cubic-bezier(.16,1,.3,1),border-color .14s,box-shadow .14s;background:color-mix(in oklch, var(--interactive-surface) 76%, transparent)!important;border-radius:3px!important;width:18px!important;height:18px!important;transform:translate(-50%,-50%)rotate(45deg)!important}html[data-canvas-cursor=on] [aria-hidden].pointer-events-none.fixed.inset-0>span.rounded-full.bg-measure:before{content:"";background:var(--precision-core);width:4px;height:4px;box-shadow:0 0 0 3px color-mix(in oklch, var(--precision-core) 14%, transparent), 0 0 10px color-mix(in oklch, var(--precision-core) 55%, transparent);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html[data-canvas-cursor=on] [aria-hidden].pointer-events-none.fixed.inset-0>span.rounded-full.bg-measure:after{content:"";border:1px solid color-mix(in oklch, var(--precision-frame) 24%, transparent);border-radius:1px;position:absolute;inset:3px}.canvas-hot-marker{width:27px;height:27px;filter:drop-shadow(0 0 8px var(--interactive-glow));place-items:center;animation:.15s cubic-bezier(.16,1,.3,1) both magnetic-target-in;display:grid;transform:translate(-50%,-50%)}.canvas-hot-marker:before{content:"";border:1px solid var(--interactive-frame);background:var(--interactive-surface);box-shadow:0 0 0 1px color-mix(in oklch, var(--interactive-frame) 12%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--interactive-core) 7%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px 1px;position:absolute;inset:5px;transform:rotate(45deg)}.canvas-hot-marker:after{content:"";background:var(--interactive-core);width:4px;height:4px;box-shadow:0 0 0 3px color-mix(in oklch, var(--interactive-core) 16%, transparent), 0 0 12px color-mix(in oklch, var(--interactive-core) 58%, transparent);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-hot-glyph{z-index:1;border:1px solid color-mix(in oklch, var(--interactive-frame) 72%, transparent);background:var(--interactive-surface);width:13px;height:13px;color:var(--interactive-frame);font-family:var(--font-code);box-shadow:0 2px 8px color-mix(in oklch, var(--interactive-frame) 15%, transparent);border-radius:999px;place-items:center;font-size:8px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-1px}.canvas-click-marker{width:34px;height:34px;filter:drop-shadow(0 0 8px var(--precision-glow));animation:.28s cubic-bezier(.2,.8,.2,1) both precision-click;position:absolute;transform:translate(-50%,-50%)}.canvas-click-marker:before{content:"";border:1px solid var(--precision-frame);border-radius:2px;width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.canvas-click-marker:after{content:"";background:var(--precision-core);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in oklch, var(--precision-core) 18%, transparent), 0 0 14px var(--precision-glow);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-click-bracket{border-color:var(--precision-frame);opacity:.9;width:7px;height:7px;position:absolute}.canvas-click-bracket-nw{border-top:1px solid;border-left:1px solid;top:1px;left:1px}.canvas-click-bracket-ne{border-top:1px solid;border-right:1px solid;top:1px;right:1px}.canvas-click-bracket-sw{border-bottom:1px solid;border-left:1px solid;bottom:1px;left:1px}.canvas-click-bracket-se{border-bottom:1px solid;border-right:1px solid;bottom:1px;right:1px}.stack-marquee-track{will-change:transform;animation:34s linear infinite stack-marquee}.stack-marquee-track:hover{animation-play-state:paused}.hero-dither,.project-dither{opacity:.16;background-image:radial-gradient(circle, color-mix(in oklab, var(--color-accent-on-deep) 52%, transparent) 0 .7px, transparent .85px);background-size:5px 5px}.hero-dither{-webkit-mask-image:radial-gradient(62% 66% at 77% 46%,#000 0%,#0000 76%);mask-image:radial-gradient(62% 66% at 77% 46%,#000 0%,#0000 76%)}.project-dither{opacity:.1;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%)}.project-reveal-row{isolation:isolate}.project-reveal-row:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 82% 50%, color-mix(in oklab, var(--color-accent-on-deep) 7%, transparent), transparent 32%), linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-deep-raised) 45%, transparent) 64%, transparent);transition:opacity .42s;position:absolute;inset:0 -1.25rem}.project-reveal-row:hover:before{opacity:1}.project-tilt-surface{transform-style:preserve-3d;box-shadow:0 16px 38px -34px color-mix(in oklab, var(--color-on-deep) 24%, transparent), inset 0 1px 0 color-mix(in oklab, var(--color-on-deep) 4%, transparent);transition:transform .48s cubic-bezier(.16,1,.3,1),border-color .32s,background-color .32s,box-shadow .48s;transform:perspective(1200px)translate(0)}.project-reveal-row:hover .project-tilt-surface{border-color:color-mix(in oklab, var(--color-accent-on-deep) 42%, var(--color-deep-line));background:color-mix(in oklab, var(--color-deep-raised) 58%, transparent);box-shadow:0 30px 64px -42px color-mix(in oklab, var(--color-accent-on-deep) 34%, transparent), 0 16px 32px -28px color-mix(in oklab, var(--color-on-deep) 22%, transparent), inset 0 1px 0 color-mix(in oklab, var(--color-on-deep) 7%, transparent);transform:perspective(1200px)rotateX(1.2deg)rotateY(-1.5deg)translate3d(0,-4px,14px)}@keyframes stack-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes magnetic-target-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(-8deg)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.06)rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes precision-click{0%{opacity:0;transform:translate(-50%,-50%)scale(.78)rotate(-7deg)}36%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}68%{opacity:1;transform:translate(-50%,-50%)scale(.98)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.canvas-hot-marker,.canvas-click-marker{opacity:1;animation:none}.stack-marquee-track{animation:none}.project-reveal-row:hover .project-tilt-surface{transform:none}}