html,body{background:var(--c-bg);height:100%;margin:0;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.word{white-space:pre;mix-blend-mode:screen;pointer-events:none;user-select:none;will-change:transform, opacity, filter;transform-origin:0 0;margin:0;line-height:1;position:fixed;top:50%;left:50%}.xray :is(.word,.say,.say *){-webkit-text-stroke:1px var(--c-xray);outline:1px solid color-mix(in srgb, var(--c-xray) 33%, transparent);outline-offset:4px;color:#0000!important}.xray-over :is(.word,.say,.say *){-webkit-text-stroke:1px color-mix(in srgb, var(--c-xray) calc(var(--xr) * 100%), transparent);outline:1px solid color-mix(in srgb, var(--c-xray) calc(var(--xr) * 33%), transparent);outline-offset:4px}.xray-over .word:after,.xray-over #hud{opacity:var(--xr)}:is(.xray,.xray-over) .word:after{content:attr(data-hud);letter-spacing:0;text-transform:none;color:var(--c-xray);-webkit-text-stroke:0;font:400 10px/1 ui-monospace,Menlo,monospace;position:absolute;top:calc(100% + 8px);left:0}#hud{pointer-events:none;color:var(--c-xray);white-space:pre;margin:0;font:400 11px/1.4 ui-monospace,Menlo,monospace;display:none;position:fixed;top:12px;left:16px}:is(.xray,.xray-over) #hud{display:block}.word span{opacity:0;filter:blur(8px);transition:opacity .9s ease-out,filter .9s ease-out}.word span.on{opacity:1;filter:blur()}#fx{left:calc(16px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));z-index:1;box-sizing:border-box;scrollbar-width:none;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);font-family:var(--font);font-size:var(--fs);font-style:var(--fstyle);text-transform:var(--case);color:var(--ink);background:var(--panel);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow);--edge:color-mix(in srgb, var(--fill) 70%, #000);--line:color-mix(in srgb, var(--ink) 35%, transparent);--sh:20px;padding:8px 12px;line-height:1.4;position:fixed;overflow-y:auto}#fx::-webkit-scrollbar{display:none}#fx summary{cursor:pointer;height:var(--sh);font-weight:600;line-height:var(--sh);white-space:nowrap;margin:-8px -12px;padding:8px calc(12px + 9em) 8px 12px}#fx summary::marker{color:var(--fill)}#fx-vibes{grid-template-columns:92px minmax(0,140px) 44px 16px;grid-auto-rows:22px;align-items:center;gap:2px 10px;margin-top:8px;display:grid}#fx-vibes span,#fx output{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#fx-vibes label{display:contents}#fx-vibes .sec{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);grid-column:1/-1;align-self:end;margin:0;font-size:.8em}#fx-vibes .sec:not(:first-of-type){margin-top:6px}#fx .btn{font:inherit;cursor:pointer;color:var(--btn-ink);background:var(--fill);border-radius:min(var(--radius), 6px);text-transform:lowercase;box-shadow:2px 2px 0 var(--edge);border:0;padding:1px 6px;font-size:.85em}#fx .btn:hover{background:var(--ink)}#fx .btn:active{box-shadow:none;transform:translate(2px,2px)}#fx .btn:disabled{opacity:.6;cursor:progress;transform:none}#fx .corner{top:calc(8px + var(--sh) / 2);gap:6px;display:flex;position:absolute;right:8px;translate:0 -50%}#fx .corner .btn,#fx .corner.btn{--bh:18px;box-sizing:border-box;width:72px;height:var(--bh);white-space:nowrap;place-items:center;padding:0;font-size:11px;line-height:1;display:grid;overflow:hidden}#fx :focus-visible{outline:2px solid var(--ink);outline-offset:2px}#fx summary:focus-visible{outline-offset:-4px}#fx-hi{width:296px;max-width:100%}#hi{gap:4px;margin-top:10px;display:grid}#hi label:not(:first-child){margin-top:6px}#hi .field{box-sizing:border-box;width:100%;font:inherit;text-transform:none;color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent);border:1px solid var(--line);border-radius:min(var(--radius), 6px);margin:0;padding:6px 8px;font-size:max(1em,13px);font-style:normal}#hi textarea.field{resize:vertical;min-height:6em}#hi .field:focus{border-color:var(--fill)}#hi .field:user-invalid{border-color:var(--ink);border-style:dashed}#fx-hi .btn:not(.corner){margin-top:10px;padding:8px 12px;font-size:1em}#fx [hidden]{display:none}#hi-status{margin:10px 0 0}#hi-status:empty{display:none}#fx-hi .alt{color:var(--muted);margin:10px 0 2px}#fx-hi a{color:var(--ink);text-underline-offset:2px}#fx-contact{box-sizing:border-box;border:0;border-top:1px solid var(--line);width:0;min-width:100%;height:44px;font:inherit;text-transform:inherit;text-align:left;color:var(--muted);cursor:pointer;background:0 0;margin-top:10px;padding:8px 0 0;font-size:.85em;display:block}#fx-contact:hover{color:var(--ink);text-underline-offset:2px;text-decoration:underline}#fx .btn.rainbow{color:#111;background:linear-gradient(90deg,#ff6b6b,#ffb347,#fff06a,#7dffa0,#6ad5ff,#b18cff,#ff6b6b) 0 0/200% 100%}@media (prefers-reduced-motion:no-preference){#fx .btn.rainbow:hover{animation:1s linear infinite rainbow-slide}}@keyframes rainbow-slide{to{background-position:-200% 0}}@media (pointer:coarse){#fx{--sh:36px}#fx .corner .btn,#fx .corner.btn{--bh:30px}#fx-contact,#hi .field,#fx-hi .btn:not(.corner){min-height:44px}#hi .field{font-size:16px}}#fx input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right, var(--fill) var(--p,0%), var(--track) var(--p,0%));border-radius:3px;width:100%;height:6px;margin:0}#fx input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--tw);height:var(--th);border-radius:var(--tr);background:var(--thumb);box-shadow:2px 2px 0 var(--edge);cursor:pointer}#fx input::-moz-range-thumb{width:var(--tw);height:var(--th);border-radius:var(--tr);background:var(--thumb);box-shadow:2px 2px 0 var(--edge);cursor:pointer;border:0}#fx .osc{all:unset;cursor:pointer;width:16px;height:16px;color:var(--ink);border-radius:min(var(--radius), 4px);place-items:center;display:grid}#fx .osc[aria-pressed=true]{color:var(--btn-ink);background:var(--fill);box-shadow:1px 1px 0 var(--edge)}#fx .osc svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}#fx .osc:focus-visible{outline:2px solid var(--ink);outline-offset:1px}#fx output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}#msg{--s:18vmin;z-index:1;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);place-items:center;display:grid;position:fixed;top:50%;left:50%}#msg textarea{resize:none;color:#0000;caret-color:#0000;pointer-events:none;background:0 0;border:0;outline:0;padding:0;font:16px serif;position:absolute;inset:0}.say{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;width:100%;margin:0;line-height:1.15}.fall{z-index:1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.caret{vertical-align:-.12em;border-left:2px solid var(--c-yel);width:0;height:1em;margin-right:-2px;animation:1.06s step-end infinite blink;display:inline-block}#msg:not(:focus-within) .caret{visibility:hidden}@keyframes blink{50%{opacity:0}}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}