:root{--wood:#2b1d14;--wood-light:#4a3222;--ink:#f4efe4;--muted:#c9b9a3;--accent:#d9a441;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--wood);color:var(--ink);overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;font:16px/1.4 system-ui,sans-serif;display:flex;overflow:hidden}#tray{touch-action:none;flex:1;width:100%;min-height:0}.bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr auto;align-items:center;gap:4px 16px;display:grid}.result{margin:0;font-size:1.25rem}.result output{margin-left:6px;font-size:2rem;font-weight:700}.motion{color:var(--muted);grid-column:1;margin:0;font-size:.875rem}#shake{background:var(--accent);color:#1d1b19;border:0;border-radius:28px;grid-area:1/2/span 2;min-width:120px;min-height:56px;font:700 1.125rem system-ui,sans-serif}#shake:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.fps{top:calc(env(safe-area-inset-top) + 16px);background:#00000080;border-radius:4px;margin:0;padding:2px 6px;font:12px ui-monospace,monospace;position:fixed;left:20px}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}