html,body{margin:0;background:#f6f8fa;color:#182f3b;font-family:system-ui,sans-serif}body{overflow-x:hidden}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;background:#132c48;color:white}.toolbar div{display:flex;align-items:center;gap:8px}.toolbar button{border:1px solid #becbd7;border-radius:6px;padding:5px 12px;background:white;color:#132c48;font:inherit;cursor:pointer}.toolbar output{min-width:52px;text-align:center}#connection{font-size:12px;padding:5px 16px;margin:0;background:#e0f0ee}#connection.error{background:#fff1cd;color:#6e4600}#exercise{max-width:1000px;padding:12px 18px;border-radius:0}.cc-exercise h2{font-size:24px;margin:8px 0}.cc-intro{margin:8px 0}.cc-status{padding:7px;margin:8px 0}.cc-prompts{padding:8px;margin:8px 0}.cc-prompts .cc-media{font-size:28px}.cc-group{margin:10px 0}.cc-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cc-option{padding:5px;min-height:60px}.cc-option img{max-height:105px}.cc-feedback{padding:7px 12px;margin:8px 0;min-height:32px}.cc-controls{padding:7px 0;margin:0}.cc-footer{margin:6px 0}@media(max-width:650px){.cc-options{grid-template-columns:repeat(3,minmax(0,1fr))}#exercise{padding:10px}.toolbar{padding:8px}}@media(max-width:450px){.cc-options{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar strong{font-size:14px}.toolbar div{gap:5px}.toolbar button{padding:5px 9px}}
.cc-blank{width:100%;max-width:420px;margin:4px 0 12px}.rhythm-app h1{font-size:24px}.rhythm-app{padding:12px}.rhythm-app img{max-width:100%;height:auto}.rhythm-controls{position:sticky;bottom:0;background:#f6f8fa;z-index:5;padding:8px 0;}