衣食住の、その先へ
花のある暮らしで、心を満たす
const html="<!doctype html><html lang='ja'><head><meta charset='utf-8'><meta name='viewport' content='width=device-width,initial-scale=1'><title>AIメールアシスタント</title><style>body{font-family:sans-serif;margin:0;background:#f4f7f5;color:#16231d}.wrap{max-width:1400px;margin:auto;padding:16px 16px 90px}h1{margin:0 0 10px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.sum{background:#fff;border:1px solid #d7dfda;border-radius:8px;padding:10px}.sum b{font-size:24px}.mail-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;background:#fff;border:1px solid #d7dfda;border-radius:8px;padding:10px;margin:7px 0}.mail-card.high{border-left:5px solid #d72b2b}.mail-top{display:flex;gap:8px}.platform,.status,.countdown{padding:3px 7px;border-radius:999px;background:#e8f3ec;font-size:12px}h2{font-size:17px;margin:5px 0}.meta{font-size:12px;color:#5b6861}.draft{width:100%;min-height:110px;box-sizing:border-box}.actions{display:flex;gap:7px;margin-top:6px}button,.external{border:1px solid #096b43;background:#fff;color:#075f3b;border-radius:5px;padding:7px 10px;font-weight:700;text-decoration:none}.copy,.sendbtn{background:#087345;color:#fff}aside{background:#fff7bf;border:1px solid #e5ce59;border-radius:6px;padding:9px;font-size:13px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff7d6;padding:10px;text-align:center}@media(max-width:700px){.summary{grid-template-columns:repeat(2,1fr)}.mail-card{grid-template-columns:1fr}}</style></head><body><main class='wrap'><h1>AIメールアシスタント</h1><section class='summary'><div class='sum'>未対応<br><b>"+items.length+"</b></div><div class='sum'>期限・緊急<br><b>"+urgent.length+"</b></div><div class='sum'>外部サイト<br><b>"+external.length+"</b></div><div class='sum'>直接返信<br><b>"+direct.length+"</b></div></section>"+cards+"</main><div class='bottom'>下書きのコピーは各カードのボタンから行えます。直接送信は最終確認後に実行されます。</div></body></html>";
