:root{--ink:#1a1a1a;--paper:#f7f5f0;--line:#d9d4ca;--accent:#c0392b;color:var(--ink);background:var(--paper);font-family:-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}#root{max-width:720px;margin:0 auto;padding:16px}h1{margin:0 0 12px;font-size:1.25rem}h2{margin:20px 0 8px;font-size:1rem}.card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:12px;padding:14px 16px}.row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;display:flex}.row:last-child{border-bottom:none}.big{font-size:1.8rem;font-weight:700}.muted{color:#6b6b6b;font-size:.9rem}button,.btn{font:inherit;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:8px;padding:10px 16px}button.ghost{color:var(--ink);background:0 0}input{font:inherit;border:1px solid var(--line);border-radius:8px;width:100%;padding:10px}label{margin:10px 0 4px;font-size:.9rem;display:block}.err{color:var(--accent)}nav a{color:var(--ink);margin-right:14px}