*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,sans-serif;margin:0;background:#f7f7f7;color:#111}main{min-height:calc(100vh - 72px);padding:16px}.footer-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;display:flex;gap:8px;justify-content:space-around;padding:8px}.footer-nav a{flex:1;text-align:center;text-decoration:none;color:#0366d6;padding:8px 0;font-weight:600}.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:16px;max-width:720px;margin:0 auto}.center{display:flex;align-items:center;justify-content:center}.circle{width:280px;height:280px;border-radius:50%;border:10px solid #0aa370;background:#e9fff5;display:flex;align-items:center;justify-content:center;margin:16px auto;color:#0a6d4f}.circle .steps{font-size:40px;font-weight:800}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:8px 0}label{display:inline-flex;gap:8px;align-items:center}select,input{padding:8px;border-radius:8px;border:1px solid #ddd}button{padding:10px 16px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}button.primary{background:#0aa370;color:#fff;border-color:#0aa370}.small{font-size:12px;color:#666}.table-bordered{width:100%;border-collapse:collapse;border:1px solid #e5e5e5}.table-bordered th,.table-bordered td{border:1px solid #e5e5e5;padding:4px 6px}.table-bordered thead tr{background:#fafafa}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll--wide table{min-width:720px}