:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #eef0f4; font-family: 'Hanken Grotesk', system-ui, sans-serif; }
#app { max-width: 430px; margin: 0 auto; min-height: 100vh; background: #f7f8fa; position: relative; box-shadow: 0 0 40px rgba(0,0,0,.08); }
#view { padding-bottom: 16px; }            /* tab bar gone */
#trackCanvas { width: 100%; height: auto; display: block; border-radius: 10px; }
.live-shape { height: 120px; }
.results-shape { height: 150px; }
.live-shape svg, .results-shape svg { display: block; width: 100%; height: 100%; }
@media (min-width: 600px) { body { padding: 16px 0; } #app { border-radius: 16px; min-height: calc(100vh - 32px); overflow: hidden; } }