*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#0b2a3a}header{background:#00a1e4;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 16px}header div{text-align:center;display:flex;flex-direction:column}header small{opacity:.9}.ghost{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}.ghost.dark{color:#0b2a3a;margin:0 12px}main{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:24px 32px}@media (max-width:800px){main{grid-template-columns:1fr;padding:12px}}h2{font-weight:400;text-align:center}.detail h2{text-align:left}.grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:6px}.dow{text-align:center;padding:8px 0}.day{border:0;background:none;height:44px;font-size:18px;cursor:pointer;color:#0b2a3a;position:relative}.day.duty{background:#00a1e4;color:#fff;border-radius:22px}.day.duty.l{border-top-left-radius:0;border-bottom-left-radius:0}.day.duty.r{border-top-right-radius:0;border-bottom-right-radius:0}.day.today span{text-decoration:underline}.day.sel{outline:2px solid #0b2a3a;outline-offset:-2px;border-radius:22px}.item h3{font-weight:400;font-size:28px;margin:8px 0;color:#e87722}.item h3 span{color:#0b2a3a;font-size:24px}.item .row{display:flex;justify-content:space-between;align-items:baseline}.fn{color:#e87722;font-size:22px}.item td{padding:4px 24px 4px 0}.muted{color:#789}.err{color:#c00;text-align:center}.center{max-width:420px;margin:15vh auto;text-align:center}.card button,.card input{font-size:18px;padding:10px 20px;margin:8px}.card button{background:#00a1e4;color:#fff;border:0;border-radius:24px;cursor:pointer}.card button:disabled{opacity:.6}