.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}}.welcome-attribution{margin-top:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.crisis-line{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.crisis-line-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.crisis-line-exit{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit;cursor:pointer}.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}.doc-page{max-width:640px;margin:0 auto}.doc-section{margin-bottom:var(--space-5)}.doc-section h2{margin-bottom:var(--space-2)}.doc-steps{padding-left:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.doc-steps h2{margin:0 0 var(--space-1);font-size:var(--text-lg)}@media print{body *{visibility:hidden}.doc-page,.doc-page *{visibility:visible}.doc-page{color:#000;background:#fff;width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.doc-page .no-print{display:none!important}@page{margin:1.5cm}}.evidence-badge{padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);font-size:var(--text-sm);white-space:nowrap;font-weight:600;display:inline-block}.evidence-badge-some-research{border-color:var(--accent);color:var(--accent)}.evidence-badge-traditional{color:var(--text-secondary)}.evidence-badge-not-established{color:var(--text-muted)}.evidence-badge-wrapper{display:inline-flex;position:relative}.evidence-badge-trigger{cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.evidence-badge-panel{z-index:10;top:calc(100% + var(--space-1));width:max(220px,60vw);max-width:320px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);position:absolute;right:0;box-shadow:0 4px 16px #0003}.evidence-badge-panel h3{margin:0 var(--space-5) var(--space-2) 0;font-size:var(--text-base)}.evidence-badge-panel p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.evidence-badge-panel ul{font-size:var(--text-sm);margin:0;padding:0;list-style:none}.evidence-badge-panel-close{top:var(--space-2);right:var(--space-2);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit;cursor:pointer;position:absolute}.recipe-card{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);display:block}.recipe-card-field{margin:0 0 var(--space-3)}.recipe-card-field ul{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.recipe-card-amounts-note{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.recipe-card-ingredients{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.recipe-card-ingredients li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);flex-wrap:wrap;display:flex}.recipe-card-ingredient-amount{color:var(--text-secondary);flex:1}.recipe-card-ingredient-note{color:var(--text-muted);font-size:var(--text-sm);flex-basis:100%}.recipe-card-steps{margin:0 0 var(--space-4);padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.recipe-card-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.recipe-card-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}@media print{body *{visibility:hidden}.recipe-card,.recipe-card *{visibility:visible}.recipe-card{color:#000;background:#fff;border:none;width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.recipe-card .no-print{display:none!important}@page{margin:1.5cm}}.safety-card{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);border:1px solid var(--border)}.safety-card-blocked{border-color:var(--danger)}.safety-findings{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.safety-finding{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--bg-elevated);flex-direction:column;display:flex}.safety-finding-avoid{border-left:4px solid var(--danger)}.safety-finding-caution{border-left:4px solid var(--accent)}.safety-finding-source{gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.safety-alternatives ul{margin:var(--space-1) 0 var(--space-3);padding-left:var(--space-5)}.safety-card button,.safety-card a{font:inherit}.safety-ok-message{margin:var(--space-3) 0 0;color:var(--text-secondary)}.guide-flow{margin-top:var(--space-3)}.guide-flow-field{gap:var(--space-1);margin:0 0 var(--space-3);flex-direction:column;font-weight:600;display:flex}.guide-flow-field select,.guide-flow-field textarea{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit;resize:vertical;font-weight:400}.guide-flow-field textarea{min-height:72px}.guide-flow-for{margin:0 0 var(--space-3);color:var(--text-muted)}.guide-flow-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.guide-flow-tie-options,.guide-flow-recipes{margin:var(--space-3) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.guide-flow-tie-options button,.guide-flow-recipes button{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.home-library-link{margin:var(--space-2) 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.herb-directory{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.herb-directory-search{gap:var(--space-1);margin:var(--space-3) 0 var(--space-4);flex-direction:column;font-weight:600;display:flex}.herb-directory-search-field{align-items:center;display:flex;position:relative}.herb-directory-search-icon{left:var(--space-2);color:var(--text-muted);pointer-events:none;position:absolute}.herb-directory-search-field input{width:100%;padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) + 18px + var(--space-2));border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-weight:400}.herb-directory-select-label{gap:var(--space-1);margin:0 0 var(--space-4);flex-direction:column;font-weight:600;display:flex}.herb-directory-select-label select{width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-weight:400}@media (width>=900px){.herb-directory-search-field,.herb-directory-select-label select{max-width:480px}}.herb-detail-alert{margin-bottom:var(--space-4);padding:var(--space-3);border:2px solid var(--danger);border-radius:var(--radius-card);background:var(--bg-elevated)}.herb-detail-alert h3{margin:0 0 var(--space-1);color:var(--danger)}.herb-detail-other-names,.herb-detail-scientific-name{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.herb-detail-uses{margin:0 0 var(--space-4);gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.herb-detail-uses li{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card)}.herb-detail-use-row{justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.herb-detail-not-checked{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.safety-check{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.safety-check-picker{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);font-weight:600;display:flex}.safety-check-picker select{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit}.library-filter{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-5);font-weight:600;display:flex}.library-filter select{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit}.library-rows{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.library-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);display:flex}.library-row-select{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.library-row-title{flex:1;font-weight:600}.library-row-format{color:var(--text-muted);text-transform:capitalize}.library-ingredients,.library-sources{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.library-ingredients li{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);flex-wrap:wrap;display:flex}.library-ingredient-amount{color:var(--text-secondary);flex:1}.library-ingredient-note{color:var(--text-muted);font-size:var(--text-sm);flex-basis:100%}.library-amounts-note{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.library-sources li{padding:var(--space-1) 0}.saved-picker{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-5);font-weight:600;display:flex}.saved-picker select{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit}.saved-rows{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saved-row{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated)}.saved-row-header{align-items:center;gap:var(--space-3);display:flex}.saved-row-select{min-width:0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;font-weight:600}.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}.your-data{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.your-data-action{margin:var(--space-3) 0}.your-data-button{padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.your-data-file-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.your-data-confirm{margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.your-data-confirm input[type=text]{width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text-primary);font:inherit}.your-data-error{margin-top:var(--space-2);color:var(--danger)}.your-data-danger button{border-color:var(--danger);color:var(--danger)}.more-help-links{margin:0 0 var(--space-5);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.more-attribution{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}:root{--bg:#f7f7f8;--bg-elevated:#fff;--text-primary:#1a1a1e;--text-secondary:#55555c;--text-muted:#8a8a92;--border:#dcdce0;--accent:#5b5bd6;--danger:#c4392f;--link:#5b5bd6;--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;--link:#9ea0ff}}*,: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}a,a:visited{color:var(--link);text-decoration:underline}@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}