.appt-page{background:var(--bg);min-height:100vh;color:var(--ink)}.appt-top{z-index:40;border-bottom:1px solid var(--line);background:rgba(var(--bg-rgb), .94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;height:64px;display:flex;position:sticky;top:0}.appt-top-inner{align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.appt-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.appt-brand-mark{background:var(--ink);width:28px;height:28px;color:var(--bg);border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.appt-top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.appt-icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.appt-page.is-embed{min-height:0}.appt-page.is-embed .appt-wrap{padding:12px 12px 20px}.appt-page.is-embed .appt-title{font-size:22px}.appt-page.is-embed .appt-drawer-scrim{display:none}.appt-page.is-embed .appt-drawer{border:1px solid var(--line);border-left:1px solid var(--line);border-radius:14px;width:100%;margin-top:16px;padding:18px 16px;position:relative;top:auto;bottom:auto;right:auto}.appt-embed-snippet{border:1px solid var(--line);background:var(--surface-muted);color:var(--ink);white-space:pre-wrap;border-radius:12px;margin:0;padding:12px 14px;font-size:12px;line-height:1.45;overflow:auto}.appt-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 64px}.appt-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 8px;font-size:11px;font-weight:700}.appt-title{letter-spacing:-.035em;margin:0 0 6px;font-size:28px;font-weight:800}.appt-sub{color:var(--ink-muted);margin:0 0 20px;font-size:14px}.appt-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.appt-density{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.appt-density button{height:32px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:12px;font-weight:650}.appt-density button.is-on{background:var(--ink);color:var(--bg)}.appt-jump{position:relative}.appt-jump-btn,.appt-btn{border:1px solid var(--line);height:32px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:650}.appt-btn-ink{background:var(--ink);color:var(--bg);border-color:#0000}.appt-jump-panel{z-index:20;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lift);border-radius:12px;padding:10px;position:absolute;top:calc(100% + 6px);left:0}.appt-error{border:1px solid color-mix(in srgb, #ef4444 30%, var(--line));background:color-mix(in srgb, #ef4444 8%, var(--surface));color:#dc2626;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px}.appt-cal{--appt-row-h:36px;--appt-header-h:44px;--appt-sidebar-w:72px;--appt-col-w:110px;border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:0;display:flex;overflow:hidden}.appt-cal.view-small{--appt-row-h:32px;--appt-sidebar-w:56px;--appt-col-w:72px}.appt-cal.view-large{--appt-row-h:44px;--appt-sidebar-w:88px;--appt-col-w:140px}.appt-sidebar{width:var(--appt-sidebar-w);border-right:1px solid var(--line);background:color-mix(in srgb, var(--ink) 2%, var(--surface));flex-shrink:0}.appt-sidebar-head{height:var(--appt-header-h);border-bottom:1px solid var(--line)}.appt-time{height:var(--appt-row-h);font-variant-numeric:tabular-nums;color:var(--ink-muted);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);justify-content:flex-end;align-items:center;padding-right:10px;font-size:11px;font-weight:650;display:flex}.appt-scroll{flex:1;position:relative;overflow-x:auto}.appt-grid{min-width:100%;position:relative}.appt-days{height:var(--appt-header-h);border-bottom:1px solid var(--line);z-index:4;background:var(--surface);display:grid;position:sticky;top:0}.appt-day{border-right:1px solid color-mix(in srgb, var(--line) 80%, transparent);flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:flex}.appt-day span{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:10px;font-weight:500}.appt-day.weekend{background:color-mix(in srgb, var(--ink) 2.5%, var(--surface))}.appt-day.today{background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.appt-day.today,.appt-day.today span{color:var(--accent);font-weight:700}.appt-lane{height:var(--appt-row-h);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);display:grid}.appt-cell{border-right:1px solid color-mix(in srgb, var(--line) 80%, transparent);cursor:pointer}.appt-cell.weekend{background:color-mix(in srgb, var(--ink) 1.5%, transparent)}.appt-cell.today{background:color-mix(in srgb, var(--accent) 10%, transparent)}.appt-cell.is-open:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.appt-cal.is-painting{-webkit-user-select:none;user-select:none;touch-action:none}.appt-cell.is-selected{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .42);background:rgba(var(--accent-rgb), .14)!important}.appt-cell.is-span-mid,.appt-cell.is-span-end{box-shadow:inset 3px 0 0 var(--accent)}.appt-cell.is-reserved.is-span-mid,.appt-cell.is-reserved.is-span-end{box-shadow:inset 3px 0 #f59e0b}.appt-cell.is-busy,.appt-cell.is-reserved,.appt-cell.is-past{cursor:default;background:color-mix(in srgb, var(--ink) 3.5%, transparent)}.appt-cal.select-held .appt-cell.is-busy,.appt-cal.select-held .appt-cell.is-reserved,.appt-cal.select-held .appt-cell.is-open{cursor:pointer}.appt-pill{height:calc(var(--appt-row-h) - 8px);background:rgba(var(--accent-rgb), .12);border-left:3px solid var(--accent);color:var(--ink);white-space:nowrap;border-radius:7px;align-items:safe center;gap:5px;min-inline-size:0;margin:4px;padding:0 7px;font-size:10.5px;font-weight:650;display:flex;overflow:hidden}.appt-pill.is-reserved{color:var(--ink);background:#f59e0b1f;border-left-color:#f59e0b}.appt-pill-dot{background:var(--accent);border-radius:999px;flex-shrink:0;width:5px;height:5px}.appt-pill.is-reserved .appt-pill-dot{background:#f59e0b}.appt-pill-text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.appt-pill-dur{font-variant-numeric:tabular-nums;color:var(--ink-muted);flex-shrink:0;margin-left:auto;font-size:9.5px;font-weight:700}.appt-today-rail{pointer-events:none;background:color-mix(in srgb, var(--accent) 8%, transparent);border-left:2px solid color-mix(in srgb, var(--accent) 55%, transparent);border-right:2px solid color-mix(in srgb, var(--accent) 55%, transparent);z-index:2;position:absolute;top:0;bottom:0}.appt-drawer-scrim{-webkit-backdrop-filter:blur(3px);z-index:50;cursor:pointer;background:#0000005c;border:0;position:fixed;inset:0}.appt-drawer{z-index:51;background:var(--surface);border-left:1px solid var(--line);width:min(420px,100%);padding:22px 20px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.appt-drawer h2{letter-spacing:-.03em;margin:0 0 6px;font-size:20px}.appt-drawer p{color:var(--ink-muted);margin:0 0 16px;font-size:13px}.appt-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.appt-field label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:11px;font-weight:700}.appt-field input,.appt-field textarea{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px}.appt-drawer-actions{gap:8px;margin-top:16px;display:flex}.appt-done{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:24px}@media (max-width:720px){.appt-cal.view-small,.appt-cal,.appt-cal.view-large{--appt-row-h:44px;--appt-sidebar-w:56px;--appt-col-w:88px}.appt-title{font-size:22px}.appt-drawer{width:100%}}@media (prefers-reduced-motion:reduce){.appt-cell,.appt-btn{transition:none}}