*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--cyan:#22d3ee;--orange:#ff6b35;--accent:var(--cyan);--ht-ground:#0b0b0d;--ht-paper:#f2efe8;--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--ht-ground);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.ht-shell{position:relative;height:100svh}.ht-stage{position:relative;width:100%;height:100%;margin:0;background:var(--ht-ground);overflow:hidden;cursor:crosshair}.ht-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}[data-halftone] img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}.has-js [data-halftone] img{opacity:0}[data-halftone] canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.ht-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 38%,transparent 52%,rgba(0,0,0,0.5) 100%)}.ht-cue{position:absolute;left:1.6rem;bottom:1.4rem;z-index:3;display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase;pointer-events:none}.ht-cue strong{color:var(--text);font-weight:600}.ht-cue__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}@media (max-width:768px){.ht-cue{left:1.1rem;bottom:1.1rem}.ht-cue span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.has-js [data-halftone] img{opacity:1}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}