*{box-sizing:border-box}body{margin:0;background:#f6f5f1;color:#212322;font:15px system-ui,sans-serif}button,input,select{font:inherit}button,select,input{border:1px solid #d5d7d2;background:white;border-radius:9px;padding:11px 15px;color:inherit}button{cursor:pointer}button:hover{background:#edf0e9}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #476958;outline-offset:3px}[hidden]{display:none!important}header{height:96px;background:#121514;color:white;display:flex;align-items:center;gap:20px;padding:16px max(24px,calc((100vw - 1400px)/2))}.brand{display:flex;align-items:center;gap:16px}.brand img{width:62px;height:62px;border-radius:50%}.brand b{letter-spacing:2px;font-size:14px}.brand span{display:block;color:#b3bcb6;font-size:10px;letter-spacing:2px;margin-top:6px}.private{margin-left:auto;color:#b3bcb6;font-size:12px}main{max-width:1400px;margin:auto;padding:40px 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#68786b;font-weight:700}h1{font:500 38px Georgia,serif;margin:8px 0 26px}h2{font-weight:500;font-size:20px}.intro{display:flex;justify-content:space-between;align-items:center}.filters{display:flex;align-items:end;gap:24px;margin:12px 0 30px}.filters label{font-size:12px;font-weight:600;display:grid;gap:8px}.filters select{min-width:230px}.views{display:flex;gap:4px;background:#e8eae4;padding:4px;border-radius:12px}.views button{border:0;background:transparent}.views button[aria-pressed=true]{background:#243c30;color:white}.filters label:last-child{margin-left:auto}.navigation{display:flex;align-items:center;gap:22px}.navigation button{padding:8px 14px}.navigation span{margin-left:auto;color:#68786b;font-size:13px}#legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:16px 0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--c)}#status{font-size:12px;min-height:18px;color:#526456}#calendar{background:white;border:1px solid #dce0d8;border-radius:15px;overflow:auto}.timegrid{display:grid;min-width:650px}.colhead{position:sticky;top:0;background:#f9faf7;padding:16px 8px;text-align:center;border-bottom:1px solid #ddd;font-weight:600;font-size:13px}.track,.hours{position:relative;height:720px;border-right:1px solid #e7e9e4;background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#edf0e9 59px,#edf0e9 60px)}.hours span{position:absolute;left:8px;font-size:11px;color:#748071}.event{position:absolute;text-align:left;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 14%,white);border-radius:5px;padding:5px 7px;overflow:hidden;font-size:11px;line-height:1.4}.event b,.event small{display:block}.event:hover{filter:brightness(.96);background:color-mix(in srgb,var(--c) 25%,white)}.month{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));min-width:770px}.daycell{min-height:130px;padding:7px;border-right:1px solid #e7e9e4;border-bottom:1px solid #e7e9e4}.daycell>button{border:0;padding:5px 8px;font-size:13px}.daycell.today>button{background:#243c30;color:white;border-radius:50%}.daycell.outside{background:#f5f6f3}.month-event{display:block;width:100%;text-align:left;margin:5px 0;padding:5px 6px;font-size:11px;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 12%,white);overflow:hidden}.footnote{font-size:11px;color:#747b74;line-height:1.6}#login{max-width:580px;margin:65px auto}#login h1{font-size:56px}#login>p:not(.eyebrow){line-height:1.8;color:#616b63}#google-button{margin-top:30px}dialog{border:0;border-radius:18px;padding:30px;width:min(460px,92vw);box-shadow:0 25px 100px #0004}dialog::backdrop{background:#10181399}#close{float:right;border:0}dl{display:grid;grid-template-columns:100px 1fr;gap:16px;font-size:14px}dt{color:#68786b}dd{margin:0;overflow-wrap:anywhere}#done{width:100%;margin-top:15px}.empty{padding:15px;color:#68786b}
@media(max-width:700px){header{height:80px;padding:12px 16px}.brand img{width:48px;height:48px}.private{display:none}#logout{margin-left:auto}main{padding:25px 14px}h1{font-size:29px}.intro{gap:12px}.intro button{font-size:12px;white-space:nowrap}.filters{gap:14px;flex-wrap:wrap;margin-bottom:15px}.filters label:first-child{width:100%}.filters select{width:100%}.filters label:last-child{margin-left:0;flex:1;min-width:130px}.views{align-self:end}.views button{padding:10px}.navigation{flex-wrap:wrap;gap:10px}.navigation h2{order:3;width:100%;margin:5px 0}.navigation span{font-size:11px}#legend{gap:12px}.timegrid.day{min-width:0}.timegrid.day .event{font-size:10px;padding:4px}.timegrid.day .colhead{font-size:10px;padding:12px 2px}#login{margin:30px auto}#login h1{font-size:44px}}