:root{--bg:#faf8f4;--surface:#fff;--text:#2c2c2a;--muted:#6b6a64;--border:#e3e0d8;--accent:#1d9e75;--danger:#a32d2d;--warn:#ba7517}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:17px;line-height:1.6}main{max-width:640px;margin:0 auto;padding:24px 16px 64px}button{font:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;padding:8px 16px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:16px 20px}.jp{font-size:22px}.muted{color:var(--muted);font-size:14px}nav.tabs{gap:8px;margin-bottom:20px;display:flex}nav.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.timerbar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.timerbar>div{background:var(--warn);height:100%;transition:width .1s linear}footer{color:var(--muted);margin-top:48px;font-size:12px}