:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#202124;background:#fff;font-size:14px}
*{box-sizing:border-box}
body{margin:0}
main{padding:12px 12px max(12px,env(safe-area-inset-bottom));max-width:1600px;margin:auto}
button,input,select{font:inherit;color:inherit;background:#fff;border:1px solid #dadce0;border-radius:3px;height:34px;padding:5px 8px;min-width:0}
button{cursor:pointer}
button:hover{background:#f5f5f5}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #555;outline-offset:1px}
.toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.navigation,.filters{display:flex;gap:6px;align-items:center}
#previous,#next{width:30px;font-size:23px;line-height:20px;padding:0}
#year{width:76px}
#search{width:210px}
.calendar{border-top:1px solid #dadce0;border-left:1px solid #dadce0}
.weekdays,.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.weekdays>div{font-size:12px;padding:8px 0;text-align:center;border-right:1px solid #dadce0;border-bottom:1px solid #dadce0;color:#5f6368}
.day{min-height:118px;border-right:1px solid #dadce0;border-bottom:1px solid #dadce0;padding:7px;overflow-wrap:anywhere}
.date{display:block;font-size:12px;margin-bottom:8px;line-height:1.3}
.day.outside{background:#fafafa}
.day.outside .date{color:#80868b}
.day.today .date{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.person{font-size:13px;line-height:1.35;margin:0 0 7px}
.person:last-child{margin-bottom:0}
#status{font-size:14px;padding:12px 0}
#retry{margin-bottom:12px}
[hidden]{display:none!important}
@media(min-width:1100px){.day{min-height:calc((100vh - 110px)/6)}}
@media(max-width:600px){main{padding:8px 5px max(8px,env(safe-area-inset-bottom))}.toolbar{gap:8px;margin-bottom:8px}.navigation{width:100%;gap:4px}.filters{width:100%;gap:6px}button,input,select{font-size:12px;height:32px;padding:4px 6px}#month{flex:1}#year{width:62px}#today{margin-left:auto}#search{width:0;flex:1}#period{max-width:48%}.day{min-height:105px;padding:5px 3px}.date{font-size:11px;margin-bottom:7px}.person{font-size:10px;line-height:1.4;margin-bottom:8px}.weekdays>div{font-size:11px;padding:7px 0}}
