:root{--robo-bg:#0a0a0f;--robo-fg:#ececf2;--robo-dim:#6b6b7a;--robo-accent:#5eead4;--robo-hot:#fb7185}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--robo-bg);height:100%;margin:0;overflow:hidden}body{color:var(--robo-fg);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.stage{position:fixed;inset:0}.stage-canvas{touch-action:none;position:absolute;inset:0}.viz-word{display:none}.stage-top{padding:env(safe-area-inset-top,1rem) 1.1rem 0;padding-top:max(1rem, env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;align-items:center;gap:1rem;display:flex;position:absolute;top:0;left:0;right:0}.robo-mark{letter-spacing:-.02em;align-items:center;gap:.5rem;font-weight:800;display:flex}.robo-dot{background:var(--robo-accent);width:9px;height:9px;box-shadow:0 0 12px var(--robo-accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.robo-say{color:var(--robo-accent);opacity:.9;font-size:.9rem}.stage-bottom{padding:1rem 1.1rem max(1rem, env(safe-area-inset-bottom));align-items:center;gap:1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.play{cursor:pointer;background:var(--robo-accent);color:#04110d;border:none;border-radius:50%;width:3rem;height:3rem;font-size:1rem;box-shadow:0 0 24px #5eead466}.scene-switch{gap:.4rem;margin-left:auto;display:flex}.scene-switch button{color:var(--robo-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:.45rem .9rem;font-size:.8rem}.scene-switch button.on{color:var(--robo-accent);border-color:var(--robo-accent)}@media (width<=640px){.robo-say{width:100%;font-size:.8rem}.scene-switch button{padding:.5rem .7rem}}