html,body{color:#eee;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;font:14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#scene{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#mic{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:#eee;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#0009;border:1px solid #777;border-radius:50%;width:64px;height:64px;font-size:12px;position:fixed;transform:translate(-50%)}#mic[data-state=listening]{border-color:#fff;box-shadow:0 0 0 6px #ffffff1f}#mic:focus-visible{outline-offset:3px;outline:2px solid #fff}#status{left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom));text-align:center;color:#999;pointer-events:none;font-size:12px;position:fixed}#hud{color:#8f8;pointer-events:none;font:11px/1.3 ui-monospace,monospace;position:fixed;top:8px;left:8px;right:8px}.hint{top:calc(16px + env(safe-area-inset-top));text-align:center;color:#555;pointer-events:none;margin:0;padding:0 16px;font-size:12px;position:fixed;left:0;right:0}#flowbar{left:0;right:0;top:env(safe-area-inset-top,0px);pointer-events:none;background:#ffffff14;height:2px;position:fixed}#flowbar span{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}#flowlabel{left:12px;top:calc(env(safe-area-inset-top,0px) + 30px);letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;pointer-events:none;margin:0;font:10px ui-monospace,monospace;position:fixed}#pips{right:10px;top:calc(env(safe-area-inset-top,0px) + 52px);flex-direction:column;gap:8px;display:flex;position:fixed}.pip{aspect-ratio:9/16;color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff40;justify-content:center;align-items:flex-end;width:22vw;max-width:120px;padding:0 0 4px;font:9px ui-monospace,monospace;display:flex}.pip.next{color:#fff;border-color:#fff;box-shadow:0 0 0 1px #fff}#mood{left:4px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);touch-action:manipulation;background:#00000040;border-radius:16px;grid-template-columns:repeat(5,44px);gap:4px;padding:10px;display:grid;position:fixed}#mood button{cursor:pointer;touch-action:manipulation;background-clip:padding-box;border:6px solid #0000;border-radius:50%;width:44px;height:44px;padding:0;box-shadow:inset 0 0 0 1px #ffffff4d}#pips,#move,#mic,.pip{touch-action:manipulation}#mood .shape{color:#fff;background:0 0;font:16px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#move{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);color:#fff;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #fff6;border-radius:999px;padding:8px 12px;font:11px ui-monospace,monospace;position:fixed}#move:disabled{opacity:.6}#tune{left:8px;top:calc(env(safe-area-inset-top,0px) + 92px);color:#ddd;z-index:5;background:#000000d1;border:1px solid #fff3;width:min(300px,80vw);max-height:60vh;padding:6px 8px;font:11px ui-monospace,monospace;position:fixed;overflow:auto}#tune summary{cursor:pointer;letter-spacing:.12em;text-transform:uppercase}#tune fieldset{border:0;border-top:1px solid #ffffff26;margin:6px 0 0;padding:4px 0 0}#tune legend{text-transform:uppercase;letter-spacing:.12em;color:#fff}#tune label{grid-template-columns:9em 1fr 3.5em;align-items:center;gap:6px;display:grid}#tune output{text-align:right;font-variant-numeric:tabular-nums}#tune button{color:#fff;font:inherit;background:0 0;border:1px solid #fff6;margin:6px 0;padding:4px 8px}#looks{left:8px;top:calc(env(safe-area-inset-top,0px) + 46px);z-index:4;position:fixed}#lookbtn{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;cursor:pointer;touch-action:manipulation;background:#00000059;border:1px solid #ffffff38;border-radius:999px;min-height:32px;padding:7px 12px;font:10px ui-monospace,monospace}#lookmenu{background:#080808f0;border:1px solid #ffffff2e;border-radius:12px;gap:2px;width:min(300px,78vw);max-height:58vh;margin:6px 0 0;padding:6px;list-style:none;display:grid;overflow:auto}#lookmenu li{cursor:pointer;border-radius:8px}#lookmenu li>a,#lookmenu li[data-look]{color:#fff;gap:2px;padding:9px 10px;text-decoration:none;display:grid}#lookmenu b{letter-spacing:.08em;text-transform:uppercase;font:500 11px ui-monospace,monospace}#lookmenu span{color:#ffffff8c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font:11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:-webkit-box;overflow:hidden}#lookmenu li[aria-selected=true]{background:#ffffff1f}#lookmenu li:hover{background:#ffffff12}#lookmenu li.frozen b{color:#ffffffb3}#lookmenu li.sep{border-top:1px solid #ffffff1f;margin-top:4px;padding-top:2px}#veil{opacity:0;pointer-events:none;z-index:3;background:#000;transition:opacity .22s;position:fixed;top:0;bottom:0;left:0;right:0}#veil.on{opacity:.75}#slowmo{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);color:#fff;letter-spacing:.1em;text-transform:uppercase;touch-action:manipulation;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #ffffff80;border-radius:999px;min-width:96px;min-height:40px;padding:8px 12px;font:11px ui-monospace,monospace;position:fixed}#slowmo:disabled{opacity:.45}#fbtoggle{left:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);color:#fff;letter-spacing:.1em;text-transform:uppercase;touch-action:manipulation;background:#00000059;border:1px solid #ffffff73;border-radius:999px;min-height:40px;padding:8px 14px;font:11px ui-monospace,monospace;position:fixed}#feedback{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);z-index:6;background:#080808eb;border:1px solid #fff3;border-radius:14px;gap:8px;max-width:520px;padding:12px;display:grid;position:fixed}#feedback textarea{box-sizing:border-box;color:#eee;resize:vertical;background:#000;border:1px solid #ffffff40;border-radius:8px;width:100%;padding:10px;font:16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#feedback .fb-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#feedback .fb-row button{color:#fff;letter-spacing:.08em;text-transform:uppercase;touch-action:manipulation;background:0 0;border:1px solid #fff6;border-radius:999px;min-height:40px;padding:8px 14px;font:11px ui-monospace,monospace}#feedback #fb-send{color:#000;background:#fff;margin-left:auto}#feedback #fb-state{color:#aaa;font:11px ui-monospace,monospace}#feedback .fb-note{color:#888;margin:0;font:11px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#feedback[hidden]{display:none}body.fb-open :-webkit-any(#mic,#move,#slowmo,#fbtoggle,#mood,#looks,#pips,.hint,#flowlabel,#status){filter:blur(3px);opacity:.3;pointer-events:none}body.fb-open :is(#mic,#move,#slowmo,#fbtoggle,#mood,#looks,#pips,.hint,#flowlabel,#status){filter:blur(3px);opacity:.3;pointer-events:none}#feedback{overflow:auto}#feedback.kb{bottom:auto}#feedback.kb .fb-note{display:none}#feedback .fb-box{position:relative}#feedback textarea.dictating{border-color:#e4572ecc}#fb-live{color:#fff;letter-spacing:.06em;pointer-events:none;background:#000000bf;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font:11px ui-monospace,monospace;display:inline-flex;position:absolute;top:8px;right:10px}#fb-live i{background:#e4572e;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite fbpulse}@keyframes fbpulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){#fb-live i{animation:none}}#fb-sent{left:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);letter-spacing:.08em;text-transform:uppercase;color:#6a994ebf;pointer-events:none;font:9px ui-monospace,monospace;position:fixed}#fb-sent.flash{color:#fffc}body.fb-open #fb-sent{opacity:0}[hidden]{display:none!important}#movename{left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 232px);pointer-events:none;opacity:0;text-shadow:0 0 6px #000,0 0 2px #000;gap:3px;max-width:46vw;transition:opacity .35s,transform .35s;display:grid;position:fixed;transform:translate(-6px)}#movename.on{opacity:.85;transform:none}#movename b{letter-spacing:.14em;text-transform:uppercase;color:#fff;font:500 13px ui-monospace,monospace}#movename span{letter-spacing:.04em;color:#ffffffa6;font:10px/1.35 ui-monospace,monospace}body.fb-open #movename{opacity:0}@media (prefers-reduced-motion:reduce){#movename{transition:none}}#movenext{left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 214px);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;pointer-events:none;text-shadow:0 0 4px #000;font:10px ui-monospace,monospace;position:fixed}body.fb-open #movenext{opacity:0}.hint{pointer-events:none;animation:1.2s 8s forwards hintfade}@keyframes hintfade{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.hint{animation-duration:0s}}
