.app-bar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-top:max(var(--space-2), env(safe-area-inset-top));background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.app-bar-button{min-width:44px;min-height:44px;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.app-bar-emergency{background:var(--danger);color:#fff}.tab-bar{z-index:10;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-elevated);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-sm);text-decoration:none}.tab-item-active{color:var(--accent)}@media (width>=900px){.tab-bar{justify-content:flex-start;align-items:flex-start;gap:var(--space-2);width:220px;padding:var(--space-6) var(--space-4) var(--space-4);border-top:none;border-right:1px solid var(--border);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));padding-left:max(var(--space-4), env(safe-area-inset-left));flex-direction:column;top:0;bottom:0;right:auto}}.tel-link{min-width:44px;min-height:44px;margin-top:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:var(--text-lg);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.profile-form{gap:var(--space-4);flex-direction:column;display:flex}.profile-form h2{margin:0 0 var(--space-3)}.profile-form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit}.profile-form-entry-row{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.profile-form-entry-row .profile-form-input{flex:1;min-width:160px}.profile-form-dose{flex:0 140px}.profile-form-list,.profile-form-checklist{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-form-list li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);display:flex}.profile-form-checkbox-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);display:flex}.profile-form-none{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0}.profile-form-none-selected{border-color:var(--accent);color:var(--accent);font-weight:600}.profile-form-error{color:var(--danger);font-weight:600}.profile-form-nav{justify-content:space-between;gap:var(--space-3);display:flex}.profile-form-nav button{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;flex:1;font-weight:600}.profile-form-next{background:var(--accent);border-color:var(--accent);color:#fff}.profile-form-delete{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.profile-form-delete-button{border:1px solid var(--danger);border-radius:var(--radius-pill);color:var(--danger);font:inherit;cursor:pointer;padding:0 var(--space-4);background:0 0;font-weight:600}.profile-form-delete button{margin-right:var(--space-2);font:inherit;cursor:pointer}.profile-list-add{margin:var(--space-3) 0 var(--space-5);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;font-weight:600}.profile-list-rows{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-row{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated)}.profile-row-name{width:100%;padding:var(--space-1) 0;color:var(--text-primary);font:inherit;font-size:var(--text-lg);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:600;display:block}.profile-row-note{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.profile-row-corrupted p{margin:0 0 var(--space-2);color:var(--danger);font-weight:600}.profile-row-stale{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.profile-row-stale p{margin:0 0 var(--space-2);color:var(--text-secondary)}.profile-row-stale button{margin-right:var(--space-2);font:inherit;cursor:pointer}:root{--bg:#f7f7f8;--bg-elevated:#fff;--text-primary:#1a1a1e;--text-secondary:#55555c;--text-muted:#8a8a92;--border:#dcdce0;--accent:#5b5bd6;--danger:#c4392f;--radius-card:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem}@media (prefers-color-scheme:dark){:root{--bg:#17171b;--bg-elevated:#1f1f24;--text-primary:#f2f2f4;--text-secondary:#b7b7c0;--text-muted:#85858f;--border:#34343b;--accent:#8c8cf0;--danger:#ff6b60}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100svh;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{padding:var(--space-5) var(--space-4);padding-top:max(var(--space-5), env(safe-area-inset-top));padding-bottom:max(var(--space-5), env(safe-area-inset-bottom))}.app-content{padding:var(--space-4);padding-bottom:calc(64px + var(--space-4) + env(safe-area-inset-bottom))}@media (width>=900px){.app-content{max-width:720px;padding:var(--space-6);margin-left:220px}}.tap-target{min-width:44px;min-height:44px}
