:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20221e;background:#f6f0e4;font-synthesis:none;color-scheme:light;--brand:#0c8f84;--brand-soft:#dcece9;--surface:#fffdfa;--surface-2:#f6f0e4;--border:#e5d9bb;--muted:#726657;--danger:#c8432b;--warn:#b9812a;--ok:#3f7d52;--shadow:0 1px 3px rgba(30,24,10,.06),0 3px 12px rgba(30,24,10,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--surface-2)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.app-shell{min-height:100svh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px max(16px,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border)}.brand-wrap{display:flex;align-items:center;gap:10px}.brand-wrap strong,.brand-wrap small{display:block}.brand-wrap small{color:var(--muted);font-size:12px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand-soft);color:var(--brand)}.profile-switch,.chips{display:flex;gap:6px;overflow:auto}.profile-switch{padding:3px;background:#f0e7d5;border-radius:12px}.profile-switch button,.chips button{border:1px solid transparent;background:transparent;padding:8px 11px;border-radius:9px;white-space:nowrap}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.profile-switch button.active,.chips button.active{background:var(--surface);border-color:var(--border);box-shadow:0 2px 8px #143c3714;color:var(--brand);font-weight:700}.offline,.error-banner{padding:8px 16px;text-align:center;font-size:12px}.offline{background:#fff2cc;color:#765000}.error-banner{background:#fee4e2;color:var(--danger)}.content{width:min(920px,100%);margin:0 auto;padding:22px 16px;flex:1 0 auto}.stack{display:grid;gap:16px}.hero,.page-head,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.hero{background:linear-gradient(145deg,#fffdf8,#f1e6cf)}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(28px,7vw,42px)}h2{margin-bottom:8px;font-size:19px}.eyebrow{margin-bottom:5px;color:var(--brand);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.panel-original{text-decoration:underline;text-underline-offset:2px}.hero p:last-child,.page-head p:last-child,.panel p{margin-bottom:0;color:var(--muted);line-height:1.5}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats article{display:grid;gap:5px;padding:16px 10px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px}.stats strong{font-size:26px}.stats span{font-size:12px;color:var(--muted)}.stats .danger strong,.danger-text{color:var(--danger)}.stats .warn strong{color:var(--warn)}.range-bar{display:grid;gap:8px}.range-bar-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted)}.range-bar-value{font-size:15px;font-weight:600}.range-bar-track{position:relative;height:6px;border-radius:999px;background:var(--brand-soft)}.range-bar-marker{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;transform:translateY(-50%);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.range-bar-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.reading-row{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px}.reading-row-date{color:var(--muted)}.mini-range{display:grid;gap:6px}.mini-range-track{position:relative;height:4px;border-radius:999px;background:var(--brand-soft)}.mini-range-marker{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;transform:translateY(-50%);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.mini-range-ends{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;font-size:12px}.mini-range-ends>span{color:var(--muted)}.mini-range-ends>span:last-child{text-align:right}.mini-range-ends strong{font-size:15px;justify-self:center}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button,.primary,.secondary{border-radius:14px;padding:13px 16px;font-weight:750}.actions button,.primary{border:0;background:var(--brand);color:#fff}.secondary{border:1px solid var(--border);background:var(--surface);color:inherit}.text-button{border:0;background:transparent;color:var(--brand);font-weight:700;padding:10px}.round{width:46px;height:46px;padding:0;font-size:28px}.page-head-actions{display:flex;align-items:center;gap:8px}.search,label input,label select,label textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{width:100%;min-height:45px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:13px 14px;outline:none;box-sizing:border-box}.search:focus,label input:focus,label select:focus,label textarea:focus,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.medicine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.medicine-card{display:grid;grid-template-columns:120px 1fr;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.medicine-photo{display:grid;place-items:center;min-height:160px;background:linear-gradient(145deg,#f2e9d8,#fbf8f1);border-right:1px solid var(--border)}.medicine-photo img{width:100%;height:100%;object-fit:contain;padding:10px}.medicine-photo span{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-size:25px;font-weight:800}.medicine-body{padding:15px;min-width:0}.medicine-body h2{overflow-wrap:anywhere}.medicine-body small{display:block;color:var(--muted);margin-bottom:9px}.medicine-body p{font-size:13px;line-height:1.4}.medicine-description{color:var(--muted)}.description-toggle{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;margin-left:2px;font-size:11px;color:var(--brand);vertical-align:middle}.medicine-body footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px;font-size:12px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0e7d5;color:var(--muted);font-size:11px}.badge.warn{background:#fff0d5;color:var(--warn)}.badge.danger{background:#fee4e2;color:var(--danger)}.badge.ok{background:#dcfce7;color:var(--ok)}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:800}.ghost{border:0;background:transparent;font-size:24px;padding:0 4px}.card-actions{display:flex;align-items:center;gap:2px}.card-actions .ghost{font-size:18px}.empty{text-align:center}.empty strong{font-size:42px;color:var(--brand)}.setting{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0f232073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form{display:grid;gap:13px;width:min(620px,100%);max-height:90svh;overflow:auto;overscroll-behavior:contain;overscroll-behavior-x:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:20px;background:var(--surface);border-radius:18px;box-shadow:0 24px 80px #00000040}.form label{display:grid;gap:6px;font-size:13px;font-weight:700}.form textarea{min-height:78px;resize:vertical}.photo-picker{display:flex;align-items:center;gap:12px;max-width:100%}.file-picker-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-weight:700;white-space:nowrap;cursor:pointer}.file-picker-button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-preview{width:72px;height:72px;border-radius:14px;object-fit:cover;border:1px solid var(--border)}.photo-placeholder{display:grid;place-items:center;width:72px;height:72px;border-radius:14px;background:var(--brand-soft);font-size:26px}.hint-status{font-weight:400;color:var(--muted)}.hint-status--ok{color:var(--brand)}.hint-status--error{color:var(--danger)}.ai-describe{display:grid;gap:6px}.usage-picker{display:grid;gap:8px}.usage-custom{display:flex;gap:8px}.usage-custom input{flex:1;min-width:0}.usage-custom .secondary{white-space:nowrap}.ai-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.lab-card{display:grid;gap:8px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);cursor:pointer}.lab-card.selected{border-color:var(--brand);background:var(--brand-soft)}.lab-card footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.lab-item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto;gap:6px;align-items:center;margin-bottom:8px}.lab-item-row input{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:9px 8px;font-size:13px}.auth-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(9vh,48px) 20px 24px;overflow-y:auto;background:radial-gradient(circle at top,#fffaee,var(--surface-2) 55%)}.auth-card{width:min(460px,100%);padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 70px #16413a24;text-align:center}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.auth-logo{width:56px;height:56px;margin:0 auto 18px;border-radius:14px;font-size:24px}.auth-form{width:100%;max-height:none;padding:8px 0 0;background:transparent;box-shadow:none;text-align:left}.form-error,.form-success{padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.4}.form-error{background:#fee4e2;color:var(--danger)}.form-success{background:#dcfce7;color:#067647}.bottom-nav{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(520px,calc(100% - 20px));margin:0 auto;flex-shrink:0;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 15px 45px #1838332e}.compare-bar{position:sticky;bottom:calc(64px + max(10px,env(safe-area-inset-bottom)));z-index:29;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(520px,calc(100% - 20px));margin:0 auto;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.nav-link{display:grid;place-items:center;gap:2px;padding:7px 4px;border-radius:14px;color:var(--muted);text-decoration:none}.nav-link>span{font-size:19px}.nav-link small{font-size:10px}.nav-link.active{background:var(--brand-soft);color:var(--brand);font-weight:800}@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}.medicine-grid,.lab-grid{grid-template-columns:1fr}}@media(max-width:480px){.topbar{align-items:flex-start}.profile-switch button{padding:7px 8px;font-size:12px}.content{padding:16px 12px}.hero,.page-head,.panel{padding:17px}.actions,.two{grid-template-columns:1fr}.medicine-card{grid-template-columns:98px 1fr}.medicine-photo{min-height:145px}.auth-card{padding:22px 18px}.lab-item-row{grid-template-columns:1fr 1fr}}:root[data-theme=dark]{color:#f4eee0;background:#17140f;color-scheme:dark;--surface:#211d16;--surface-2:#17140f;--border:#413826;--muted:#b6ab94;--brand:#2dd4bf;--brand-soft:rgba(45,212,191,.16);--shadow:none}.lab-translation,.metric-translation{margin:.2rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.3}.metric-translation{font-size:1rem}.metric-terms{display:grid;gap:.75rem;margin:0}.metric-terms div{display:grid;gap:.2rem}.metric-terms dt{font-size:.78rem;color:var(--muted)}.metric-terms dd{margin:0;font-weight:600}.family-members{display:grid;gap:8px}.family-members h3{margin:0;font-size:15px}.family-members ul{display:grid;gap:7px;padding:0;margin:0;list-style:none}.family-members li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);font-weight:700}.family-members li .badge{flex:none;font-weight:600}.attention-panel{gap:14px}.attention-list{display:grid;gap:8px}.attention-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-align:left}.attention-row:hover{border-color:var(--brand);background:var(--brand-soft)}.attention-row:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px}.attention-row>span:first-child{display:grid;gap:3px;min-width:0}.attention-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-row small{color:var(--muted);font-size:12px}.attention-row>span:last-child{font-size:24px;color:var(--brand)}.attention-row.danger{border-color:#f3c3bd}.attention-row.danger b{color:var(--danger)}.attention-row.warn{border-color:#f4d7a3}.attention-row.warn b{color:var(--warn)}.attention-empty{margin:0;color:var(--muted);line-height:1.5}.dashboard-stats{grid-template-columns:repeat(3,1fr)}@media(max-width:480px){.attention-panel .row{align-items:center}.attention-panel .text-button{padding-right:0}}.modal{overflow:hidden;overscroll-behavior:contain;overscroll-behavior-x:none;touch-action:pan-y}.lab-report-form{overflow-x:hidden;overflow-y:auto;max-width:100%}.lab-report-form>.row:first-child{position:sticky;top:-20px;z-index:2;margin:-20px -20px 0;padding:20px 20px 13px;background:var(--surface);border-bottom:1px solid var(--border)}.lab-report-form>.row:first-child h2{margin:0}.lab-processing-status{display:grid;gap:7px;padding:12px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));border-radius:14px;background:var(--brand-soft)}.lab-processing-status>div{display:flex;align-items:center;gap:8px}.lab-processing-status strong{font-size:13px;line-height:1.35}.lab-processing-status small{color:var(--muted);font-size:12px;line-height:1.35}.lab-processing-status progress{width:100%;height:6px;accent-color:var(--brand)}.loading-spinner{width:14px;height:14px;flex:none;border:2px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);border-radius:50%;animation:lab-processing-spin .8s linear infinite}@keyframes lab-processing-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none;border-top-color:var(--brand)}}.dashboard-secondary{display:grid;gap:16px}.all-attention-button{justify-self:start;border:0;background:transparent;padding:6px 0;color:var(--brand);font-weight:700}.all-attention-button span{font-size:18px}.all-attention-button:focus-visible{outline:3px solid var(--brand-soft);outline-offset:3px;border-radius:6px}@media(max-width:480px)and (max-height:900px){.dashboard-stack{gap:12px}.dashboard-stack .hero{padding:15px 17px}.dashboard-stack .hero h1{margin-bottom:4px;font-size:32px}.dashboard-stack .hero p:last-child{line-height:1.35}.dashboard-stack .attention-panel{gap:10px;padding:15px 17px}.dashboard-stack .attention-row{padding:10px 11px}.dashboard-stack .attention-row small{line-height:1.25}.dashboard-secondary{display:none}}.photo-field{display:grid;gap:6px;font-size:13px;font-weight:700}.document-picker-open{justify-self:start;padding:4px 0}.document-picker{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.document-picker p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.document-picker-list{display:grid;gap:7px;max-height:230px;overflow:auto}.document-picker-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;text-align:left;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.document-picker-item.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.document-picker-item>b,.document-picker-item small{display:block}.document-picker-item small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.form-notice{margin:0;padding:10px 12px;border-radius:12px;background:#fff0d5;color:var(--warn);font-size:13px;line-height:1.4}.document-file-actions{display:flex;align-items:stretch;gap:8px}.document-file-actions .secondary{flex:1}.document-file-actions .icon-button{display:inline-grid;place-items:center;flex:0 0 46px;padding:0}.icon-button:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px}html,body,#root{width:100%;min-width:0;overscroll-behavior-x:none;touch-action:pan-y}.lab-institution-field{display:grid;align-content:start;gap:6px;min-width:0;font-size:13px;font-weight:700}.lab-institution-combobox{position:relative;display:block;min-width:0}.lab-institution-combobox input{padding-right:58px}.lab-institution-combobox:before{content:"";position:absolute;z-index:1;top:10px;right:52px;bottom:10px;border-left:1px solid var(--border);pointer-events:none}.lab-institution-combobox:after{content:"";position:absolute;z-index:1;top:50%;right:22px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.lab-institution-combobox.is-empty:after{opacity:.35}.lab-institution-combobox select{position:absolute;z-index:2;inset-block:0;right:0;width:52px;min-height:0;height:100%;padding:0;border:0;background:transparent;opacity:.001;cursor:pointer}.lab-institution-combobox select:disabled{cursor:not-allowed}.lab-institution-combobox:focus-within input{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.document-conclusion{display:grid;gap:7px;margin-top:4px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.document-conclusion .row{align-items:baseline}.document-conclusion .eyebrow{margin:0}.document-conclusion .row small,.document-conclusion>small{color:var(--muted);font-size:12px;line-height:1.4}.document-conclusion>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.metadata-review{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.metadata-review .form-notice{margin:0}.metadata-review-field{display:grid;gap:7px}.metadata-review-field>strong{font-size:13px}.metadata-options{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.metadata-choice{display:grid;gap:2px;min-height:44px;padding:8px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:inherit;text-align:left;font-weight:700;white-space:nowrap}.metadata-choice small{color:var(--muted);font-size:11px;font-weight:400}.metadata-choice.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft);color:var(--brand)}.metadata-choice:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px}.danger-button{border:1px solid var(--danger);border-radius:14px;padding:13px 16px;background:var(--danger);color:#fff;font-weight:750}.danger-button:focus-visible{outline:3px solid color-mix(in srgb,var(--danger) 35%,transparent);outline-offset:2px}.delete-document-dialog{max-width:520px}.delete-document-actions{grid-template-columns:1fr;gap:9px}.lab-institution-picker{display:grid;gap:6px;font-size:13px;font-weight:700}.lab-institution-picker small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.trend-panel .row{align-items:center}.trend-panel h2{margin:0}.trend-panel>p{line-height:1.5}.trend-badge{flex:none;font-weight:700;white-space:nowrap}.trend-badge.ok{background:var(--ok-soft, #dcfce7);color:var(--ok)}.trend-badge.danger{background:var(--danger-soft, #fee4e2);color:var(--danger)}.lab-card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.range-bar-track--windowed{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.range-bar-band{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--brand-soft)}.range-bar-ends--threshold{position:relative;min-height:15px}.range-bar-threshold{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;color:var(--brand);font-weight:700}.mini-range-track--windowed{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.mini-range-band{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--brand-soft)}.qualitative-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.qualitative-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.qualitative-list span{color:var(--muted);font-size:12px}.qualitative-list strong{overflow-wrap:anywhere;text-align:right}.lab-item{display:grid;gap:4px;margin-bottom:8px}.lab-item .lab-item-row{margin-bottom:0}.lab-item-reference{color:var(--muted);font-size:11px;font-weight:400;line-height:1.35}.lab-item-reference b{color:inherit}