:root{--glass:#ffffff8c;--glass-edge:#ffffffb3;--ink:#3b2f25;--accent:#d18b4f;--radius:999px;--shadow:0 8px 30px #5032142e;--font:ui-rounded, "SF Pro Rounded", system-ui, sans-serif}html,body{height:100%;font-family:var(--font);color:var(--ink);background:#efe9e1;margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;position:fixed;inset:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--glass-edge);box-shadow:var(--shadow)}.bar{left:50%;bottom:max(20px, env(safe-area-inset-bottom));border-radius:var(--radius);gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.bar button{font:inherit;color:var(--ink);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;padding:10px 18px;font-size:16px;font-weight:600;transition:background .2s,color .2s}.bar button[aria-pressed=true]{background:var(--accent);color:#fff}
