*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#24211e;background:#f3f0e9;margin:0;font-family:Arial,sans-serif}header{color:#fff;background:#191715;border-bottom:5px solid #b92520;padding:42px 0 30px}.wrap{max-width:1000px;margin:auto;padding:0 20px}.eyebrow{letter-spacing:1.6px;color:#aa8665;font-size:11px;font-weight:700}header .eyebrow{color:#d7b88b}h1{letter-spacing:-1px;margin:13px 0;font-size:36px}header p{color:#c9c3bb;line-height:1.6}.sync{color:#d7b88b;margin-top:24px;font-size:12px}.notice{background:#fff6e5;border:1px solid #dfcdaa;border-radius:12px;margin:26px 0;padding:20px}.notice p{margin-bottom:0;font-size:14px;line-height:1.5}nav{flex-wrap:wrap;gap:10px;display:flex}nav a{color:#9b211d;text-align:center;background:#fff;border:1px solid #ded7cd;border-radius:10px;padding:10px 19px;font-size:23px;font-weight:700;text-decoration:none}small{letter-spacing:1px;margin-top:5px;font-size:10px;display:block}.instructions{color:#73695d;margin:20px 0;font-size:13px;line-height:1.8}article{background:#fff;border:1px solid #ded7cd;border-radius:16px;margin:24px 0;scroll-margin-top:12px;overflow:hidden}.cardhead{border-bottom:1px solid #eee7dd;align-items:center;gap:20px;padding:23px;display:flex}.day{color:#a92520;text-align:center;font-size:37px;font-weight:700;line-height:1}h2{margin:7px 0 0;font-size:22px}.grid{grid-template-columns:300px 1fr;gap:26px;padding:24px;display:grid}section img{border-radius:8px;width:100%;height:auto;display:block}button{color:#fff;cursor:pointer;background:#b12420;border:none;border-radius:8px;min-height:46px;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:700}section button{width:100%;margin-top:12px}.plain{text-align:center;color:#77685c;padding:12px;font-size:13px;display:block}label{letter-spacing:1.5px;color:#89725e;margin-bottom:12px;font-size:11px;font-weight:700;display:block}textarea{resize:vertical;color:#29231f;background:#fffcf7;border:1px solid #dcd3c7;border-radius:8px;width:100%;height:370px;padding:16px;font:15px/1.6 Arial}.confirm{background:#faf8f4;border-top:1px solid #eae3d9;padding:18px 24px 24px}.confirm p{color:#6d6258;margin:0 0 14px;font-size:13px}.buttons{grid-template-columns:1fr 1fr;gap:14px;display:grid}.buttons button{width:100%}.buttons small{letter-spacing:0;color:#7a7065;text-align:center;font-size:11px;line-height:1.5}.pending{color:#584b3e;background:#ece5dc;border:1px solid #d2c6b5}.done{background:#23744a}.buttons button:disabled{opacity:.6}footer{color:#807366;padding:14px 0 40px;font-size:12px;line-height:1.7}.toast{color:#fff;z-index:10;background:#24211e;border-radius:10px;width:min(90%,520px);padding:18px 22px;font-size:14px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0003}.toast span{float:right;cursor:pointer;padding-left:10px}@media (max-width:650px){header{padding:27px 0 23px}h1{font-size:29px}.grid{grid-template-columns:1fr;gap:20px;padding:18px}section img{max-width:330px;margin:auto}section:first-child button,.plain{max-width:330px;margin-left:auto;margin-right:auto;display:block}h2{font-size:19px}.cardhead{padding:19px}.buttons{gap:10px}.buttons button{padding:12px 8px;font-size:14px}.wrap{padding:0 14px}.confirm{padding:18px}textarea{height:340px}}main.wrap>nav{margin:24px 0}header h1{margin:0}.confirm{padding:18px 24px}main.wrap{padding-bottom:28px}
