:root{--blue: #0b57d0;--blue-press: #0842a0;--primary: var(--blue);--on-primary: #ffffff;--pill: #c2e7ff;--on-pill: #001d35;--pill-soft: #e8f0fe;--background: #f1f4f9;--header-bg: #f1f4f9;--surface: #ffffff;--surface-1: #f8fafd;--surface-2: #f0f4f9;--surface-3: #e9eef6;--hover: #e8eaed;--search-bg: #e9eef6;--on-surface: #1f1f1f;--on-surface-variant: #444746;--outline: #747775;--outline-variant: #dadce0;--error: #b3261e;--severe: #c5221f;--severe-c: #fce8e6;--on-severe-c: #5f1411;--moderate: #b06000;--moderate-c: #feefc3;--on-moderate-c: #3f2e00;--mild: #7a5900;--mild-c: #fef7e0;--on-mild-c: #3a2c00;--good: #137333;--good-c: #e6f4ea;--on-good-c: #0b3d1c;--e1: 0 1px 2px rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);--e2: 0 1px 3px rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15);--e3: 0 4px 8px 3px rgba(60,64,67,.15), 0 1px 3px rgba(60,64,67,.3);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-full: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--header-h: 64px;--drawer-w: 256px;--rail-w: 76px;--content-max: 1160px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--blue: #a8c7fa;--blue-press: #c2e0ff;--primary: var(--blue);--on-primary: #062e6f;--pill: #004a77;--on-pill: #c2e7ff;--pill-soft: #1f3a5f;--background: #131314;--header-bg: #131314;--surface: #1e1f20;--surface-1: #1b1b1b;--surface-2: #28292a;--surface-3: #303134;--hover: #2d2e30;--search-bg: #2d2e31;--on-surface: #e3e3e3;--on-surface-variant: #c4c7c5;--outline: #8e918f;--outline-variant: #444746;--severe: #f2b8b5;--severe-c: #3c1410;--on-severe-c: #f9dedc;--moderate: #ffb868;--moderate-c: #3a2a00;--on-moderate-c: #ffe0b3;--mild: #e6c84e;--mild-c: #332a00;--on-mild-c: #fbe6a2;--good: #6dd58c;--good-c: #0c2a16;--on-good-c: #b6f0c4;--e1: 0 1px 3px rgba(0,0,0,.6);--e2: 0 2px 6px rgba(0,0,0,.6);--e3: 0 8px 20px rgba(0,0,0,.7);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Google Sans Text,Roboto Flex,Roboto,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--blue);text-decoration:none}h1,h2,h3,h4{margin:0 0 .35em;line-height:1.25;font-weight:500;letter-spacing:0}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem;font-weight:600}p{margin:0 0 .6em}button{font-family:inherit;cursor:pointer}code{background:var(--surface-3);padding:1px 6px;border-radius:6px;font-size:.85em}.material-symbols-rounded,.ico{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;line-height:1;font-size:22px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;flex:0 0 auto}.g-app{min-height:100%;min-height:100dvh;display:flex;flex-direction:column}.g-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;gap:var(--s2);padding:0 var(--s4);background:var(--header-bg)}.g-brand{display:flex;align-items:center;gap:var(--s3);font-size:1.32rem;font-weight:400;color:var(--on-surface-variant);padding-right:var(--s3);white-space:nowrap}.g-brand .logo{width:36px;height:36px;border-radius:var(--r-xs);background:var(--blue);color:var(--on-primary);display:grid;place-items:center;font-size:1.25rem}.icon-btn{width:44px;height:44px;border-radius:var(--r-full);border:0;background:transparent;color:var(--on-surface-variant);display:grid;place-items:center;transition:background .15s;flex:0 0 auto}.icon-btn:hover{background:var(--hover)}.icon-btn.sm{width:32px;height:32px}.icon-btn.sm .ico{font-size:20px}.g-search{flex:1 1 auto;max-width:720px;margin-right:auto;position:relative}.g-search-field{display:flex;align-items:center;gap:var(--s3);background:var(--search-bg);border-radius:var(--r-full);height:48px;padding:0 var(--s2) 0 var(--s4);transition:background .15s,box-shadow .15s}.g-search-field .ico{color:var(--on-surface-variant)}.g-search.active .g-search-field{background:var(--surface);box-shadow:var(--e1)}.g-search input{border:0;background:transparent;outline:0;flex:1;min-width:0;font-size:.95rem;color:var(--on-surface)}.g-search-results{position:absolute;top:52px;left:0;right:0;background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--e2);overflow:hidden;z-index:50;padding:var(--s1) 0}.g-result{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;border:0;background:transparent;padding:10px var(--s4);color:var(--on-surface);font-size:.9rem}.g-result:hover{background:var(--hover)}.g-result .ico{color:var(--on-surface-variant);font-size:20px}.g-account{position:relative}.g-avatar{width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--on-primary);display:grid;place-items:center;font-weight:600;font-size:.95rem;border:2px solid transparent}.g-avatar:hover{box-shadow:var(--e1)}.g-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49}.g-menu{position:absolute;right:0;top:50px;z-index:50;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--e3);min-width:268px;padding:var(--s2)}.g-menu .mhead{padding:10px 12px}.g-menu .mdiv{height:1px;background:var(--outline-variant);margin:var(--s1) 0}.mitem{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:var(--r-xs);color:var(--on-surface);font-size:.9rem}.mitem:hover{background:var(--hover)}.mitem.sel{background:var(--pill-soft)}.mitem .sel-check{margin-left:auto;color:var(--blue);font-size:20px}.mini-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--on-surface-variant);display:grid;place-items:center;font-weight:600;font-size:.8rem;flex:0 0 auto}.g-body{flex:1 1 auto;display:flex;min-height:0}.g-drawer{width:var(--drawer-w);flex:0 0 var(--drawer-w);padding:var(--s2) var(--s3) var(--s4);overflow-y:auto;transition:width .2s,flex-basis .2s}.g-drawer.collapsed{width:var(--rail-w);flex-basis:var(--rail-w)}.g-new{display:flex;align-items:center;gap:var(--s3);height:56px;padding:0 var(--s5) 0 var(--s4);margin:var(--s2) var(--s1) var(--s4);border:0;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--e2);color:var(--on-surface);font-size:.95rem;font-weight:500;transition:box-shadow .15s,background .15s}.g-new:hover{box-shadow:var(--e3);background:var(--surface-1)}.g-new .ico{color:var(--blue);font-size:24px}.g-nav{display:flex;flex-direction:column;gap:2px}.g-nav-item{display:flex;align-items:center;gap:var(--s4);height:44px;padding:0 var(--s4);border:0;border-radius:var(--r-full);background:transparent;color:var(--on-surface-variant);font-size:.9rem;font-weight:500;width:100%;text-align:left;position:relative;transition:background .15s}.g-nav-item:hover{background:var(--hover)}.g-nav-item.active{background:var(--pill);color:var(--on-pill)}.g-nav-item.active .ico{font-variation-settings:"FILL" 1,"wght" 500;color:var(--on-pill)}.g-nav-item .ico{font-size:22px}.badge-count{margin-left:auto;background:var(--severe);color:#fff;border-radius:var(--r-full);min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-grid;place-items:center}.g-drawer.collapsed .g-new{width:48px;height:48px;padding:0;justify-content:center;margin:var(--s2) auto var(--s4)}.g-drawer.collapsed .g-new .g-nav-label{display:none}.g-drawer.collapsed .g-nav-item{width:56px;margin:2px auto;padding:0;flex-direction:column;gap:0;justify-content:center;height:48px}.g-drawer.collapsed .g-nav-label{display:none}.g-drawer.collapsed .badge-count{position:absolute;top:4px;right:10px;margin:0}.g-content{flex:1 1 auto;min-width:0;background:var(--surface);border-top-left-radius:var(--r-md);border-bottom:0;overflow:visible}.content{padding:var(--s5) var(--s6) var(--s7);max-width:var(--content-max);width:100%;margin:0 auto}.g-scrim{display:none}@media (max-width: 1100px) and (min-width: 721px){.g-content{border-top-left-radius:var(--r-md)}.content{padding:var(--s5) var(--s5) var(--s7)}}@media (max-width: 720px){.g-brand .brand-text{display:none}.g-search{margin-right:var(--s2)}.g-search input::placeholder{font-size:.85rem}.g-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:44;opacity:0;pointer-events:none;transition:opacity .2s}.g-scrim.open{opacity:1;pointer-events:auto}.g-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:86vw;z-index:45;background:var(--surface);transform:translate(-105%);transition:transform .25s cubic-bezier(.2,0,0,1);padding-top:var(--s4);border-radius:0 var(--r-md) var(--r-md) 0}.g-drawer.collapsed{width:300px;flex-basis:300px}.g-drawer.collapsed .g-nav-item{width:100%;flex-direction:row;gap:var(--s4);padding:0 var(--s4);height:44px}.g-drawer.collapsed .g-nav-label,.g-drawer.collapsed .g-new .g-nav-label{display:inline}.g-drawer.collapsed .g-new{width:auto;height:56px;padding:0 var(--s5) 0 var(--s4);justify-content:flex-start}.g-drawer.mobile-open{transform:translate(0);box-shadow:var(--e3)}.g-content{border-top-left-radius:0}.content{padding:var(--s4) var(--s3) var(--s7)}h1{font-size:1.35rem}}.card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--r-sm);padding:var(--s5);transition:box-shadow .15s,border-color .15s}.card.elevated{box-shadow:var(--e1);border-color:transparent}.card[onclick],.card.clickable{cursor:pointer}.card:hover.clickable{box-shadow:var(--e2)}.grid{display:grid;gap:var(--s4)}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.muted{color:var(--on-surface-variant)}.small{font-size:.84rem}.tiny{font-size:.75rem}.section-title{display:flex;align-items:baseline;gap:var(--s3);margin:var(--s6) 0 var(--s3);flex-wrap:wrap}.section-title h2{margin:0}.pagehead{margin-bottom:var(--s2)}.pagehead .sub{color:var(--on-surface-variant);margin:0;max-width:72ch}.stat .label{color:var(--on-surface-variant);font-size:.76rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.stat .value{font-size:1.85rem;font-weight:400;line-height:1.05;margin-top:6px}.stat .unit{font-size:.8rem;color:var(--on-surface-variant);font-weight:500}.stat .meta{color:var(--on-surface-variant);font-size:.78rem;margin-top:6px}.flag{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-xs);padding:3px 9px;font-size:.72rem;font-weight:700;letter-spacing:.3px}.flag.high,.flag.abnormal{background:var(--severe-c);color:var(--on-severe-c)}.flag.low{background:var(--mild-c);color:var(--on-mild-c)}.flag.normal,.flag.good{background:var(--good-c);color:var(--on-good-c)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}.dot.severe{background:var(--severe)}.dot.moderate{background:var(--moderate)}.dot.mild{background:var(--mild)}.dot.info{background:var(--outline)}.dot.good{background:var(--good)}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--outline-variant);border-radius:var(--r-xs);padding:5px 11px;font-size:.8rem;font-weight:600;background:var(--surface);color:var(--on-surface-variant)}.pill.sev-severe{border-color:transparent;color:var(--on-severe-c);background:var(--severe-c)}.pill.sev-moderate{border-color:transparent;color:var(--on-moderate-c);background:var(--moderate-c)}.pill.sev-mild{border-color:transparent;color:var(--on-mild-c);background:var(--mild-c)}.trend-bad{color:var(--severe);font-weight:600}.trend-good{color:var(--good);font-weight:600}.trend-flat{color:var(--on-surface-variant)}.btn{border:1px solid var(--outline);background:transparent;border-radius:var(--r-full);padding:9px 22px;font-weight:600;color:var(--blue);font-size:.88rem;display:inline-flex;align-items:center;gap:8px;transition:background .15s,box-shadow .15s}.btn:hover{background:var(--pill-soft)}.btn.primary{background:var(--blue);color:var(--on-primary);border-color:transparent}.btn.primary:hover{box-shadow:var(--e1);background:var(--blue-press)}.btn.tonal{background:var(--pill-soft);color:var(--blue);border-color:transparent}.btn.sm{padding:7px 16px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{border:1px solid var(--outline-variant);background:var(--surface);border-radius:var(--r-xs);padding:7px 14px;font-size:.82rem;font-weight:600;color:var(--on-surface-variant);transition:background .15s}.chip:hover{background:var(--hover)}.chip.active{background:var(--pill);color:var(--on-pill);border-color:transparent}input[type=text],input[type=password],input.search,select{font-family:inherit;font-size:.95rem}.search{width:100%;border:1px solid var(--outline);border-radius:var(--r-xs);padding:14px 16px;background:var(--surface);color:var(--on-surface)}.search:focus,input:focus,select:focus{outline:2px solid var(--blue);outline-offset:-1px}ul.clean{margin:var(--s2) 0;padding-left:20px}ul.clean li{margin:4px 0}.eat li::marker{color:var(--good)}.limit li::marker{color:var(--severe)}.cite{font-size:.74rem;color:var(--on-surface-variant);border-left:3px solid var(--outline-variant);padding:2px 0 2px 10px;margin:4px 0}.cite b{color:var(--on-surface);font-weight:600}.cite-tag{display:inline-block;font-size:.68rem;background:var(--surface-3);border-radius:6px;padding:2px 8px;color:var(--on-surface-variant);margin:2px 4px 2px 0}.disclaimer{background:var(--mild-c);color:var(--on-mild-c);border-radius:var(--r-sm);padding:12px 16px;font-size:.84rem}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;color:var(--on-surface-variant);font-weight:600;font-size:.72rem;letter-spacing:.4px;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--outline-variant)}.table td{padding:11px 12px;border-bottom:1px solid var(--surface-3);vertical-align:top}.table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.verdict-card{border-radius:var(--r-md);padding:var(--s5);color:#fff;box-shadow:var(--e1)}.verdict-avoid{background:linear-gradient(135deg,#c5221f,#9a0f0f)}.verdict-limit{background:linear-gradient(135deg,#b06000,#8a4b00)}.verdict-good{background:linear-gradient(135deg,#137333,#0b5524)}.verdict-ok{background:linear-gradient(135deg,var(--blue),#0842a0)}.verdict-card h2{color:#fff}.regimen-item{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s4) 0;border-bottom:1px solid var(--surface-3)}.regimen-item:last-child{border-bottom:0}.freq-tag{flex:0 0 auto;background:var(--pill-soft);color:var(--blue);font-weight:700;font-size:.72rem;border-radius:var(--r-xs);padding:6px 10px;white-space:nowrap}.login-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--s4);background:var(--background)}.login-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--r-lg);box-shadow:var(--e2);padding:var(--s6) var(--s5);width:100%;max-width:400px}.login-card .logo{width:56px;height:56px;border-radius:var(--r-md);background:var(--blue);color:var(--on-primary);display:grid;place-items:center;font-size:1.8rem;margin:0 auto var(--s4)}.field{display:block;margin:var(--s4) 0}.field span{display:block;font-size:.82rem;font-weight:600;color:var(--on-surface-variant);margin-bottom:6px}.login-error{background:var(--severe-c);color:var(--on-severe-c);border-radius:var(--r-xs);padding:10px 14px;font-size:.85rem;font-weight:500;margin-top:var(--s3)}.dropzone{border:2px dashed var(--outline-variant);cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-1)}.dropzone:hover,.dropzone.over{border-color:var(--blue);background:var(--pill-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:grid;place-items:center;padding:var(--s4)}.modal{background:var(--surface);border-radius:var(--r-md);width:100%;max-width:960px;height:90vh;height:90dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--e3)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--outline-variant)}.pdf-frame{flex:1;width:100%;border:0;background:#525659}.centered{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--s5);color:var(--on-surface-variant);text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--surface-3);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--s4)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}