:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#382d32;background:#faf6f4;font-size:16px;--accent:#b83a63}*{box-sizing:border-box}body{margin:0}header{padding:calc(16px + env(safe-area-inset-top)) 20px 16px;background:white;border-bottom:1px solid #eadbe0}.brand{font-weight:750;color:#b83a63}.brand span{display:block;font-size:14px;letter-spacing:.15em;margin-top:5px}#status{display:block;color:#67545e;margin-top:8px}main{max-width:900px;margin:auto;padding:24px 16px calc(110px + env(safe-area-inset-bottom))}h1{font-size:26px;margin:0 0 20px}h2{font-size:20px;color:var(--accent);margin:0 0 14px}h3{font-size:17px}p{line-height:1.7}section,.card,details{background:#fff;border:1px solid #eadfe0;border-radius:16px;padding:18px;margin-bottom:16px}section{border-top:4px solid var(--accent)}summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650;overflow-wrap:anywhere}label{display:block;line-height:1.6;margin:10px 0}input,textarea,select,button{font:inherit;max-width:100%}input:not([type=checkbox]),textarea,select{width:100%;min-height:44px;border:1px solid #ccbfc4;background:#fff;border-radius:8px;padding:10px;color:inherit}textarea{min-height:86px;resize:vertical}input[type=checkbox]{width:24px;height:24px;flex-shrink:0;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:12px;min-height:44px}.check small{margin-left:auto}button,.button{min-height:44px;border:1px solid #d9c6cd;border-radius:9px;background:#fff;padding:10px 14px;cursor:pointer;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button.primary{background:var(--accent);color:white;border-color:var(--accent)}.actions,.row,.menu{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1;min-width:120px}.muted,.hint,small{color:#71646a}.hint{background:#faf5f7;padding:10px;border-radius:8px;font-size:15px;line-height:1.6}.badge{display:inline-block;background:#fff1cf;color:#725315;padding:3px 8px;font-size:13px;border-radius:6px}.hero{background:#b83a63;color:white;border:0}.hero h2,.hero small{color:white}.number{font-size:46px;font-weight:750}.metric{background:#eff8f6;padding:14px;border-radius:10px}.table-wrap{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{border:1px solid #eadfe0;padding:8px;vertical-align:top;overflow-wrap:anywhere}th{background:#f6edf1;font-size:14px}td textarea{min-height:90px;padding:7px;font-size:16px}nav#tabs{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #dfcdd4;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:10}#tabs a{font-size:12px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#756570;text-decoration:none;border-radius:9px}#tabs a.active{background:#faeaf0;color:#b83a63;font-weight:700}#tabs b{font-size:20px}.menu a{flex:1;min-width:130px}svg.chart{width:100%;height:auto}.danger{color:#b32f2b}a{color:#3f6bb5;overflow-wrap:anywhere}.history{line-height:1.8;font-size:15px}.empty{padding:20px;color:#71646a;text-align:center}form{margin-bottom:16px}details details{padding:10px}.save-note{font-size:13px} @media(min-width:700px){.brand span{display:inline;margin-left:12px}main{padding-top:32px}#tabs{max-width:900px;margin:auto;border-radius:16px 16px 0 0}}@media(max-width:420px){main{padding-left:12px;padding-right:12px}section,.card,details{padding:14px}th,td{padding:5px}.comparison{table-layout:fixed}.comparison th:first-child{width:22%}}