@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_3a2b1dcd-module__quYl0a__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_3a2b1dcd-module__quYl0a__variable{--font-outfit:"Outfit","Outfit Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.4b5f6188.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.d8302362.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.e316a4a9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.f2813c2a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_f823cd8e-module__TVtbaW__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_f823cd8e-module__TVtbaW__variable{--font-mono:"DM Mono","DM Mono Fallback"}
@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9ed3a8eb88ee673e-s.78af85bc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/92e1d16bcc717b47-s.edd497bf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5fbf91cac4d9174b-s.p.469c74b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_9926dac0-module__y5QBhW__className{font-family:Fraunces,Fraunces Fallback;font-style:normal;font-weight:700}.fraunces_9926dac0-module__y5QBhW__variable{--font-brand:"Fraunces","Fraunces Fallback"}
*,:before,:after{box-sizing:border-box;margin:0}.annotation{font-size:var(--font-xs);font-weight:var(--weight-bold);letter-spacing:.05em;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:48px 24px}.empty-state-illustration{margin-bottom:var(--space-4);justify-content:center;display:flex}.empty-state-title{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-1_5)}.empty-state-desc{font-size:var(--font-sm);color:var(--subtle);max-width:300px;margin:0 auto;line-height:1.5}.empty-state-action{margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--green);color:#fff;font-size:var(--font-sm);font-weight:var(--weight-semibold);cursor:pointer;border:none;padding:7px 18px}:root{--green:#12b76a;--green-light:#ecfdf5;--green-mid:#86efac;--bg:#f5f6f8;--surface:#fff;--surface-hover:#f9fafb;--surface-alt:#fafafa;--border:#e4e7ec;--border-light:#f2f4f7;--border-faint:#f9fafb;--text:#101828;--text-secondary:#344054;--muted:#667085;--subtle:#7e8a9a;--faint:#c0c8d4;--faint-dim:#d0d5dd;--initials-bg:#f0fdf4;--initials-border:#bbf7d0;--overlay:#10182899;--shadow-sm:0 1px 3px #1018280d;--shadow-md:0 4px 12px #10182814;--cal:#ff6b35;--protein:#12b76a;--carbs:#2e90fa;--fat:#f79009;--sodium:#7c3aed;--fiber:#0891b2;--sugar:#db2777;--up:#12b76a;--down:#f04438;--down-light:#fef3f2;--usda:#2563eb;--usda-light:#eff6ff;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--danger:#dc2626;--danger-light:#fef2f2;--danger-border:#fecdca;--danger-text:#b42318;--orange:#d97706;--orange-light:#fffbeb;--purple:#7c3aed;--purple-light:#f5f3ff;--warning-text:#92400e;--shadow-lg:0 8px 32px #1018281f;--shadow-drawer:-4px 0 24px #1018281a;--radius-xs:2px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-0:0px;--space-px:1px;--space-0_5:2px;--space-1:4px;--space-1_5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--font-4xs:8px;--font-3xs:9px;--font-2xs:11px;--font-xs:12px;--font-sm:13px;--font-base:14px;--font-lg:16px;--font-xl:20px;--font-2xl:24px;--font-3xl:32px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-wider:.06em;--leading-none:1;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.7;--component-height-sm:28px;--component-height-md:36px;--component-height-lg:44px;--card-padding:var(--space-5);--section-gap:var(--space-5);--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--thumb-sm:32px;--thumb-md:48px;--thumb-lg:64px;--container-max:1100px;--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.15s;--duration-moderate:.2s;--duration-slow:.3s;--duration-slower:.4s;--ease-out:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-stripe:cubic-bezier(.2,1,.2,1);--stagger-delay:50ms;--z-dropdown:20;--z-sticky:30;--z-drawer:50;--z-modal:80;--z-toast:90;--z-design-panel:99999;--opacity-disabled:.5;--opacity-hover:.75;--opacity-muted:.6}[data-density=compact]{--space-0_5:1px;--space-1:2px;--space-1_5:4px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--font-4xs:7px;--font-3xs:8px;--font-2xs:10px;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-lg:15px;--font-xl:18px;--font-2xl:22px;--font-3xl:28px;--component-height-sm:24px;--component-height-md:32px;--component-height-lg:40px;--card-padding:var(--space-4);--section-gap:var(--space-4);--leading-normal:1.4}[data-density=spacious]{--space-0_5:3px;--space-1:4px;--space-1_5:8px;--space-2:8px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--font-4xs:9px;--font-3xs:10px;--font-2xs:12px;--font-xs:13px;--font-sm:14px;--font-base:15px;--font-lg:17px;--font-xl:22px;--font-2xl:28px;--font-3xl:36px;--component-height-sm:32px;--component-height-md:40px;--component-height-lg:48px;--card-padding:var(--space-6);--section-gap:var(--space-6)}[data-theme=dark]{--green:#32d583;--green-light:#064e3b;--green-mid:#065f46;--bg:#0c111d;--surface:#1d2939;--surface-hover:#283548;--surface-alt:#1d2939;--border:#344054;--border-light:#1d2939;--border-faint:#283548;--text:#f9fafb;--text-secondary:#d0d5dd;--muted:#d0d5dd;--subtle:#98a2b3;--faint:#667085;--faint-dim:#475467;--initials-bg:#064e3b;--initials-border:#065f46;--overlay:#000000b3;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--up:#32d583;--down:#f97066;--down-light:#451a15;--usda:#60a5fa;--usda-light:#1e3a5f;--warning:#fbbf24;--warning-light:#422006;--warning-dark:#fcd34d;--danger:#f87171;--danger-light:#451a15;--danger-border:#7f1d1d;--danger-text:#fca5a5;--orange:#fbbf24;--orange-light:#422006;--purple:#a78bfa;--purple-light:#2e1065;--warning-text:#fcd34d;--shadow-lg:0 8px 32px #00000080;--shadow-drawer:-4px 0 24px #0006}[data-theme=dark] img[src*="/illustrations/"]{filter:brightness(.85)contrast(1.1)}html,body{height:100%}body{font-family:var(--font-outfit,"Outfit"),system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{color:inherit}*{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.btn-primary{background:var(--green);color:#fff;font-size:var(--font-base);font-weight:var(--weight-semibold);padding:10px var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-normal),transform var(--duration-fast);border:none}.btn-primary:hover{background:#0ea55e}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding);transition:box-shadow var(--duration-normal)ease}.card-flush{padding:0}.card-clip{overflow:hidden}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md)}.section-heading{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--subtle);letter-spacing:.04em;text-transform:uppercase}.close-btn{width:var(--component-height-md);height:var(--component-height-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--subtle);cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-btn{width:var(--component-height-md);height:var(--component-height-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--subtle);cursor:pointer;transition:color var(--duration-normal),border-color var(--duration-normal),background var(--duration-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text);border-color:var(--faint-dim);background:var(--surface-hover)}.icon-btn:active{transform:scale(.95)}.text-link{color:var(--green);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:opacity var(--duration-normal);background:0 0;border:none;padding:0}.text-link:hover{opacity:var(--opacity-hover)}.scroll-to-top-btn{z-index:25;border-radius:var(--radius-full);background:var(--green);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-md);cursor:pointer;opacity:0;animation:fadeSlideIn var(--duration-moderate)var(--ease-out)forwards;transition:opacity var(--duration-normal),transform var(--duration-normal);border:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px}.scroll-to-top-btn:hover{transform:translateY(-2px);opacity:1!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dp-preview-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--border-light)25%,var(--border-faint)50%,var(--border-light)75%);border-radius:var(--radius-sm);background-size:200% 100%;background-attachment:fixed;animation:1.5s ease-in-out infinite shimmer}.stagger-children>*{animation:fade-up var(--duration-slow)var(--ease-out)both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}.stagger-children>:nth-child(n+9){animation-delay:.48s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.macro-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.bottom-grid{gap:var(--space-4);grid-template-columns:1fr 296px;align-items:start;display:grid}.macro-trend-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.macro-split-card{gap:var(--space-7);grid-template-columns:auto 1fr;align-items:center;display:grid}.connect-layout{min-height:100dvh;display:flex}.connect-hero{flex-shrink:0;width:52%}.connect-hero-styled{background:#101828;flex-direction:column;padding:44px 52px;display:flex;position:relative;overflow:hidden}.connect-hero-dots{pointer-events:none;background-image:radial-gradient(circle,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.connect-hero-glow-bottom{pointer-events:none;background:radial-gradient(circle,#12b76a26 0%,#0000 65%);width:480px;height:480px;position:absolute;bottom:-80px;left:-60px}.connect-hero-glow-top{pointer-events:none;background:radial-gradient(circle,#12b76a0f 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-100px;right:-60px}.connect-hero-content{flex-direction:column;flex:1;display:flex;position:relative}.connect-hero-brand{align-items:center;gap:10px;display:flex}.connect-hero-brand-name{font-size:var(--font-xl);font-weight:var(--weight-bold);color:#fff;letter-spacing:-.02em;font-family:var(--font-brand)}.connect-hero-body{flex-direction:column;flex:1;justify-content:center;padding-top:40px;padding-bottom:32px;display:flex}.connect-hero-eyebrow{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.connect-hero-headline{color:#fff;letter-spacing:-.04em;max-width:420px;margin-bottom:18px;font-size:44px;font-weight:800;line-height:1.1}.connect-hero-subtext{color:#ffffff6b;max-width:360px;font-size:16px;line-height:1.7}.connect-hero-stats{gap:32px;margin-top:24px;display:flex}.connect-hero-stat-value{font-family:var(--font-mono);color:#12b76a;letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1}.connect-hero-stat-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:12px}.hero-preview{margin-top:32px}.hero-preview-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;max-width:380px;padding:20px}.hero-preview-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.hero-preview-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;margin-bottom:4px;font-size:11px}.hero-preview-number{font-family:var(--font-mono);color:#fff;letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:1}.hero-preview-unit{color:#ffffff4d;margin-top:4px;font-size:12px}.hero-preview-donut{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-preview-donut-labels{letter-spacing:.02em;gap:8px;font-size:10px;font-weight:600;display:flex}.hero-preview-chart{margin-bottom:16px}.hero-preview-chart-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff4d;margin-bottom:8px;font-size:10px}.hero-preview-bars{align-items:flex-end;gap:6px;height:56px;display:flex}.hero-preview-bar-col{flex:1;align-items:flex-end;height:100%;display:flex}.hero-preview-bar{border-radius:var(--radius-xs);width:100%;transition:height var(--duration-slow)var(--ease-in-out)}.hero-preview-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.hero-preview-score{align-items:center;gap:8px;display:flex}.hero-preview-score-grade{font-family:var(--font-mono);color:#12b76a;font-size:18px;font-weight:700}.hero-preview-score-label{color:#ffffff59;font-size:12px}.hero-preview-trend{align-items:center;gap:6px;display:flex}.hero-preview-trend-label{color:#12b76a;font-size:11px;font-weight:500}.connect-panel{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:40px 48px;display:flex}.connect-panel-inner{width:100%;max-width:380px}.connect-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px 28px 24px}.connect-card-illustration{margin-bottom:var(--space-3);justify-content:center;display:flex}.connect-card-title{font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.02em;margin-bottom:6px}.connect-card-desc{font-size:var(--font-base);color:var(--muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.connect-scopes{gap:var(--space-3);flex-direction:column;margin-bottom:22px;display:flex}.connect-scope-item{align-items:center;gap:var(--space-3);display:flex}.connect-scope-check{border-radius:var(--radius-sm);background:var(--initials-bg);border:1px solid var(--initials-border);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.connect-scope-label{font-size:var(--font-base);color:var(--text-secondary)}.connect-stores{margin-bottom:var(--space-4);align-items:center;gap:8px;display:flex}.connect-stores-label{font-size:var(--font-sm);color:var(--subtle);font-weight:var(--weight-medium)}.connect-store-name{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.connect-stores-sep{font-size:var(--font-sm);color:var(--faint)}.connect-cta{width:100%}.connect-demo-link{text-align:center;font-size:var(--font-base);color:var(--subtle);transition:color var(--duration-normal);margin-top:12px;text-decoration:none;display:block}.connect-demo-link:hover{color:var(--text-primary)}.connect-loading{text-align:center}.connect-loading-icon{border-radius:var(--radius-lg);background:var(--initials-bg);justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.connect-loading-spinner{color:var(--muted);font-size:var(--font-base);justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.connect-waiting{margin-top:12px}.connect-waiting-bar{background:var(--border-light);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:11px 20px;display:flex}.connect-waiting-link{text-align:center;font-size:var(--font-base);color:var(--subtle);margin-top:8px;text-decoration:none;display:block}.connect-error{background:var(--danger-light);border:1px solid var(--danger-border);border-radius:var(--radius-md);margin-top:10px;padding:10px 14px}.connect-error p{font-size:var(--font-base);color:var(--danger-text);margin:0}.connect-reset{color:var(--subtle);font-size:var(--font-base);cursor:pointer;background:0 0;border:none;margin:12px auto 0;display:block}.connect-request{margin-top:var(--space-4);font-size:var(--font-sm);color:var(--faint);text-align:center}.connect-powered{font-size:var(--font-sm);color:var(--faint);text-align:center;line-height:var(--leading-normal);margin-top:18px}.connect-powered-link{color:var(--subtle);text-decoration:none}.connect-powered-link:hover{text-decoration:underline}.items-table-row{grid-template-columns:var(--items-grid-cols,20px 36px 1fr 48px 72px 64px 64px 64px);align-items:center;gap:var(--space-3);padding:10px var(--space-5);transition:background var(--duration-fast);display:grid}.items-table-row:hover{background:var(--surface-hover)}.items-table-row:hover .row-hover-badges{opacity:1!important}.items-badge-row{align-items:center;gap:var(--space-1);flex-wrap:wrap;min-height:0;margin-top:2px;display:flex}.items-badge-row:empty{display:none}.items-badge{border-radius:3px;flex-shrink:0;align-items:center;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;display:inline-flex}.items-badge--new{background:var(--carbs);color:#fff}.items-badge--always{background:var(--green-light);color:var(--green)}.items-badge--warning{background:var(--warning-light);color:var(--warning-dark)}.items-badge--additive{background:var(--orange-light);color:var(--orange)}.items-badge--allergen{background:var(--down-light);color:var(--down);gap:2px}.order-card{transition:background var(--duration-normal),box-shadow var(--duration-normal)}.order-card:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm)}.order-item-hover{transition:background var(--duration-fast)}.order-item-hover:hover{background:var(--surface-hover)}.macro-trend-grid>div,.nutrient-grid>div{transition:transform var(--duration-normal)var(--ease-out),box-shadow var(--duration-normal)var(--ease-out)}.macro-trend-grid>div:hover,.nutrient-grid>div:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.items-table-header{grid-template-columns:var(--items-grid-cols,20px 36px 1fr 48px 72px 64px 64px 64px);gap:var(--space-3);padding:10px var(--space-5);z-index:5;box-shadow:0 1px 0 var(--border);display:grid;position:sticky;top:52px}.items-table-header>div[style*="cursor: pointer"]:hover{color:var(--text)!important}.items-qty-inline{display:none}@media (max-width:960px){.macro-grid,.nutrient-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.macro-trend-grid{grid-template-columns:repeat(2,1fr)}.macro-split-card{grid-template-columns:1fr;gap:20px}.items-table{--items-grid-cols:20px 36px 1fr 72px!important}.items-col-hide{display:none!important}}
.nav-bar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.nav-bar-inner{max-width:var(--container-max);justify-content:space-between;align-items:center;gap:var(--space-4);height:52px;margin:0 auto;display:flex}.nav-brand{align-items:center;gap:var(--space-3);display:flex}.nav-brand-name{font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.02em;font-family:var(--font-brand)}.nav-actions{align-items:center;gap:8px;display:flex}.profile-chip{border-radius:var(--radius-sm);background:var(--surface-hover);border:1px solid var(--border);height:28px;font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text-secondary);align-items:center;padding:0 10px;display:flex}.page-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-2xl);font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.03em;margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--font-base);color:var(--subtle);margin-bottom:var(--space-4)}.tab-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.tab-list{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tab-list::-webkit-scrollbar{display:none}.tab-btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-4);font-size:var(--font-base);font-weight:var(--weight-normal);color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--duration-normal),border-color var(--duration-normal);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:flex}.tab-btn:hover{color:var(--text)}.tab-btn-active{font-weight:var(--weight-semibold);color:var(--text);border-bottom-color:var(--green)}.hero-number{font-size:clamp(48px,6vw,64px);font-weight:var(--weight-extrabold);color:var(--text);letter-spacing:-.04em;line-height:1;font-family:var(--font-mono)}.signal-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.nutrient-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.order-drawer{width:440px}.product-detail-view{width:100%}.product-detail-header{margin-bottom:var(--space-1)}.product-detail-back{color:var(--green);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.product-detail-back:hover{text-decoration:underline}.pdv-hero{padding:var(--space-5);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-3);align-items:flex-start;gap:20px;display:flex}.pdv-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.3}.pdv-meta{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.pdv-grade{letter-spacing:-.02em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:flex}.product-detail-content{gap:var(--space-3);grid-template-columns:1fr 360px;align-items:start;display:grid}.pdv-col-primary,.pdv-col-aside{gap:var(--space-3);flex-direction:column;display:flex}.pdv-col-aside{top:var(--space-3);position:sticky}.pdv-fda-label{padding:var(--space-3)var(--space-4)}@media (max-width:860px){.product-detail-content{grid-template-columns:1fr}}.pdv-section{padding:var(--space-4)var(--space-5);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.product-detail-alert{padding:var(--space-4)var(--space-5);background:var(--down-light);border:1px solid color-mix(in srgb,var(--down)15%,transparent);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.pdv-macros{gap:0;margin-bottom:12px;display:flex}.pdv-macro-item{text-align:center;flex:1;padding:4px 0}.pdv-macro-item+.pdv-macro-item{border-left:1px solid var(--border-light)}.pdv-macro-value{font-family:var(--font-mono);letter-spacing:-.02em;font-size:22px;font-weight:600}.pdv-macro-label{color:var(--subtle);margin-top:1px;font-size:12px}.pdv-collapse-btn{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.dashboard-root{background:var(--bg);min-height:100dvh}.dashboard-container{max-width:var(--container-max);margin:0 auto}.dashboard-header{margin-bottom:var(--section-gap)}.dashboard-page{padding:var(--space-6)var(--space-6)56px}.modal-backdrop{background:var(--overlay);z-index:80;position:fixed;inset:0}.nav-bar>div{padding:0 var(--space-6)}.show-mobile,.product-view-label-short{display:none!important}@media (max-width:640px){.macro-grid{grid-template-columns:repeat(2,1fr);gap:10px}.nutrient-grid,.macro-trend-grid{grid-template-columns:1fr}.connect-layout{flex-direction:column;min-height:100dvh}.connect-hero{width:100%;min-height:auto;padding:24px 20px 16px!important}.connect-hero-headline{margin-bottom:10px!important;font-size:24px!important;line-height:1.1!important}.connect-hero-subtext{display:none!important}.hero-preview{margin-top:16px!important}.hero-preview-card{padding:14px!important}.hero-preview-number{font-size:24px!important}.connect-hero-stats{flex-direction:row!important;gap:20px!important;margin-top:12px!important}.connect-hero-stat-value{font-size:17px!important}.connect-panel{flex:1;align-items:flex-start;padding:20px 20px 24px!important}.items-table{max-width:100%;overflow:hidden;--items-grid-cols:36px 1fr auto!important}.items-table-row{gap:8px;max-width:100%;padding:10px 12px}.items-table-header,.items-col-rank,.items-col-hide{display:none!important}.items-qty-inline{display:inline!important}.sort-btn-label{text-overflow:ellipsis;max-width:50px;overflow:hidden}.items-platform-badge{display:none!important}.items-cal-col{max-width:72px}.items-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal!important;display:-webkit-box!important;overflow:hidden!important}.tab-row{border-bottom:none;flex-direction:column;align-items:stretch;gap:0}.tab-list{border-bottom:1px solid var(--border)}.tab-list button[role=tab]{flex:1;justify-content:center;min-height:44px}.range-row{padding:10px 0 4px}.hero-number{font-size:clamp(36px,8vw,48px)}.hero-macros{flex-direction:column;gap:6px!important}.hero-macros svg{display:none}.signal-grid{grid-template-columns:1fr}.order-drawer{width:100%}.dashboard-page{padding:16px 16px 56px;overflow-x:hidden}.nav-bar>div{padding:0 12px}.profile-chip{display:none!important}.sort-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.sort-row::-webkit-scrollbar{display:none}.shareable-card{max-width:100vw;width:100%!important;padding:32px 28px 28px!important}.quick-stat-unit{display:none}.hide-mobile{display:none!important}.show-mobile{display:inline!important}.chart-view-toggle button{padding:4px 8px!important;font-size:12px!important}.product-view-tabs{flex-wrap:wrap!important}.product-view-tabs button{padding:6px 10px!important;font-size:12px!important}.product-view-label-full{display:none!important}.product-view-label-short{display:inline!important}.products-tab-bar{flex-wrap:wrap!important}.products-tab-bar .data-quality-label{display:none}.active-filter-pills,.review-suggestions,.products-count{display:none!important}.filter-btn-label{white-space:nowrap}.dropdown-backdrop{z-index:19;-webkit-tap-highlight-color:transparent;background:#0000004d;display:block;position:fixed;inset:0}.dropdown-panel{border-radius:var(--radius-xl)var(--radius-xl)0 0!important;min-width:0!important;max-height:70vh!important;padding-bottom:env(safe-area-inset-bottom,8px)!important;margin-top:0!important;position:fixed!important;inset:auto 0 0!important}.nav-bar button{min-width:36px;min-height:36px}.weekly-change-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.weekly-change-grid::-webkit-scrollbar{display:none}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{border-radius:var(--radius-xl)var(--radius-xl)0 0!important;max-height:92dvh!important;padding:24px 20px 28px!important}.product-drawer-panel{border-radius:var(--radius-xl)var(--radius-xl)0 0!important;width:100%!important;max-width:100%!important;max-height:90dvh!important;padding-bottom:env(safe-area-inset-bottom,0)!important;inset:auto 0 0!important}.product-drawer-panel>div:last-child{padding-bottom:60px!important}.products-toolbar{flex-wrap:wrap!important}.products-toolbar>.products-search{flex:100%!important;min-width:0!important;max-width:none!important}.gallery-grid{grid-template-columns:repeat(2,1fr)!important}.scroll-to-top{bottom:72px!important;right:16px!important}.carb-quality-grid{grid-template-columns:1fr!important;gap:12px!important}.dashboard-page{padding-bottom:80px}}.classifier-bar{background:var(--surface);border-bottom:1px solid var(--border);animation:classifier-slide-in var(--duration-slow)var(--ease-out)both;overflow:hidden}@keyframes classifier-slide-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:48px}}.classifier-bar-complete{opacity:.5;transition:opacity var(--duration-slower)var(--ease-in-out)}.classifier-bar-inner{max-width:var(--container-max);padding:6px var(--space-6);font-size:var(--font-sm);color:var(--muted);align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.classifier-spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}.classifier-action-btn{border-radius:var(--radius-sm);background:var(--green);color:#fff;font-size:var(--font-xs);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--duration-normal);border:none;margin-left:auto;padding:4px 12px}.classifier-action-btn:hover{background:#0ea55e}.classifier-progress-track{background:var(--border-light);border-radius:var(--radius-xs);flex:1;max-width:120px;height:4px;overflow:hidden}.classifier-progress-bar{background:var(--green);border-radius:var(--radius-xs);height:100%;transition:width var(--duration-slow)}.cta-prompt{justify-content:space-between;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border-radius:var(--radius-md);background:var(--green-light);border:1px solid var(--green-mid);display:flex}.cta-prompt-text{flex:1;min-width:0}.cta-prompt-title{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text)}.cta-prompt-desc{font-size:var(--font-xs);color:var(--muted);line-height:var(--leading-snug);margin-top:2px}.cta-prompt-actions{flex-shrink:0;gap:8px;display:flex}.cta-btn-primary{border-radius:var(--radius-md);background:var(--green);color:#fff;font-size:var(--font-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-normal);border:none;padding:7px 14px}.cta-btn-primary:hover{background:#0ea55e}.cta-btn-secondary{border-radius:var(--radius-md);border:1px solid var(--green);color:var(--green);font-size:var(--font-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-normal),color var(--duration-normal);background:0 0;padding:7px 14px}.cta-btn-secondary:hover{background:var(--green);color:#fff}.summary-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.summary-row{grid-template-columns:1fr}.cta-prompt{text-align:center;flex-direction:column;align-items:stretch}.cta-prompt-actions{justify-content:center}}.top-product-row{align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast);background:0 0;border:none;padding:10px 14px;display:flex}.top-product-row:hover{background:var(--surface-hover)}.weekly-metric{text-align:center;border-radius:var(--radius-md);transition:background var(--duration-fast);padding:6px 4px}.weekly-metric:hover{background:var(--surface-hover)}.quick-stat{padding:var(--space-4);text-align:center}.quick-stat-label{font-size:var(--font-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.quick-stat-value{justify-content:center;align-items:baseline;gap:3px;display:flex}.quick-stat-number{font-family:var(--font-mono);font-size:var(--font-2xl);font-weight:var(--weight-semibold);color:var(--text);line-height:1}.quick-stat-progress{margin-top:8px;padding:0 8px}.quick-stat-track{border-radius:var(--radius-xs);background:var(--border);height:4px;overflow:hidden}.quick-stat-fill{border-radius:var(--radius-xs);height:100%;transition:width var(--duration-slower)var(--ease-in-out)}.quick-stat-unit{font-size:var(--font-xs);color:var(--faint)}.quick-stat-pct{color:var(--faint);margin-top:3px;font-size:10px}.quick-stat-delta{font-size:var(--font-2xs);white-space:nowrap}.summary-card-row{justify-content:space-between;align-items:center;display:flex}.summary-card-col{flex-direction:column;justify-content:space-between;display:flex}.summary-card-left{align-items:center;gap:var(--space-3);display:flex}.summary-card-icon{border-radius:var(--radius-md);width:28px;height:28px;font-size:var(--font-base);justify-content:center;align-items:center;display:flex}.summary-card-icon-green{background:var(--green-light);border:1px solid var(--green-mid)}.summary-card-header{justify-content:space-between;align-items:center;display:flex}.summary-card-title{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text)}.summary-card-desc{font-size:var(--font-xs);color:var(--muted)}.dropdown-backdrop{display:none}.dropdown-panel button:focus-visible{outline:2px solid var(--green);outline-offset:-2px;border-radius:var(--radius-xs)}.flag-pill-group{flex-wrap:wrap;gap:6px;display:flex}.flag-pill{border-radius:var(--radius-sm);background:var(--surface-hover);font-size:var(--font-sm);color:var(--text);transition:background var(--duration-fast);align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.flag-pill:hover{background:var(--border-light)}.flag-pill-clickable{cursor:pointer;border:1px solid #0000;font-family:inherit}.flag-pill-clickable:hover{border-color:var(--border);background:var(--border-light)}.flag-pill-active{border-color:var(--green);background:color-mix(in srgb,var(--green)12%,transparent);font-weight:var(--weight-semibold)}.flag-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.stacked-bar{border-radius:var(--radius-xs);height:8px;margin-bottom:10px;display:flex;overflow:hidden}.bar-legend{gap:var(--space-4);font-size:var(--font-xs);display:flex}.bar-legend-item{align-items:center;gap:4px;display:flex}.bar-legend-label{color:var(--muted)}.bar-legend-value{font-weight:var(--weight-semibold);color:var(--text)}.bar-legend-dot{border-radius:var(--radius-xs);flex-shrink:0;width:8px;height:8px}.stacked-bar-segment{cursor:pointer;transition:opacity var(--duration-normal);border:none;padding:0}.stacked-bar-segment:hover{opacity:.75}.bar-legend-clickable{cursor:pointer;border-radius:var(--radius-xs);transition:background var(--duration-fast);background:0 0;border:none;margin:-2px -4px;padding:2px 4px;font-family:inherit}.bar-legend-clickable:hover{background:var(--surface-hover)}.dashboard-section{gap:var(--space-5);flex-direction:column;display:flex}.hero-layout{margin-bottom:8px}.hero-row{align-items:flex-start;gap:var(--space-5);display:flex}.hero-ring-wrap{flex-shrink:0;width:100px;height:100px;position:relative}.hero-ring-overlay{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-ring-pct{font-family:var(--font-mono);font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--text);line-height:1}.hero-ring-label{font-size:var(--font-2xs);color:var(--faint);cursor:help;margin-top:2px}.hero-subtitle{font-size:var(--font-lg);color:var(--muted);align-items:center;margin-top:6px;display:flex}.hero-target{font-size:var(--font-sm);color:var(--faint);margin-top:3px}.hero-data-span{font-size:var(--font-base);color:var(--subtle);margin-top:8px}.hero-macros{align-items:center;gap:var(--space-3);margin-top:6px;display:flex}.hero-delta-label{color:var(--faint)}.hero-delta-row{font-size:var(--font-base);color:var(--subtle);align-items:center;gap:8px;margin-top:4px;display:flex}.hero-insight{margin-top:6px}.hero-share-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--font-base);font-weight:var(--weight-medium);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--duration-normal);align-items:center;gap:5px;margin-top:12px;padding:5px 11px;display:inline-flex}.hero-share-btn:hover{background:var(--surface-hover)}.member-banner{background:var(--surface-hover);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--subtle);padding:8px 14px}.member-banner strong{color:var(--text)}.platform-pills{flex-wrap:wrap;gap:8px;display:flex}.platform-pill{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:background var(--duration-normal),border-color var(--duration-normal),color var(--duration-normal);padding:5px 12px}.platform-pill-active{border-color:var(--green);background:var(--green);color:#fff}.macro-labels{gap:var(--space-3);font-size:var(--font-base);color:var(--text-secondary);display:flex}.weekly-status{padding:14px var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--weight-medium);align-items:center;gap:8px;display:flex}.weekly-status-good{background:var(--green-light);color:var(--green);border:1px solid var(--green)}.weekly-status-warn{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.weekly-status-icon{font-size:var(--font-base)}.weekly-status-count{font-size:var(--font-sm);color:var(--muted);margin-left:auto}.food-group-divider{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.food-group-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.food-group-label{font-size:var(--font-xs);color:var(--muted)}.food-group-score{font-family:var(--font-mono);font-size:var(--font-sm);font-weight:var(--weight-semibold)}.food-group-rating{font-size:var(--font-2xs);color:var(--faint)}.food-group-pills{flex-wrap:wrap;gap:4px;display:flex}.food-group-pill{border-radius:var(--radius-xs);font-size:var(--font-2xs);background:var(--surface-hover);color:var(--text-secondary);border:none;align-items:center;gap:4px;padding:3px 8px 3px 4px;font-family:inherit;display:inline-flex}.food-group-pill-clickable{cursor:pointer;transition:background var(--duration-fast)}.food-group-pill-clickable:hover{background:var(--border-light);color:var(--text)}.food-group-pill-pct{font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--muted);font-size:10px}.dietary-gap{font-size:var(--font-2xs);color:var(--subtle);margin-top:6px}.top-product-name{font-size:var(--font-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-product-group{color:var(--faint);font-size:10px}.top-product-cal{font-size:var(--font-xs);color:var(--muted);font-family:var(--font-mono);flex-shrink:0}.top-product-count{font-size:var(--font-xs);color:var(--faint);flex-shrink:0}.top-product-info{flex:1;min-width:0;overflow:hidden}.top-product-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.nutrient-card-disabled{opacity:.5;background:repeating-linear-gradient(-45deg,var(--surface),var(--surface)6px,var(--surface-hover)6px,var(--surface-hover)12px)}.nutrient-card-dot{border-radius:var(--radius-xs);flex-shrink:0;width:7px;height:7px}.nutrient-card-header{align-items:center;gap:5px;margin-bottom:10px;display:flex}.nutrient-card-dash{font-family:var(--font-mono);font-size:var(--font-3xl);font-weight:var(--weight-medium);color:var(--faint);line-height:1}.nutrient-card-msg{font-size:var(--font-xs);color:var(--faint);margin-top:10px}.dashboard-disclaimer{font-size:var(--font-sm);color:var(--faint);line-height:var(--leading-normal);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.freshness-dot{font-size:var(--font-xs);align-items:center;gap:4px;display:inline-flex}.freshness-indicator{border-radius:var(--radius-xs);width:6px;height:6px}.resolver-bar{max-width:var(--container-max);padding:6px var(--space-4);margin:0 auto}.resolver-bar-inner{font-size:var(--font-sm);color:var(--subtle);align-items:center;gap:8px;display:flex}.resolver-spinner{border:2px solid var(--green);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.shortcuts-modal{z-index:90;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:360px;max-width:90vw;padding:24px 32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.shortcuts-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.shortcuts-title{font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--text)}.shortcuts-list{gap:var(--space-3);flex-direction:column;display:flex}.shortcut-row{justify-content:space-between;align-items:center;display:flex}.shortcut-action{font-size:var(--font-base);color:var(--text-secondary)}.shortcut-keys{gap:4px;display:flex}kbd{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-hover);min-width:24px;height:24px;font-size:var(--font-xs);font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--text-secondary);box-shadow:0 1px 0 var(--border);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.member-selector{align-items:center;gap:6px;margin-bottom:3px;display:flex}.member-selector label{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--subtle)}.member-selector select{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--font-sm);font-weight:var(--weight-medium);padding:4px 8px}.coverage-footer{padding-top:4px}.score-card{padding:var(--space-6)}.score-card-layout{align-items:center;gap:22px;display:flex}.score-card-body{flex:1;min-width:0}.score-card-eyebrow{font-size:var(--font-2xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.score-target-label{font-weight:var(--weight-normal);opacity:.7;text-transform:none;letter-spacing:0}.score-card-summary{font-size:var(--font-base);color:var(--text);line-height:var(--leading-normal);font-weight:var(--weight-normal);margin:0}.score-card-meta{font-size:var(--font-xs);color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.score-delta-pill{border-radius:var(--radius-xs);font-size:var(--font-2xs);font-weight:var(--weight-semibold);align-items:center;gap:2px;padding:1px 6px;display:inline-flex}.score-delta-up{color:var(--green);background:var(--green-light)}.score-delta-down{color:var(--down);background:var(--down-light,#ef44441a)}.score-caveat{color:var(--cal)}.score-expand-btn{border:none;border-top:1px solid var(--border);width:100%;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--muted);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 0 4px;display:flex}.score-expand-btn:hover{color:var(--text)}.score-expand-chevron{transition:transform var(--duration-moderate)var(--ease-in-out);flex-shrink:0}.score-breakdown{flex-direction:column;gap:8px;margin-top:6px;padding-bottom:4px;display:flex}.dim-factor+.dim-factor{margin-top:10px}.dim-row{align-items:center;gap:8px;display:flex}.dim-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dim-dot-half{background:0 0;border:1.5px solid;position:relative;overflow:hidden}.dim-dot-half>span{clip-path:inset(0 50% 0 0);position:absolute;inset:0}.dim-dot-empty{background:0 0;border:1.5px solid}.dim-label{font-size:var(--font-sm);color:var(--text);font-weight:var(--weight-medium);white-space:nowrap}.dim-pct{font-size:var(--font-2xs);color:var(--faint);white-space:nowrap;margin-right:auto}.dim-track{border-radius:var(--radius-xs);background:var(--border);flex-shrink:0;width:48px;height:4px}.dim-fill{border-radius:var(--radius-xs);height:100%;transition:width var(--duration-slower)var(--ease-in-out)}.dim-score{min-width:20px;font-size:var(--font-xs);font-family:var(--font-mono);color:var(--muted);text-align:right;white-space:nowrap}.dim-delta{font-size:10px;font-weight:var(--weight-semibold);margin-left:2px}.dim-context{margin-left:var(--space-4);font-size:var(--font-2xs);color:var(--faint);margin-top:2px}.dim-opp{margin-left:var(--space-4);font-size:var(--font-2xs);color:var(--cal);font-weight:var(--weight-medium);margin-top:3px}.dim-action-link{color:var(--green);font-size:var(--font-2xs);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;text-decoration:none}.dim-action-link:hover{text-decoration:underline}.key-findings{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.key-finding-row{background:var(--surface-hover);padding:var(--space-3)var(--space-4);align-items:center;gap:var(--space-3);display:flex}.key-finding-row+.key-finding-row{border-top:1px solid var(--border-light)}.key-finding-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.key-finding-body{flex:1}.key-finding-text{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text)}.key-finding-detail{font-size:var(--font-sm);color:var(--muted);margin-left:8px}.key-finding-dismiss{border-radius:var(--radius-sm);cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.key-finding-dismiss:hover{opacity:.8}.grade-ring-wrap{flex-shrink:0;width:100px;height:100px;position:relative}.grade-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.grade-ring-score{line-height:1}
.product-view-btn{padding:7px var(--space-4);font-size:var(--font-sm);background:var(--surface);color:var(--muted);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);border:none;font-family:inherit}.product-view-btn:hover{background:var(--surface-hover)}.product-view-btn-active{font-weight:var(--weight-semibold);background:var(--green);color:#fff}.product-view-btn-active:hover{background:var(--green)}.search-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--font-sm);color:var(--text);background:var(--surface);box-sizing:border-box;transition:border-color var(--duration-normal);outline:none;padding:7px 12px 7px 30px;font-family:inherit}.search-input:focus{border-color:var(--green)}.search-input::placeholder{color:var(--faint)}.gallery-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:transform var(--duration-normal),box-shadow var(--duration-normal)}.gallery-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.data-quality-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:var(--font-xs);color:var(--muted);white-space:nowrap;transition:border-color var(--duration-fast);align-items:center;gap:6px;padding:6px 10px;font-family:inherit;display:inline-flex}.data-quality-btn:hover{border-color:var(--subtle)}.data-quality-popover{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;animation:dropdown-in var(--duration-normal)var(--ease-out);margin-top:4px;padding:12px 16px;position:absolute;top:100%;right:0}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.empty-state-img{margin-bottom:var(--space-4);opacity:.85;-webkit-user-select:none;user-select:none;pointer-events:none}.empty-state-title{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:4px}.empty-state-desc{font-size:var(--font-sm);color:var(--muted);max-width:320px;line-height:var(--leading-normal)}.empty-state-actions{margin-top:var(--space-4);gap:8px;display:flex}.empty-state-btn{padding:7px var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast);font-family:inherit}.empty-state-btn:hover{background:var(--surface-hover);border-color:var(--border-dark,var(--subtle))}.empty-state-btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.empty-state-btn-primary:hover{background:var(--green-dark,#3a8a3e);border-color:var(--green-dark,#3a8a3e)}.filter-chip{border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--weight-medium);background:var(--green-light);color:var(--text);border:1px solid var(--green-mid);white-space:nowrap;cursor:default;align-items:center;gap:3px;padding:2px 6px 2px 8px;display:inline-flex;position:relative}.filter-chip-label{cursor:pointer;border-radius:var(--radius-xs);transition:background var(--duration-fast);text-overflow:ellipsis;max-width:200px;margin:-1px 0;padding:0 2px;overflow:hidden}.filter-chip-label:hover{background:color-mix(in srgb,var(--green)20%,transparent)}.filter-chip-remove{cursor:pointer;color:var(--subtle);font-size:var(--font-base);border-radius:var(--radius-xs);transition:color var(--duration-fast),background var(--duration-fast);background:0 0;border:none;padding:0;line-height:1;display:flex}.filter-chip-remove:hover{color:var(--down);background:var(--down-light)}.filter-clear-all{border-radius:var(--radius-sm);color:var(--subtle);font-size:var(--font-2xs);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;padding:2px 8px;font-family:inherit}.filter-clear-all:hover{color:var(--down)}.filter-chip-editor{z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:4px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.filter-chip-editor input,.filter-chip-editor select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:var(--font-xs);color:var(--text);padding:5px 6px;font-family:inherit}.filter-chip-editor input{width:80px}.filter-chip-editor select{min-width:60px}.filter-chip-editor-apply{border-radius:var(--radius-sm);background:var(--green);color:#fff;font-size:var(--font-xs);font-weight:var(--weight-semibold);cursor:pointer;border:none;padding:5px 10px;font-family:inherit}.filter-chip-editor-apply:hover{opacity:.9}.toolbar-btn{border-radius:var(--radius-md);font-size:var(--font-sm);border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast),background var(--duration-fast);align-items:center;gap:4px;padding:7px 12px;font-family:inherit;display:inline-flex}.toolbar-btn:hover{border-color:var(--subtle);background:var(--surface-hover)}.toolbar-btn-active{border-color:var(--green);background:var(--green-light);color:var(--text);font-weight:var(--weight-semibold)}.toolbar-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.toolbar-icon-btn:hover{border-color:var(--subtle);background:var(--surface-hover)}.toolbar-icon-btn-active{border-color:var(--green);background:var(--green-light);color:var(--text)}.dropdown-section-label{font-size:var(--font-2xs);font-weight:var(--weight-semibold);color:var(--subtle);letter-spacing:.05em;text-transform:uppercase;padding:4px 12px 2px}.dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}.dropdown-item{cursor:pointer;width:100%;font-size:var(--font-sm);color:var(--text-secondary);text-align:left;transition:background var(--duration-fast);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;font-family:inherit;display:flex}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item-active{color:var(--text);font-weight:var(--weight-semibold)}.dropdown-check{border-radius:var(--radius-xs);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.dropdown-check-active{border-color:var(--green);background:var(--green)}.dropdown-radio{border:1.5px solid var(--border);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.dropdown-radio-active{border-color:var(--green);background:var(--green)}.dropdown-count{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--faint);margin-left:auto}.custom-filter-builder{flex-direction:column;gap:4px;padding:4px 12px 8px;display:flex}.custom-filter-row{gap:4px;display:flex}.custom-filter-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:var(--font-xs);color:var(--text);padding:5px 6px;font-family:inherit}.custom-filter-select:focus{border-color:var(--green);outline:none}.custom-filter-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:var(--font-xs);color:var(--text);flex:1;min-width:0;padding:5px 6px;font-family:inherit}.custom-filter-input:focus{border-color:var(--green);outline:none}.col-header{font-size:var(--font-2xs);font-weight:var(--weight-semibold);color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast);align-items:center;display:flex}.col-header:hover,.col-header-active{color:var(--text)}.cell-mono{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-secondary)}.cell-mono-active{font-weight:var(--weight-semibold)}.cell-badge{font-size:10px;font-weight:var(--weight-medium);border-radius:var(--radius-xs);padding:1px 5px;display:inline-block}.cell-badge-whole{background:var(--green-light);color:var(--green)}.cell-badge-processed{background:color-mix(in srgb,var(--orange)15%,transparent);color:var(--orange)}.cell-badge-ultra{background:var(--down-light);color:var(--down)}.cell-placeholder{color:var(--faint);font-size:var(--font-2xs)}.dropdown-panel{animation:dropdown-in var(--duration-normal)var(--ease-out)}@media (max-width:640px){.dropdown-panel{animation:sheet-in var(--duration-moderate)var(--ease-out)}}
.dp-panel,.dp-collapsed-btn{--dp-bg:#111827f5;--dp-bg-solid:#111827fa;--dp-text:#e4e4e7;--dp-text-2:#d4d4d8;--dp-text-3:#a1a1aa;--dp-text-4:#71717a;--dp-text-5:#52525b;--dp-text-6:#3f3f46;--dp-surface:#ffffff0a;--dp-surface-2:#ffffff0f;--dp-surface-3:#ffffff14;--dp-surface-4:#ffffff1a;--dp-surface-5:#ffffff1f;--dp-accent:#22c55e;--dp-accent-dim:#22c55e1a;--dp-accent-border:#22c55e33;--dp-accent-focus:#22c55e66;--dp-toggle-bg:#1e1e2e;--dp-option-bg:#18181b;--dp-thumb:#d4d4d8;--dp-thumb-border:#3f3f46;--dp-shadow:0 8px 40px #00000080,0 0 0 1px #ffffff0a inset;--dp-shadow-sm:0 4px 24px #0006;--dp-warn:#f59e0b;--dp-warn-border:#f59e0b4d;--dp-warn-bg:#f59e0b26;--dp-warn-text:#fbbf24}[data-theme=light] .dp-panel,[data-theme=light] .dp-collapsed-btn{--dp-bg:#fffffff5;--dp-bg-solid:#fffffffa;--dp-text:#1f2937;--dp-text-2:#374151;--dp-text-3:#6b7280;--dp-text-4:#9ca3af;--dp-text-5:#d1d5db;--dp-text-6:#e5e7eb;--dp-surface:#00000008;--dp-surface-2:#0000000d;--dp-surface-3:#00000012;--dp-surface-4:#0000001a;--dp-surface-5:#0000001f;--dp-accent:#16a34a;--dp-accent-dim:#16a34a14;--dp-accent-border:#16a34a33;--dp-accent-focus:#16a34a66;--dp-toggle-bg:#f3f4f6;--dp-option-bg:#fff;--dp-thumb:#374151;--dp-thumb-border:#d1d5db;--dp-shadow:0 8px 40px #0000001f,0 0 0 1px #0000000f inset;--dp-shadow-sm:0 4px 24px #0000001f;--dp-warn:#d97706;--dp-warn-border:#d977064d;--dp-warn-bg:#d977061a;--dp-warn-text:#b45309}.dp-panel{z-index:99999;border-left:1px solid var(--dp-surface-3);background:var(--dp-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100dvh;color:var(--dp-text);box-shadow:var(--dp-shadow);-webkit-user-select:none;user-select:none;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;font-size:12px;display:flex;position:fixed;top:0;right:0}.dp-resize-handle{cursor:col-resize;z-index:3;width:6px;height:100%;position:absolute;top:0;left:-3px}.dp-resize-handle:hover{background:var(--dp-accent);opacity:.3}.dp-header{border-bottom:1px solid var(--dp-surface-2);background:var(--dp-bg-solid);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.dp-header-left{align-items:center;gap:6px;display:flex}.dp-status-dot{background:var(--dp-accent);width:7px;height:7px;box-shadow:0 0 6px color-mix(in srgb,var(--dp-accent)50%,transparent);border-radius:50%}.dp-title{font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--dp-text-2);font-size:11px}.dp-viewport{color:var(--dp-text-5);font-variant-numeric:tabular-nums;font-size:10px}.dp-header-actions{gap:3px;display:flex}.dp-body{flex-direction:column;flex:1;gap:2px;min-height:0;padding:6px 10px 10px;display:flex;overflow-y:auto}.dp-btn-small{border:1px solid var(--dp-surface-4);background:var(--dp-surface);color:var(--dp-text-3);cursor:pointer;transition:background var(--duration-normal),color var(--duration-normal);border-radius:5px;padding:3px 7px;font-family:inherit;font-size:10px}.dp-btn-small:hover{background:var(--dp-surface-4);color:var(--dp-text)}.dp-btn-reset{color:var(--dp-warn);border-color:var(--dp-warn-border)}.dp-btn-reset:hover{background:var(--dp-warn-bg);color:var(--dp-warn-text)}.dp-btn-tiny{border:1px solid var(--dp-surface-4);color:var(--dp-text-4);cursor:pointer;background:0 0;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px}.dp-btn-tiny:hover{color:var(--dp-text-3);background:var(--dp-surface-2)}.dp-section{border-bottom:1px solid var(--dp-surface-2)}.dp-section:last-of-type{border-bottom:none}.dp-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 2px 6px;font-family:inherit;display:flex}.dp-section-header:hover .dp-section-title{color:var(--dp-text-3)}.dp-section-title{font-size:9px;font-weight:var(--weight-semibold);color:var(--dp-text-5);text-transform:uppercase;letter-spacing:.06em;transition:color var(--duration-normal);align-items:center;gap:4px;display:flex}.dp-section-summary{color:var(--dp-text-4);white-space:nowrap;text-overflow:ellipsis;max-width:120px;margin-left:auto;margin-right:6px;font-size:9px;overflow:hidden}.dp-override-dot{background:var(--dp-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.dp-section-chevron{color:var(--dp-text-6);transition:color var(--duration-normal);font-size:9px}.dp-section-header:hover .dp-section-chevron{color:var(--dp-text-4)}.dp-section-body{flex-direction:column;gap:6px;padding:0 0 8px;display:flex}.dp-pack-dropdown-anchor{position:relative}.dp-pack-current{border-radius:var(--radius-sm);border:1px solid var(--dp-surface-4);background:var(--dp-surface);cursor:pointer;width:100%;color:var(--dp-text-2);transition:background var(--duration-normal);align-items:center;gap:8px;padding:6px 8px;font-family:inherit;display:flex}.dp-pack-current:hover{background:var(--dp-surface-3)}.dp-pack-current-label{font-size:11px;font-weight:var(--weight-medium);text-align:left;flex:1}.dp-pack-current-chevron{color:var(--dp-text-5);font-size:9px}.dp-pack-dropdown{z-index:5;border-radius:var(--radius-md);background:var(--dp-bg-solid,#1a1a2e);border:1px solid var(--dp-surface-4);animation:dp-preview-in var(--duration-fast)var(--ease-out);position:absolute;top:calc(100% + 4px);left:-6px;right:-6px;box-shadow:0 8px 24px #00000059}.dp-pack-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;padding:6px;display:grid}.dp-pack-item{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--dp-surface-2);cursor:pointer;width:100%;transition:border-color var(--duration-normal),background var(--duration-normal);border:2px solid #0000;justify-content:center;align-items:center;padding:3px;display:flex;position:relative}.dp-pack-item:hover{background:var(--dp-surface-5)}.dp-pack-item-active{border-color:var(--dp-accent);background:var(--dp-accent-dim)}.dp-pack-item img{border-radius:3px}.dp-pack-preview-float{z-index:10;pointer-events:none;background:var(--dp-bg-solid);border:1px solid var(--dp-surface-4);border-radius:var(--radius-md);width:320px;animation:dp-preview-in var(--duration-normal)var(--ease-out);padding:10px;position:absolute;box-shadow:0 12px 40px #00000073}.dp-pack-preview-label{font-size:10px;font-weight:var(--weight-semibold);color:var(--dp-text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 2px}.dp-pack-preview-grid{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.dp-pack-preview-cell{aspect-ratio:1;background:var(--dp-surface);border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.dp-pack-preview-cell img{border-radius:2px}.dp-thumbnail-strip{gap:4px;display:flex}.dp-thumbnail{border-radius:var(--radius-sm);background:var(--dp-surface-2);border:1px solid var(--dp-surface-3);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dp-toggle-group{gap:3px;display:flex}.dp-toggle-group-small{gap:2px}.dp-toggle-group-small .dp-toggle{padding:3px 6px;font-size:10px}.dp-toggle{border-radius:var(--radius-sm);border:1px solid var(--dp-surface-4);background:var(--dp-toggle-bg);color:var(--dp-text-4);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-normal),color var(--duration-normal),border-color var(--duration-normal);flex:1;padding:5px 8px;font-family:inherit}.dp-toggle:hover{background:var(--dp-surface-3);color:var(--dp-text-3)}.dp-toggle-active{background:var(--dp-accent);color:#fff;border-color:var(--dp-accent)}.dp-toggle-active:hover{background:color-mix(in srgb,var(--dp-accent)85%,black)}.dp-inline-control{justify-content:space-between;align-items:center;gap:8px;display:flex}.dp-inline-label{color:var(--dp-text-4);white-space:nowrap;font-size:10px}.dp-range-control{flex-direction:column;gap:3px;display:flex}.dp-range-header{justify-content:space-between;align-items:center;display:flex}.dp-range-value{color:var(--dp-text-5);font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,monospace;font-size:10px}.dp-range{appearance:none;background:var(--dp-surface-3);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.dp-range::-webkit-slider-thumb{appearance:none;background:var(--dp-thumb);border:2px solid var(--dp-thumb-border);cursor:pointer;width:12px;height:12px;transition:background var(--duration-normal);border-radius:50%}.dp-range::-webkit-slider-thumb:hover{background:var(--dp-text)}.dp-range::-moz-range-thumb{background:var(--dp-thumb);border:2px solid var(--dp-thumb-border);cursor:pointer;border-radius:50%;width:12px;height:12px}.dp-range-hue{background:linear-gradient(90deg,#c52020,#c5c520,#20c520,#20c5c5,#2020c5,#c520c5,#c52020)}.dp-radius-preview{align-items:center;gap:6px;display:flex}.dp-radius-sample{background:var(--dp-surface-4);width:24px;height:24px;transition:border-radius var(--duration-slow);border:1px solid #ffffff26}.dp-color-grid{flex-direction:column;gap:2px;display:flex}.dp-color-token{transition:background var(--duration-fast);border-radius:4px;justify-content:space-between;align-items:center;padding:3px 2px;display:flex}.dp-color-token:hover{background:var(--dp-surface-2)}.dp-color-token-label{cursor:pointer;align-items:center;gap:6px;display:flex;position:relative}.dp-color-swatch-sm{width:16px;height:16px;transition:background var(--duration-normal);border:1px solid #8080804d;border-radius:4px;flex-shrink:0}.dp-color-input-hidden{opacity:0;cursor:pointer;border:none;width:16px;height:16px;padding:0;position:absolute;top:0;left:0}.dp-color-token-name{color:var(--dp-text-3);font-size:10px}.dp-nav-list{flex-direction:column;gap:2px;display:flex}.dp-nav-btn{text-align:left;border:1px solid var(--dp-surface-2);background:var(--dp-surface);color:var(--dp-text-3);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;width:100%;transition:background var(--duration-normal),color var(--duration-normal);border-radius:5px;padding:5px 8px;font-family:inherit}.dp-nav-btn:hover{background:var(--dp-surface-2);color:var(--dp-text)}.dp-nav-btn-active{border-color:var(--dp-accent-border);color:var(--dp-text-2);background:var(--dp-accent-dim)}.dp-nav-group-label{font-size:9px;font-weight:var(--weight-semibold);color:var(--dp-text-6);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;padding:6px 0 1px}.dp-nav-group-label:first-child{margin-top:0;padding-top:0}.dp-device-presets{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.dp-device-btn{border:1px solid var(--dp-surface-2);background:var(--dp-surface);cursor:pointer;transition:background var(--duration-normal),border-color var(--duration-normal);border-radius:5px;flex-direction:column;align-items:center;padding:5px 4px;font-family:inherit;display:flex}.dp-device-btn:hover{background:var(--dp-surface-2)}.dp-device-btn-active{border-color:var(--dp-accent-border);background:var(--dp-accent-dim)}.dp-device-label{color:var(--dp-text-3);font-size:9px;font-weight:var(--weight-medium)}.dp-device-size{color:var(--dp-text-5);font-variant-numeric:tabular-nums;font-size:8px}.dp-comparison-link{border-radius:var(--radius-sm);border:1px solid var(--dp-surface-3);background:var(--dp-surface);color:var(--dp-accent);font-size:10px;font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-normal);justify-content:center;align-items:center;gap:6px;padding:7px 12px;text-decoration:none;display:flex}.dp-comparison-link:hover{background:var(--dp-surface-2)}.dp-collapsed-btn{z-index:99999;border-radius:var(--radius-lg);border:1px solid var(--dp-surface-3);background:var(--dp-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:36px;height:36px;color:var(--dp-text-3);cursor:pointer;box-shadow:var(--dp-shadow-sm);transition:background var(--duration-normal),color var(--duration-normal);justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;bottom:16px;right:16px}.dp-collapsed-btn:hover{background:var(--dp-bg-solid);color:var(--dp-text)}.dp-highlight-illustrations img[src*="/illustrations/"]{outline-offset:2px;border-radius:4px;outline:2px solid var(--dp-accent)!important}.dp-asset-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:3px;display:grid}.dp-asset-item{border-radius:var(--radius-sm);background:var(--dp-surface);cursor:pointer;transition:all var(--duration-normal);aspect-ratio:1;border:1px solid #0000;justify-content:center;align-items:center;padding:4px;display:flex}.dp-asset-item:hover{background:var(--dp-surface-3);border-color:var(--dp-surface-4)}.dp-asset-item-active{border-color:var(--dp-accent);background:var(--dp-accent-dim);box-shadow:0 0 0 1px var(--dp-accent-border)}.dp-asset-usage{background:var(--dp-surface);border:1px solid var(--dp-surface-2);border-radius:var(--radius-sm);margin-top:4px;padding:8px 10px}.dp-asset-usage-name{font-size:10px;font-weight:var(--weight-semibold);color:var(--dp-text-2);margin-bottom:4px}.dp-asset-usage-line{color:var(--dp-text-4);border-left:2px solid var(--dp-accent-border);margin-top:2px;padding-left:8px;font-size:9px;line-height:1.5}.dp-select-small{color:var(--dp-text-3);background:var(--dp-surface);border:1px solid var(--dp-surface-3);cursor:pointer;transition:border-color var(--duration-normal);border-radius:4px;outline:none;padding:3px 6px;font-size:10px}.dp-select-small:hover{border-color:var(--dp-surface-4)}.dp-select-small:focus{border-color:var(--dp-accent-focus)}.dp-select-small option{background:var(--dp-option-bg);color:var(--dp-text-2)}.error-page{background:var(--bg);min-height:100dvh;font-family:var(--font-outfit),system-ui,sans-serif;padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-page h1{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-2)}.error-page p{font-size:var(--font-sm);color:var(--muted);max-width:400px;line-height:var(--leading-normal);margin-bottom:var(--space-6)}.error-page .error-digest{margin-top:var(--space-2);font-size:var(--font-xs);color:var(--faint);display:block}.error-page .error-actions{gap:var(--space-3);display:flex}.error-page .error-btn-primary{padding:var(--space-2)var(--space-5);border-radius:var(--radius-md);background:var(--green);color:#fff;font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;border:none;text-decoration:none}.error-page .error-btn-secondary{padding:var(--space-2)var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer}.time-range-selector{position:relative}.time-range-pills{gap:var(--space-0_5);background:var(--border-light);border-radius:var(--radius-md);padding:3px;display:flex}.time-range-pill{padding:var(--space-1_5)var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--font-sm);font-weight:var(--weight-normal);cursor:pointer;white-space:nowrap;transition:background var(--duration-normal),color var(--duration-normal);background:0 0;border:none}.time-range-pill:hover{color:var(--text-secondary)}.time-range-pill--active{background:var(--green);color:#fff;font-weight:var(--weight-bold)}.time-range-pill--active:hover{color:#fff}.time-range-dropdown{top:calc(100% + var(--space-2));z-index:50;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-width:240px;display:flex;position:absolute;right:0;box-shadow:0 8px 24px #00000040}.time-range-field{gap:var(--space-1);flex-direction:column;display:flex}.time-range-label{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--subtle);text-transform:uppercase;letter-spacing:.06em}.time-range-input{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--font-sm);font-family:var(--font-mono);box-sizing:border-box;width:100%}.time-range-input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 2px #12b76a26}.time-range-input::-webkit-calendar-picker-indicator{filter:invert(.7)}.time-range-apply{padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);background:var(--green);color:#fff;font-size:var(--font-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:opacity var(--duration-normal);border:none}.time-range-apply:disabled{opacity:.4;cursor:not-allowed}.time-range-apply:not(:disabled):hover{opacity:.9}@media (max-width:640px){.time-range-dropdown{border-radius:var(--radius-xl)var(--radius-xl)0 0;min-width:unset;padding:var(--space-5)var(--space-4)var(--space-6);position:fixed;inset:auto 0 0}.time-range-pills{flex-wrap:wrap}}