.hh{--hh-bg:var(--color-bg);--hh-paper:var(--color-neutral-100);--hh-ink:var(--color-text);--hh-muted:var(--color-neutral-700);--hh-coral:var(--color-accent);--hh-coral-soft:var(--color-accent-200);--hh-teal:var(--color-accent-2-700);--hh-teal-soft:var(--color-accent-2-100);--hh-nav:var(--color-surface);background:var(--hh-bg);height:100dvh;min-height:100dvh;color:var(--hh-ink);font-family:var(--font-body-family);flex-direction:column;font-size:16px;line-height:1.4;display:flex;position:relative;overflow:hidden}.hh *{box-sizing:border-box}.hh button{box-shadow:none;white-space:normal;letter-spacing:0;height:auto}.hh-top{min-height:86px;padding:env(safe-area-inset-top) 24px 0;color:var(--hh-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14px;display:grid}.hh-top-right{white-space:nowrap;align-items:center;gap:12px;display:flex}.hh-synced{align-items:center;gap:6px;display:flex}.hh-synced i{background:var(--hh-teal);border-radius:50%;width:9px;height:9px}.hh .hh-avatar{background:var(--color-accent-2-200);width:46px;height:46px;color:var(--color-accent-2-900);border-radius:50%;flex:none;padding:0;font-size:19px;font-weight:700}.hh-content{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 22px 24px;overflow-y:auto}.hh-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:6px 0 20px;padding:0 4px;display:grid}.hh-heading>div:first-child{min-width:0}.hh-heading span,.hh-title>span{color:var(--hh-muted);font-size:14px}.hh h1,.hh h2{font-family:var(--font-heading-family);letter-spacing:0;font-weight:400}.hh h1{margin:12px 0 0;font-size:42px;line-height:1.05}.hh-title{margin:4px 4px 18px}.hh-switch{background:var(--hh-paper);border-radius:999px;gap:2px;padding:4px;display:flex}.hh .hh-switch button{min-width:54px;color:var(--hh-ink);border-radius:999px;padding:8px 11px;font-weight:700}.hh .hh-switch button[aria-pressed=true]{background:var(--hh-coral);color:var(--hh-paper)}.hh-visits{flex-direction:column;gap:5px;display:flex}.hh-visit{border:2px solid #0000;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-height:82px;padding:5px 8px;display:grid}.hh-visit[data-tone=active],.hh-visit[data-tone=attention]{background:var(--hh-paper)}.hh-visit[data-tone=attention]{border-color:var(--hh-coral-soft)}.hh .hh-visit-main{text-align:left;min-width:0;color:var(--hh-ink);grid-template-columns:54px minmax(0,1fr);justify-content:stretch;gap:7px;padding:4px 0;font-size:15px;line-height:1.25;display:grid}.hh-visit-time{flex-direction:column;gap:2px;display:flex}.hh-visit-time>span{color:var(--hh-muted)}.hh-visit-info{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.hh-visit-info>span{max-width:100%;line-height:1.25}.hh-visit-info strong{font-size:17px}.hh-visit-info small{color:var(--hh-muted);font-size:13px;font-weight:400}.hh-visit-info em{color:var(--color-accent-2-900);background:var(--hh-teal-soft);border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:700}.hh-visit-info em[data-state^=Late],.hh-visit-info em[data-state^=Still]{background:var(--hh-coral-soft);color:var(--color-accent-900)}.hh-visit-info em[data-state^=No-show]{background:var(--color-neutral-300);color:var(--hh-ink)}.hh .hh-visit-action{border:2px solid var(--color-neutral-300);min-width:73px;max-width:95px;color:var(--hh-ink);text-align:center;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.1}.hh .hh-action-teal{background:var(--hh-teal);border-color:var(--hh-teal);color:var(--hh-paper)}.hh .hh-action-coral{background:var(--hh-coral);border-color:var(--hh-coral);color:var(--hh-paper)}.hh-tasklist,.hh-petlist,.hh-shifts{gap:8px;display:grid}.hh .hh-task,.hh .hh-pet{text-align:left;background:var(--hh-paper);width:100%;color:var(--hh-ink);border-radius:24px;align-items:center;display:grid}.hh .hh-task{grid-template-columns:32px minmax(0,1fr) auto;gap:14px;min-height:74px;padding:18px 14px}.hh-check{border:2px solid var(--color-neutral-300);width:28px;height:28px;color:var(--hh-teal);border-radius:50%;place-items:center;font-size:19px;display:grid}.hh-task[aria-pressed=true] .hh-check{border-color:var(--hh-teal)}.hh-task-copy,.hh-pet>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.hh-task strong,.hh-pet strong{font-size:16px}.hh-task small,.hh-pet small{color:var(--hh-muted);font-size:13px;font-weight:400}.hh-task b{color:var(--color-accent-2-900);white-space:nowrap;font-size:13px}.hh .hh-pet{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;min-height:68px;padding:12px}.hh-pet-avatar,.hh-person-avatar{background:var(--hh-coral-soft);width:42px;height:42px;color:var(--color-accent-900);font-family:var(--font-heading-family);border-radius:50%;place-items:center;font-size:21px;display:grid}.hh-pet time{color:var(--hh-muted);font-size:13px}.hh-shift{background:var(--hh-teal-soft);border-radius:24px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:13px 16px;display:grid}.hh-shift[data-off=true]{background:var(--hh-paper)}.hh-shift strong{color:var(--color-accent-2-900);font-size:17px}.hh-shift[data-off=true] strong{color:var(--hh-muted)}.hh-shift span{color:var(--hh-muted);white-space:nowrap;font-size:12px}.hh-shift-note{color:var(--hh-muted);margin:18px 8px;font-size:13px}.hh-nav{background:var(--hh-nav);padding:10px 10px calc(10px + env(safe-area-inset-bottom));flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.hh .hh-nav button{min-width:0;color:var(--hh-ink);border-radius:999px;padding:12px 2px;font-size:14px;font-weight:500}.hh .hh-nav button[aria-current=page]{background:var(--hh-bg);color:var(--color-accent-900);font-weight:700}.hh-nav b{color:var(--color-accent-900)}.hh-overlay{z-index:10;background:var(--hh-bg);position:absolute;inset:0;overflow-y:auto}.hh-overlay-content{min-height:100%;padding:76px 24px calc(30px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.hh-overlay h2{margin:0;font-size:36px;line-height:1.08}.hh-overlay p{color:var(--hh-muted);margin:12px 0 18px;font-size:16px}.hh-people,.hh-note-options{gap:8px;display:grid}.hh .hh-people button,.hh .hh-note-options button{text-align:left;background:var(--hh-paper);color:var(--hh-ink);border:2px solid #0000;border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:74px;padding:12px 14px;display:grid}.hh .hh-people button[aria-pressed=true],.hh .hh-note-options button[aria-pressed=true]{border-color:var(--hh-coral)}.hh-person-avatar{background:var(--color-accent-2-200);color:var(--color-accent-2-900);font-family:var(--font-body-family);font-size:16px;font-weight:700}.hh-people button span:last-child{flex-direction:column;display:flex}.hh-people button strong{font-size:18px}.hh-people button small{color:var(--hh-muted);font-size:13px}.hh .hh-close{color:var(--hh-coral);align-self:center;margin-top:auto;padding:16px;font-size:16px;font-weight:700}.hh-modal-overline{color:var(--hh-muted);margin-bottom:44px}.hh-big-avatar{background:var(--hh-coral-soft);width:90px;height:90px;color:var(--color-accent-900);font:400 44px var(--font-heading-family);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.hh-appointment .hh-detail-note{font-size:14px}.hh-modal-actions{gap:12px;margin-top:auto;display:grid}.hh .hh-modal-actions button,.hh-overlay-content>.hh-note-options+button{border-radius:999px;min-height:54px;font-size:17px;font-weight:700}.hh .hh-modal-actions button:not([data-variant]),.hh .hh-modal-actions button:first-child:last-of-type{background:var(--hh-coral);color:var(--hh-paper)}.hh-modal-actions p{text-align:center;font-size:12px}.hh-note-options{margin-bottom:24px}.hh .hh-note-options button{grid-template-columns:1fr;min-height:54px}.hh-overlay-content>.hh-note-options+button{background:var(--hh-coral);color:var(--hh-paper)}.dm .hh{font-family:var(--font-body-family);font-size:16px;line-height:1.4}.dm .hh h1,.dm .hh h2{font-family:var(--font-heading-family);letter-spacing:0}.dm .hh h1{font-size:42px}.dm .hh button{color:inherit}.dm .hh .hh-action-coral,.dm .hh .hh-action-teal,.dm .hh .hh-switch button[aria-pressed=true]{color:var(--hh-paper)}.dm .hh .hh-nav button[aria-current=page]{color:var(--color-accent-900)}@media (width<=350px){.hh-content{padding-inline:14px}.hh-top{padding-inline:18px}.hh-heading{gap:5px}.hh h1{font-size:36px}.hh .hh-switch button{min-width:44px;padding-inline:6px}.hh-visit{padding-inline:3px}.hh-visit-info strong{font-size:15px}.hh-visit-info small{font-size:12px}.hh .hh-visit-action{min-width:65px;padding-inline:5px;font-size:12px}}