body{font-family:Arial;background:#eef2f5;margin:0}.wrap{max-width:760px;margin:auto;padding:16px}
.nav{display:flex;justify-content:space-between;align-items:center}
.week,.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.week div{font-weight:bold;text-align:center}
.day{background:#fff;border-radius:8px;min-height:72px;padding:6px}
.other{opacity:.35}.today{outline:3px solid #ff9800}
.D{background:#d9f7d9}.N{background:#d9e8ff}.V{background:#f2f2f2}
small{display:block;margin-top:4px;font-weight:bold}button{padding:8px 12px}