*{box-sizing:border-box}html,body{margin:0;background:#000;color:#e7e7e7;font-family:Arial,Helvetica,sans-serif}body{padding:2px}.calendar-shell{max-width:390px;margin:0 auto;padding:4px 0 12px}h2{font-size:13px;font-weight:400;letter-spacing:3px;line-height:1.6;margin:0 0 12px}.intro{font-size:12px;line-height:1.8;color:#a8a8a8;margin:0 0 21px}.monthbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.monthbar span{font-size:12px;letter-spacing:2.5px;text-transform:uppercase}.monthbar button{border:0;background:transparent;color:#eee;font-size:27px;line-height:1;width:36px;height:35px;cursor:pointer}.monthbar button:hover,.monthbar button:focus-visible{color:#aaa}.weekdays,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.weekdays{font-size:10px;color:#bbb;margin-bottom:7px}.weekdays span{padding:8px 0}.days{row-gap:5px}.day{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:auto;border-radius:50%;font-size:12px;color:#e4e4e4}.day.muted{color:#515151}.day.booked{background:#555;color:#fff}.day.today{outline:1px solid #aaa;outline-offset:2px}.legend{display:flex;flex-wrap:wrap;gap:11px 15px;margin-top:23px;font-size:10px;color:#bcbcbc}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:13px;height:13px;border-radius:50%;flex:none}.legend .free{border:1px solid #bcbcbc}.legend .booked{background:#555}.error{color:#e3a9a9;font-size:12px;margin-top:15px}@media(max-width:400px){.calendar-shell{padding:4px 8px 12px}.legend{gap:10px}}