:root{color-scheme:light;--free: #e7efe7;--free-weekend: #d4e0d4;--pad: transparent;--ink: #1c1c1c;--line: #d6d6d6;--bg: #ffffff;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg)}.app-header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:1}.app-title{font-size:1.1rem;margin:0}.month-picker{padding:.25rem .5rem}.refresh-btn{padding:.3rem .7rem;font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:6px;background:var(--free)}.refresh-btn:disabled{opacity:.5;cursor:default}.view-toggle{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.view-toggle__btn{font:inherit;font-size:.85rem;padding:.3rem .7rem;border:none;background:var(--bg);color:inherit;cursor:pointer}.view-toggle__btn+.view-toggle__btn{border-left:1px solid var(--line)}.view-toggle__btn--active{background:var(--ink);color:var(--bg)}.legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.legend__item{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.85rem;color:inherit;background:none;border:none;padding:.15rem .35rem;border-radius:6px;cursor:pointer}.legend__item:hover{background:#0000000f}.legend__item--off{opacity:.35}.legend__swatch{width:.9rem;height:.9rem;border-radius:3px;display:inline-block}.content{padding:1rem}.notice{color:#8a6d00}.error{color:#b00020}.year{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 1100px){.year{grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.year{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.year{grid-template-columns:1fr}}.month__title{font-size:.95rem;margin:0 0 .35rem}.month__weekdays,.month__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.weekday{font-size:.65rem;text-align:center;opacity:.6}.day{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:.7rem;border-radius:4px;border:1px solid var(--line)}.day--pad{border:none}.day--free{background:var(--free)}.day--free.day--weekend{background:var(--free-weekend)}.day--booked{color:#fff;border-color:transparent}.day--today{outline:2px solid #000;outline-offset:1px}.day__icon{position:absolute;top:1px;right:2px;font-size:.55rem;line-height:1;pointer-events:none;text-shadow:0 0 1px rgba(0,0,0,.55)}.legend__icon{font-size:.85rem}.planner{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8rem,1fr);gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.pmonth{min-width:0}.pmonth__title{font-size:.95rem;margin:0 0 .35rem}.pmonth__days{display:flex;flex-direction:column}.pday{position:relative;display:flex;align-items:center;gap:.4rem;min-height:1.3rem;padding:1px 6px 1px 4px;font-size:.72rem;border:1px solid var(--line);border-bottom:none}.pmonth__days .pday:last-child{border-bottom:1px solid var(--line)}.pday--empty{visibility:hidden}.pday__wd{width:2.2rem;opacity:.55}.pday__num{width:1.2rem;text-align:right;font-variant-numeric:tabular-nums}.pday.day--booked{border-color:transparent}.pday .day__icon{position:static;margin-left:auto;text-shadow:none}