.pubuk-calendar{background:#fff;color:#111;padding:clamp(20px,4vw,40px);border-radius:22px;max-width:920px;margin:auto}.pubuk-cal-head{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center;margin-bottom:22px}.pubuk-cal-head strong{font-size:clamp(1.4rem,3vw,2rem)}.pubuk-cal-head button{border:0;border-radius:50%;width:44px;height:44px;background:#090b09;color:#fff;font-size:1.8rem;cursor:pointer}.pubuk-cal-week,.pubuk-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.pubuk-cal-week{margin-bottom:8px;text-align:center;font-size:.8rem;font-weight:900;color:#697169}.pubuk-cal-grid button,.pubuk-cal-grid .blank{aspect-ratio:1;display:grid;place-items:center;border-radius:12px;border:0;font-weight:900;font-size:1rem}.pubuk-cal-grid button.available{background:#dcefe2;color:#166d3b;cursor:pointer}.pubuk-cal-grid button.available:hover,.pubuk-cal-grid button.selected{outline:3px solid #f5c84b;background:#1f8b4c;color:#fff}.pubuk-cal-grid button.unavailable{background:#f4dada;color:#9b3030;cursor:not-allowed;text-decoration:line-through}.pubuk-cal-key{display:flex;gap:24px;margin-top:22px;font-weight:800}.pubuk-cal-key i{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:6px}.pubuk-cal-key .available{background:#1f8b4c}.pubuk-cal-key .unavailable{background:#b63e3e}.pubuk-cal-message{padding:14px 18px;background:#f3f5ef;border-radius:12px;margin:18px 0 0}@media(max-width:600px){.pubuk-cal-week,.pubuk-cal-grid{gap:4px}.pubuk-cal-grid button{border-radius:7px;font-size:.85rem}.pubuk-cal-week{font-size:.65rem}}