body{margin:0;background:#fffcf7;color:#292622;font:16px/1.6 Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}
/* 上の余白は状態バーの分（env(safe-area-inset-top)）を足す（2026-10-09）。viewport-fit=cover のため、iOS のアプリでは「マイページへ戻る」が時計に重なっていた。ブラウザでは 0 なので見た目は変わらない。 */
.history{box-sizing:border-box;max-width:720px;margin:auto;padding:calc(32px + env(safe-area-inset-top, 0px)) 20px 80px;overflow-wrap:anywhere}
.history__back{color:#6535b5}.history h1{margin:24px 0 4px;font-size:30px}.history h2{font-size:20px;margin:30px 0 12px}.history__intro{color:#65594d}
#history-status{min-height:2em;color:#65594d}
.history__card{box-sizing:border-box;padding:16px;border:1px solid #e5cdb8;border-radius:16px;background:#fff}
.history__card h2{margin-top:0}.history__card p{margin:0 0 12px}
.history__hero{margin-top:8px}.history__label{color:#65594d;font-size:14px}.history__big{font-size:34px;font-weight:700;line-height:1.2}.history__sub{color:#65594d;font-size:14px}
.history__totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.history__totals div,.history__months li,.history__events li{box-sizing:border-box;min-width:0;padding:14px;border:1px solid #e5cdb8;border-radius:16px;background:#fff}
.history__totals dt{color:#65594d;font-size:14px}.history__totals dd{margin:0;font-weight:700}
.history__months,.history__events{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.history__months li{display:grid;gap:2px}.history__months strong{white-space:nowrap}.history__months span{color:#65594d}
.history__events li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
.history__events small{display:block;color:#65594d}.history__events .history__book{display:block;font-weight:700}
.history__actions{display:flex;flex-wrap:wrap;gap:10px}
.history__primary,.history__ghost,.history__danger-btn,.history__del{min-height:44px;padding:10px 18px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
.history__primary{border:0;background:#6535b5;color:#fff}
.history__ghost{border:1px solid #e5cdb8;background:#fff;color:#292622}
.history__ghost--danger{color:#9b2525;border-color:#c9a39d}
.history__danger-btn{border:0;background:#9b2525;color:#fff}
.history__del{min-height:40px;padding:6px 12px;border:1px solid #c9a39d;background:#fff;color:#9b2525;font-size:14px}
.history__del[data-armed]{background:#9b2525;color:#fff;border-color:#9b2525}
#history-more,#history-import-again{display:block;margin:0 0 12px}
.history [hidden],#history-more[hidden],#history-import-again[hidden]{display:none}
.history__danger{margin-top:40px;border-color:#c9a39d}.history__confirm{margin-top:12px}
.history__import{margin:8px 0 16px}
button:disabled{opacity:.6;cursor:default}
button:focus-visible,a:focus-visible{outline:3px solid #6535b5;outline-offset:2px}