:root{font:12px/1.4 'Segoe UI',Arial,sans-serif;color-scheme:light;--paper:#f5f3ec;--ink:#303d32;--muted:#75816f;--line:#d5ddce;--surface:#fffef8;--hover:#e7eddf;--today:#42654e;--today-ink:#fff;--outside:#a3ac9c;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:250px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--today);outline-offset:3px}button:disabled{opacity:.3;cursor:default}.calendar-app{max-width:600px;margin:0 auto;padding:12px}.app-heading{display:flex;gap:9px;align-items:center;margin:0 0 12px}.app-heading h1{font:400 26px/1.2 Georgia,serif;margin:0}.calendar{border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--surface)}.calendar-controls{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 0 10px;min-height:30px}.calendar-controls h2{font:500 17px/1.2 'Segoe UI',Arial,sans-serif;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.month-navigation{display:flex;gap:3px;align-items:center}.month-navigation button{height:28px;min-width:27px;padding:1px 5px;border:1px solid transparent;border-radius:4px;background:transparent}.month-navigation button:hover:not(:disabled){border-color:var(--line);background:var(--hover)}#previous-month,#next-month{font-size:25px;line-height:22px}#today{font-size:10px;padding-inline:6px}table{border-collapse:collapse;table-layout:fixed;width:100%;font-variant-numeric:tabular-nums}th{height:24px;color:var(--muted);font-size:10px;font-weight:500}td{text-align:center;padding:2px;height:32px}td time{display:grid;place-items:center;width:28px;height:28px;margin:auto;border-radius:50%;font-size:12px}.outside time{color:var(--outside)}.today time{background:var(--today);color:var(--today-ink);font-weight:600}noscript{display:block;padding:20px}
.widget-mode{color-scheme:dark;--paper:transparent;--ink:#e8eddf;--muted:#abbba5;--line:#d7e2c921;--surface:transparent;--hover:#e1eacf12;--today:#c4d7ac;--today-ink:#24372a;--outside:#a5b5a17a;background:transparent}.widget-mode body{background:transparent}.widget-mode .calendar-app{max-width:none;padding:10px}.widget-mode .app-heading{display:none}.widget-mode .calendar{border:0;border-radius:0;padding:0;background:transparent}.widget-mode .calendar-controls{margin-bottom:5px}.widget-mode .calendar-controls h2{font-size:16px}.widget-mode th{height:24px}.widget-mode td{height:34px}.widget-mode td time{width:29px;height:29px}.widget-mode button:focus-visible{outline-color:#d4e5a1}
@media(max-width:340px){.calendar-app{padding:10px}.calendar{padding:9px}.app-heading{margin-bottom:12px}.calendar-controls{gap:3px}.calendar-controls h2{font-size:15px}.month-navigation{gap:1px}.month-navigation button{min-width:23px;padding-inline:3px}#today{padding-inline:3px}.widget-mode .calendar-app{padding:8px}.widget-mode .calendar-controls h2{font-size:15px}td time{width:28px;height:28px}}