:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f9fafb;color:#111827;display:block}h1{font-size:24px;line-height:1.2}button{font-family:inherit}#root{max-width:720px;margin:0 auto;padding:2rem}.app-title{margin:0 0 8px;font-size:28px}.subtle{color:#6b7280;font-size:12px}.controls{display:flex;justify-content:center;gap:8px;margin-top:16px}.btn{padding:10px 16px;border-radius:10px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.btn.primary{background:#111827;color:#fff;border-color:#111827}.btn.small{padding:6px 10px;font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-btn{padding:6px 10px;border-radius:8px;border:1px solid #d1d5db;background:#fff}.center{display:flex;justify-content:center}.time{font-size:42px;font-weight:600}