:root{--clay-50:#f6f2ea;--clay-100:#ece6da;--clay-200:#e0d7c6;--clay-300:#cfc2ab;--clay-400:#b7a488;--clay-500:#98856a;--clay-600:#76654e;--clay-700:#574a39;--clay-800:#3b3228;--clay-900:#251f18;--terracotta-100:#f4d6c7;--terracotta-200:#e9b49b;--terracotta-300:#de9070;--terracotta-500:#c2693f;--terracotta-600:#a8552f;--terracotta-700:#864226;--blue-500:#4f7fc4;--green-500:#4e9e57;--yellow-500:#e0b33d;--coral-500:#d15f45;--coral-600:#b14730;--pink-500:#e194a8;--surface-page:#ece6da;--surface-card:#f6f2ea;--surface-sunken:#e0d7c6;--surface-raised:#fff;--text-strong:#251f18;--text-body:#3b3228;--text-muted:#76654e;--text-subtle:#98856a;--text-on-brand:#fff6ef;--text-link:#a8552f;--brand:#c2693f;--brand-soft:#f4d6c7;--brand-soft-fg:#864226;--border-soft:#ddd3c2;--border-strong:#c7b89f;--success:#4e9e57;--warning:#e0b33d;--danger:#b14730;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-pill:999px;--shadow-clay-xs:0 1px 2px #372a1c1f, inset 0 1px 0 #ffffff73;--shadow-clay-sm:0 3px 6px -1px #372a1c29, inset 0 1.5px 0 #ffffff80;--shadow-clay-md:0 8px 18px -5px #372a1c38, inset 0 2px 2px #ffffff73;--shadow-clay-lg:0 18px 38px -10px #372a1c47, inset 0 2px 3px #ffffff80;--shadow-clay-xl:0 30px 64px -16px #372a1c57, inset 0 3px 4px #ffffff80;--shadow-clay-pressed:inset 0 3px 6px #372a1c42, inset 0 1px 0 #ffffff1f;--shadow-brand:0 10px 22px -6px #a8552f73, inset 0 2px 2px #ffffff52;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--ease-clay:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.13s;--dur-base:.22s;--dur-slow:.36s;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}body{font-family:var(--font-body)}.k-btn{font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-md);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.k-btn:disabled{cursor:not-allowed;opacity:.6}.k-btn-md{min-height:42px;padding:11px 18px;font-size:15px}.k-btn-lg{min-height:48px;padding:13px 22px;font-size:16px}.k-btn-xl{border-radius:var(--radius-lg);min-height:68px;font-size:22px;font-family:var(--font-display);padding:20px 28px}.k-btn-block{width:100%}.k-btn-primary{background:var(--brand);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}.k-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-clay-lg);transform:translateY(-2px)}.k-btn-primary:active:not(:disabled){box-shadow:var(--shadow-clay-pressed);transform:translateY(1px)scale(.98)}.k-btn-secondary{background:var(--surface-raised);color:var(--text-strong);box-shadow:var(--shadow-clay-sm)}.k-btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-clay-md);transform:translateY(-1px)}.k-btn-secondary:active:not(:disabled){box-shadow:var(--shadow-clay-pressed);transform:translateY(1px)scale(.98)}.k-btn-ghost{color:var(--text-muted);background:0 0}.k-btn-ghost:hover:not(:disabled){background:var(--clay-100);color:var(--text-body)}.k-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay-md)}.k-card-raised{background:var(--surface-raised);box-shadow:var(--shadow-clay-sm)}.k-card-sunken{background:var(--surface-sunken);box-shadow:var(--shadow-clay-pressed)}.k-card-pad-sm{padding:var(--space-4)}.k-card-pad-md{padding:var(--space-6)}.k-card-pad-lg{padding:var(--space-8)}.k-input{font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text-body);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;width:100%;padding:11px 14px;font-size:15px}.k-input::placeholder{color:var(--text-subtle)}.k-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--terracotta-100)}.k-input-lg{padding:16px 18px;font-size:18px}.k-badge{letter-spacing:.02em;border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.k-badge-brand{background:var(--brand-soft);color:var(--brand-soft-fg)}.k-badge-success{color:#2e6e37;background:#dcefdd}.k-badge-warning{color:#7a5b10;background:#f6e4b8}.k-badge-danger{color:var(--danger);background:#f4d3cb}.k-badge-neutral{background:var(--clay-100);color:var(--text-muted)}.k-spinner{border:3px solid var(--clay-200);border-top-color:var(--brand);border-radius:50%;animation:.7s linear infinite k-spin;display:inline-block}.k-spinner-sm{width:20px;height:20px}.k-spinner-md{width:32px;height:32px}@keyframes k-spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}body{background:var(--surface-page);min-height:100svh;color:var(--text-body);background-image:radial-gradient(circle at 12% 8%,#c2693f0f,#0000 42%),radial-gradient(circle at 92% 96%,#4f7fc40d,#0000 46%);margin:0}#root{min-height:100svh}a{color:var(--text-link)}.auth-shell{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-card{width:100%;max-width:400px}.auth-title{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:27px;font-weight:600}.auth-subtitle{color:var(--text-muted);margin:4px 0 24px;font-size:14px}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-muted);font-size:13px;font-weight:500}.role-toggle{gap:8px;display:flex}.role-option{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:background-color var(--dur-fast), color var(--dur-fast);flex:1;padding:11px;font-size:14px;font-weight:600}.role-option-active{background:var(--brand-soft);color:var(--brand-soft-fg);border-color:var(--brand)}.auth-error{color:var(--danger);margin:0;font-size:14px}.auth-footer{text-align:center;color:var(--text-muted);margin:20px 0 0;font-size:14px}.link-button{color:var(--text-muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;font-size:14px;text-decoration:underline}.patient-shell{flex-direction:column;min-height:100svh;display:flex}.patient-topbar{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;display:flex}.patient-greeting{font-family:var(--font-display);color:var(--text-strong);font-size:18px;font-weight:600}.patient-body{flex:1;min-height:0;display:flex}.patient-nav{gap:var(--space-2);width:96px;padding:var(--space-4) var(--space-2);flex-direction:column;flex:none;display:flex}.patient-nav-item{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.patient-nav-item:hover{background:var(--clay-100);color:var(--text-body)}.patient-nav-item-active{background:var(--brand-soft);color:var(--brand-soft-fg)}.patient-nav-icon{font-size:22px;line-height:1}.patient-content{padding:var(--space-6) var(--space-6) 60px;flex:1;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.patient-column{gap:var(--space-6);flex-direction:column;width:100%;max-width:640px;display:flex}.hero-card{box-shadow:var(--shadow-clay-xl);gap:var(--space-5);text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-loading{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:220px;color:var(--text-muted);font-size:16px;display:flex}.hero-due{font-family:var(--font-mono);color:var(--text-muted);font-size:18px;font-weight:500}.hero-title{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:clamp(34px,6vw,52px);font-weight:600;line-height:1.1}.hero-body{font-family:var(--font-body);color:var(--text-body);margin:0;font-size:22px;line-height:1.5}.hero-empty{text-align:center;justify-content:center;align-items:center;min-height:220px}.hero-empty-tile{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.hero-empty-title{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:30px;font-weight:600}.hero-empty-subtitle{color:var(--text-muted);margin:0;font-size:18px}.patient-secondary,.search-list-card{gap:var(--space-3);flex-direction:column;display:flex}.search-list-input{font-size:15px}.search-list-rows{flex-direction:column;gap:4px;display:flex}.search-list-empty{color:var(--text-subtle);padding:var(--space-2);font-size:14px}.search-list-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 8px;display:flex}.search-list-row:hover{background:var(--clay-100)}.search-list-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);flex:none}.search-list-row-text{flex-direction:column;min-width:0;display:flex}.search-list-row-title{color:var(--text-body);font-size:15px}.search-list-row-due{font-size:13px;font-family:var(--font-mono);color:var(--text-muted)}.search-list-row-completed .search-list-row-title{color:var(--text-subtle);text-decoration:line-through}.quick-add-trigger{align-self:flex-start}.quick-add-card{width:100%}.quick-add-form{gap:var(--space-3);flex-direction:column;display:flex}.quick-add-actions{gap:var(--space-2);display:flex}.caregiver-shell{min-height:100svh;display:flex}.caregiver-rail{background:var(--surface-card);width:240px;box-shadow:var(--shadow-clay-md);padding:var(--space-4);z-index:2;flex-direction:column;flex:none;display:flex}.caregiver-rail-header{font-family:var(--font-display);color:var(--text-strong);padding:var(--space-2);font-size:19px;font-weight:600}.caregiver-rail-footer{padding:var(--space-2);color:var(--text-strong);justify-content:space-between;align-items:center;margin-top:auto;font-size:14px;display:flex}.caregiver-main{padding:var(--space-6);flex:1;justify-content:center;display:flex;overflow-y:auto}.caregiver-main>*{width:100%;max-width:760px}.caregiver-placeholder{color:var(--text-muted);align-self:center;margin:auto;font-size:16px}.patient-rail-list{flex-direction:column;gap:4px;display:flex}.patient-rail-item{border-radius:var(--radius-sm);color:var(--text-body);align-items:center;gap:10px;padding:9px 10px;font-size:14px;text-decoration:none;display:flex}.patient-rail-item:hover{background:var(--clay-100)}.patient-rail-item-active{background:var(--brand-soft);color:var(--brand-soft-fg);font-weight:600}.patient-rail-avatar{background:var(--blue-500);color:#fff;width:26px;height:26px;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.add-patient-trigger{color:var(--text-muted);text-align:left;cursor:pointer;font-size:14px;font-family:var(--font-body);background:0 0;border:none;padding:9px 10px}.add-patient-trigger:hover{color:var(--text-body)}.add-patient-form{gap:var(--space-2);flex-direction:column;padding:4px 2px;display:flex}.manager{gap:var(--space-5);flex-direction:column;display:flex}.manager-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.manager-title{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:24px;font-weight:600}.reminder-form{gap:var(--space-3);flex-direction:column;display:flex}.reminder-form-row{gap:var(--space-3);display:flex}.reminder-form-row .field{flex:1}.recurrence-select{height:44px}.manager-list{gap:var(--space-2);flex-direction:column;display:flex}.manager-row-wrapper{gap:var(--space-3);flex-direction:column;display:flex}.manager-row{align-items:flex-start;gap:12px;display:flex}.manager-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);margin-top:4px}.manager-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.manager-row-title-line{align-items:center;gap:8px;display:flex}.manager-row-title{color:var(--text-strong);font-weight:600}.manager-row-title-completed{color:var(--text-subtle);font-weight:600;text-decoration:line-through}.manager-row-body{color:var(--text-muted);font-size:13px}.manager-row-due{font-size:12px;font-family:var(--font-mono);color:var(--text-subtle)}.manager-row-actions{flex:none;gap:4px;display:flex}.messages-panel-rows{flex-direction:column;gap:2px;display:flex}.messages-panel-empty{color:var(--text-subtle);padding:var(--space-4) var(--space-2);font-size:15px}.message-row{text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-body);background:0 0;border:none;align-items:flex-start;gap:10px;padding:10px 8px;display:flex}.message-row:hover{background:var(--clay-100)}.message-row-unread{background:var(--terracotta-100)}.message-row-unread:hover{background:var(--terracotta-200)}.message-unread-dot{background:var(--brand);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.message-row-text{flex-direction:column;gap:2px;display:flex}.message-row-body{color:var(--text-body);font-size:17px;line-height:1.4}.message-row-time{font-size:13px;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;display:flex}.message-new-label{font-family:var(--font-body);letter-spacing:.03em;color:var(--coral-600);font-size:11px;font-weight:700}.composer-card{gap:var(--space-3);flex-direction:column;display:flex}.composer-title{font-size:18px}.composer-history{gap:var(--space-2);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.composer-message{border-radius:var(--radius-sm);background:var(--clay-100);flex-direction:column;padding:8px 10px;display:flex}.composer-message-body{color:var(--text-body);font-size:14px}.composer-message-meta{font-size:11px;font-family:var(--font-mono);color:var(--text-subtle);margin-top:2px}.composer-form{gap:var(--space-2);align-items:flex-end;display:flex}.composer-textarea{resize:vertical;font-family:var(--font-body);flex:1}.ask-ai-panel{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--clay-100);flex-direction:column;display:flex}.ask-ai-header{justify-content:space-between;align-items:center;display:flex}.ask-ai-title{font-family:var(--font-display);color:var(--text-strong);font-size:14px;font-weight:600}.ask-ai-loading{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:14px;display:flex}.ask-ai-result{gap:var(--space-2);flex-direction:column;display:flex}.ask-ai-field{flex-direction:column;gap:2px;display:flex}.ask-ai-field-label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-subtle);font-size:11px;font-weight:600}.ask-ai-field-value{color:var(--text-body);margin:0;font-size:14px;line-height:1.5}.ask-ai-meta{font-size:11px;font-family:var(--font-mono);color:var(--text-subtle)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-6);z-index:100;background:#251f1899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--surface-card);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:min(640px,85vh);box-shadow:var(--shadow-clay-xl);padding:var(--space-8);overflow-y:auto}.understand-trigger{align-self:stretch}.understand-modal{gap:var(--space-5);flex-direction:column;display:flex}.understand-modal-title{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.understand-modal-loading{align-items:center;gap:var(--space-3);color:var(--text-muted);padding:var(--space-4) 0;font-size:18px;display:flex}.understand-modal-body{gap:var(--space-4);flex-direction:column;display:flex}.understand-modal-summary{color:var(--text-body);margin:0;font-size:20px;line-height:1.5}.understand-modal-steps{gap:var(--space-3);color:var(--text-body);flex-direction:column;margin:0;padding-left:1.4em;font-size:18px;line-height:1.5;display:flex}.drawer-overlay{opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);z-index:90;background:#251f1880;position:fixed;inset:0}.drawer-overlay-open{opacity:1;pointer-events:auto}.drawer-panel{background:var(--surface-card);width:min(440px,88vw);height:100%;box-shadow:var(--shadow-clay-xl);transition:transform var(--dur-base) var(--ease-out);padding:var(--space-6);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer-panel-open{transform:translate(0)}.messages-drawer-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.messages-drawer-title{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:22px;font-weight:600}@media (width<=720px){.patient-body{flex-direction:column}.patient-nav{background:var(--surface-card);width:auto;box-shadow:var(--shadow-clay-lg);padding:var(--space-2) var(--space-2) max(var(--space-2), env(safe-area-inset-bottom));z-index:10;flex-direction:row;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.patient-nav-item{flex:1}.patient-content{padding:var(--space-4) var(--space-4) 96px}.drawer-panel{width:100vw;max-width:none}}.sender-chip{border-radius:var(--radius-pill);background:var(--clay-100);color:var(--text-muted);font-family:var(--font-body);vertical-align:middle;margin-right:6px;padding:1px 8px;font-size:12px;font-weight:600;line-height:1.6;display:inline-block}.hero-due .sender-chip{margin-left:10px;margin-right:0;font-size:13px}.onboarding-loading{flex:1;justify-content:center;align-items:center;min-height:60vh;display:flex}.onboarding-body{padding:var(--space-6);flex:1;justify-content:center;align-items:flex-start;display:flex}.onboarding-card{text-align:center;align-items:center;gap:var(--space-4);width:100%;max-width:520px;box-shadow:var(--shadow-clay-xl);flex-direction:column;display:flex}.onboarding-tile{background:var(--brand-soft);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.onboarding-title{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:30px;font-weight:600}.onboarding-subtitle{color:var(--text-muted);margin:0;font-size:17px;line-height:1.6}.invite-row{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--clay-100);display:flex}.invite-row-text{text-align:left;flex-direction:column;display:flex}.invite-row-name{color:var(--text-strong);font-weight:600}.invite-row-email{color:var(--text-muted);font-size:13px}.invite-row-actions{gap:var(--space-2);display:flex}.invite-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-soft-fg);display:flex}.invite-banner-text{font-size:15px}.patient-rail-item-pending{opacity:.65;cursor:default}.patient-rail-item-pending:hover{background:0 0}.patient-rail-status{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--clay-100);border-radius:var(--radius-pill);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}