:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", "Inter", -apple-system-subheadline, system-ui, sans-serif;--font-mono:"SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, monospace;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", "Inter", system-ui, sans-serif;--system-bg:#fff;--system-grouped-bg:#f2f2f7;--secondary-grouped-bg:#fff;--tertiary-grouped-bg:#f2f2f7;--label-primary:#000;--label-secondary:#3c3c43a6;--label-tertiary:#3c3c4361;--label-quaternary:#3c3c432e;--fill-primary:#78788033;--fill-secondary:#78788029;--fill-tertiary:#7676801f;--fill-quaternary:#74748014;--separator:#3c3c431f;--separator-opaque:#c6c6c8;--system-blue:#007aff;--system-blue-rgb:0, 122, 255;--system-green:#34c759;--system-green-rgb:52, 199, 89;--system-orange:#ff9500;--system-orange-rgb:255, 149, 0;--system-red:#ff3b30;--system-red-rgb:255, 59, 48;--system-purple:#af52de;--system-purple-rgb:175, 82, 222;--system-indigo:#5856d6;--system-indigo-rgb:88, 86, 214;--system-teal:#5ac8fa;--system-yellow:#fc0;--material-sidebar:#f6f6f8;--material-bar:#fff;--material-card:#fff;--material-sheet:#fff;--material-blur:none;--shadow-sm:0 1px 2px #0000000a, 0 1px 1px #00000005;--shadow-md:0 4px 18px -2px #0000000d, 0 1px 3px #00000008;--shadow-lg:0 12px 34px -4px #00000014, 0 2px 6px #00000008;--shadow-modal:0 24px 64px -10px #0000002e, 0 4px 16px #0000000f;--sidebar-width:15rem;--content-max:46rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--bg:var(--system-bg);--ink:var(--label-primary);--gray-50:var(--secondary-grouped-bg);--gray-100:var(--fill-tertiary);--gray-200:var(--separator);--gray-300:var(--separator-opaque);--gray-400:var(--label-tertiary);--gray-500:var(--label-secondary);--gray-600:var(--label-secondary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:15px;line-height:1.47}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.dark{--system-bg:#000;--system-grouped-bg:#000;--secondary-grouped-bg:#1c1c1e;--tertiary-grouped-bg:#2c2c2e;--label-primary:#fff;--label-secondary:#ebebf5a6;--label-tertiary:#ebebf561;--label-quaternary:#ebebf52e;--fill-primary:#7878805c;--fill-secondary:#78788052;--fill-tertiary:#7676803d;--fill-quaternary:#74748029;--separator:#5454585c;--separator-opaque:#38383a;--system-blue:#0a84ff;--system-blue-rgb:10, 132, 255;--system-green:#30d158;--system-green-rgb:48, 209, 88;--system-orange:#ff9f0a;--system-orange-rgb:255, 159, 10;--system-red:#ff453a;--system-red-rgb:255, 69, 58;--system-purple:#bf5af2;--system-purple-rgb:191, 90, 242;--system-indigo:#5e5ce6;--system-indigo-rgb:94, 92, 230;--system-teal:#64d2ff;--system-yellow:#ffd60a;--material-sidebar:#1c1c1e;--material-bar:#1c1c1e;--material-card:#1c1c1e;--material-sheet:#1c1c1e;--material-blur:none;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 18px #0000008c;--shadow-lg:0 12px 34px #000000a6;--shadow-modal:0 24px 64px #000000d9;--bg:var(--system-bg);--ink:var(--label-primary);--gray-50:var(--secondary-grouped-bg);--gray-100:var(--fill-tertiary);--gray-200:var(--separator);--gray-300:var(--separator-opaque);--gray-400:var(--label-tertiary);--gray-500:var(--label-secondary);--gray-600:var(--label-secondary)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--system-grouped-bg)}body{background-color:var(--system-grouped-bg);color:var(--label-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.47;transition:background-color .3s,color .3s;overflow-x:hidden}#root{min-height:100vh}::selection{background-color:rgba(var(--system-blue-rgb), .25);color:var(--label-primary)}.apple-large-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--label-primary);font-size:clamp(2rem,4.5vw,2.35rem);font-weight:700;line-height:1.15}.apple-title-1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--label-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.apple-title-2{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--label-primary);font-size:1.35rem;font-weight:600;line-height:1.25}.apple-title-3{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--label-primary);font-size:1.2rem;font-weight:600;line-height:1.3}.apple-headline{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--label-primary);font-size:1.05rem;font-weight:600;line-height:1.4}.apple-subheadline{font-family:var(--font-sans);color:var(--label-secondary);font-size:.95rem;font-weight:400;line-height:1.45}.apple-footnote{font-family:var(--font-sans);color:var(--label-secondary);font-size:.82rem;font-weight:400;line-height:1.4}.apple-caption{font-family:var(--font-sans);letter-spacing:.01em;color:var(--label-secondary);font-size:.75rem;font-weight:500}.apple-caption-uppercase{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--label-secondary);font-size:.72rem;font-weight:600}.micro-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:var(--label-secondary);font-size:.72rem;font-weight:600;line-height:1.3}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans,.font-serif{font-family:var(--font-sans)}.section-header{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:var(--label-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:flex}.section-header .num{color:var(--system-blue);font-size:.8rem;font-weight:700}.apple-btn-prominent{background:linear-gradient(180deg, var(--system-blue) 0%, rgba(var(--system-blue-rgb), .9) 100%);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;min-height:42px;box-shadow:0 2px 8px rgba(var(--system-blue-rgb), .28);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-btn-prominent:hover{filter:brightness(1.08);box-shadow:0 4px 14px rgba(var(--system-blue-rgb), .38);transform:translateY(-1px)}.apple-btn-prominent:active{filter:brightness(.95);transform:scale(.98)translateY(0)}.apple-btn-prominent:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.apple-btn-tinted{background-color:rgba(var(--system-blue-rgb), .12);color:var(--system-blue);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;min-height:36px;padding:.55rem 1rem;font-size:13px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-btn-tinted:hover{background-color:rgba(var(--system-blue-rgb), .18);transform:translateY(-1px)}.apple-btn-tinted:active{background-color:rgba(var(--system-blue-rgb), .24);transform:scale(.98)}.apple-btn-secondary{background-color:var(--fill-tertiary);color:var(--label-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;min-height:36px;padding:.55rem 1rem;font-size:13px;font-weight:500;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-btn-secondary:hover{background-color:var(--fill-secondary);transform:translateY(-1px)}.apple-btn-secondary:active{background-color:var(--fill-primary);transform:scale(.98)}.apple-btn-danger{background:linear-gradient(180deg, var(--system-red) 0%, rgba(var(--system-red-rgb), .92) 100%);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;min-height:36px;box-shadow:0 2px 8px rgba(var(--system-red-rgb), .28);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-btn-danger:hover{filter:brightness(1.08);box-shadow:0 4px 14px rgba(var(--system-red-rgb), .38);transform:translateY(-1px)}.apple-btn-danger:active{filter:brightness(.95);transform:scale(.98)translateY(0)}.apple-btn-tinted-danger{background-color:rgba(var(--system-red-rgb), .12);color:var(--system-red);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;min-height:36px;padding:.55rem 1rem;font-size:13px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-btn-tinted-danger:hover{background-color:rgba(var(--system-red-rgb), .18);transform:translateY(-1px)}.apple-btn-tinted-danger:active{background-color:rgba(var(--system-red-rgb), .24);transform:scale(.98)}.bryl-btn-primary{background:linear-gradient(180deg, var(--system-blue) 0%, rgba(var(--system-blue-rgb), .92) 100%);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;min-height:40px;box-shadow:0 2px 8px rgba(var(--system-blue-rgb), .25);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.bryl-btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 14px rgba(var(--system-blue-rgb), .35);transform:translateY(-1px)}.bryl-btn-primary:active{transform:scale(.98)}.bryl-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.bryl-btn-secondary{background-color:var(--fill-tertiary);color:var(--label-primary);border:1px solid var(--separator);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;min-height:36px;padding:.5rem .9rem;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.bryl-btn-secondary:hover{background-color:var(--fill-secondary);border-color:var(--separator-opaque);transform:translateY(-1px)}.bryl-btn-secondary:active{transform:scale(.98)}.apple-segmented-control{background-color:var(--fill-tertiary);border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:relative}.apple-segmented-control-full{width:100%;display:flex}.apple-segmented-control-full .segmented-item{flex:1;justify-content:center;padding:5px 4px}.segmented-item{z-index:1;font-family:var(--font-sans);color:var(--label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:color .15s,background-color .15s,box-shadow .15s;display:inline-flex;position:relative}.segmented-item:hover{color:var(--label-primary)}.segmented-item.active{color:var(--label-primary);background-color:var(--secondary-grouped-bg);font-weight:600;box-shadow:0 1px 4px #0000001f,0 0 1px #0000001a}.servings-scale-card{background-color:var(--fill-quaternary);border:1px solid var(--separator);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:10px;width:100%;margin-bottom:1.5rem;padding:12px 14px;display:flex}.servings-scale-header{justify-content:space-between;align-items:center;width:100%;display:flex}.servings-scale-card .apple-segmented-control-full{box-sizing:border-box;width:100%;display:flex}.apple-search-bar{align-items:center;width:100%;display:flex;position:relative}.apple-input,.bryl-input{background-color:var(--fill-tertiary);font-family:var(--font-sans);color:var(--label-primary);border:1px solid #0000;border-radius:10px;outline:none;width:100%;padding:.65rem .9rem;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1)}.apple-input::placeholder,.bryl-input::placeholder{color:var(--label-tertiary)}.apple-input:focus,.bryl-input:focus{background-color:var(--secondary-grouped-bg);border-color:var(--system-blue);box-shadow:0 0 0 3px rgba(var(--system-blue-rgb), .2)}.apple-grouped-card,.bryl-card,.bryl-card-static{background-color:var(--secondary-grouped-bg);border:1px solid var(--separator);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .2s;position:relative}.apple-grouped-card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bryl-card-sm{background-color:var(--secondary-grouped-bg);border:1px solid var(--separator);border-radius:var(--radius-md);padding:1rem}.apple-inset-list{background-color:var(--secondary-grouped-bg);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.apple-list-row{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:background-color .15s;display:flex}.apple-list-row:last-child{border-bottom:none}.apple-list-row:hover{background-color:var(--fill-quaternary)}.apple-badge{border-radius:var(--radius-full);font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.apple-badge-blue{background-color:rgba(var(--system-blue-rgb), .12);color:var(--system-blue)}.apple-badge-green{background-color:rgba(var(--system-green-rgb), .14);color:var(--system-green)}.apple-badge-orange{background-color:rgba(var(--system-orange-rgb), .14);color:var(--system-orange)}.apple-badge-red{background-color:rgba(var(--system-red-rgb), .14);color:var(--system-red)}.apple-badge-purple{background-color:rgba(var(--system-purple-rgb), .14);color:var(--system-purple)}.apple-badge-gray{background-color:var(--fill-tertiary);color:var(--label-secondary)}.badge-inverted{background-color:var(--system-blue);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 1px 4px rgba(var(--system-blue-rgb), .25);align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.badge-outline{background-color:var(--fill-tertiary);color:var(--label-secondary);border:1px solid var(--separator);font-family:var(--font-sans);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;transition:all .15s;display:inline-flex}.badge-outline:hover{background-color:var(--fill-secondary);color:var(--label-primary)}.hairline-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.5rem;display:grid}.hairline-cell{background-color:var(--fill-tertiary);border:1px solid var(--separator);border-radius:var(--radius-md);text-align:center;padding:.85rem .6rem;transition:all .2s}.hairline-cell:hover{background-color:var(--fill-secondary)}.app-layout{background-color:var(--system-grouped-bg);min-height:100vh}.app-sidebar{display:none}.app-content{min-height:100vh}@media (width>=1024px){.app-layout{display:flex}.app-sidebar{width:var(--sidebar-width);border-right:1px solid var(--separator);background-color:var(--material-sidebar);z-index:30;flex-direction:column;justify-content:space-between;padding:1.5rem 1.1rem;transition:background-color .3s,border-color .3s;position:fixed;top:0;bottom:0;left:0;display:flex!important}.app-content{margin-left:var(--sidebar-width);flex:1}}.mobile-topbar{z-index:40;background-color:var(--material-bar);border-bottom:1px solid var(--separator);transition:background-color .3s,border-color .3s;display:block;position:sticky;top:0}@media (width>=1024px){.mobile-topbar{display:none!important}}.mobile-topbar-inner{justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.mobile-topbar-brand{align-items:center;gap:.65rem;display:flex}.mobile-topbar-actions{align-items:center;gap:8px;display:flex}.mobile-menu-btn{border:1px solid var(--separator);background:var(--fill-tertiary);width:34px;height:34px;color:var(--label-primary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.mobile-menu-btn:hover{background-color:var(--fill-secondary)}.mobile-overlay{z-index:35;background-color:var(--material-bar);opacity:0;flex-direction:column;padding:5rem 1.25rem 2rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards appleFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=1024px){.mobile-overlay{display:none!important}}.mobile-overlay-nav{flex-direction:column;gap:8px;display:flex}.sidebar-brand{border-bottom:1px solid var(--separator);margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-brand-row{align-items:center;gap:.75rem;display:flex}.brand-icon{background:#fff;border:1px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:3px;transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.brand-icon:hover{transform:scale(1.04)}.brand-logo-img{object-fit:contain;width:100%;height:100%;display:block}.dark .brand-icon{background:#fff;border-color:#ffffff26;box-shadow:0 2px 10px #0006}.brand-name-row{align-items:center;gap:6px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--label-primary);font-size:16px;font-weight:700}.brand-subtitle{color:var(--label-secondary);letter-spacing:.04em;margin-top:1px;font-size:9px;font-weight:600}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-nav-label{color:var(--label-tertiary);letter-spacing:.05em;margin-bottom:.4rem;padding:0 .6rem;font-size:10px;font-weight:600}.nav-item{font-family:var(--font-sans);cursor:pointer;color:var(--label-secondary);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;font-size:13px;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.nav-item-mobile{border-radius:12px;padding:.85rem 1rem;font-size:15px}.nav-item:hover{color:var(--label-primary);background-color:var(--fill-quaternary)}.nav-item.active{background-color:var(--system-blue);color:#fff;box-shadow:0 2px 8px rgba(var(--system-blue-rgb), .25);font-weight:600}.nav-item.active .nav-icon{color:#fff}.nav-icon{color:var(--label-secondary);flex-shrink:0;transition:color .15s}.nav-item-label{text-overflow:ellipsis;overflow:hidden}.nav-arrow{opacity:.7;margin-left:auto;font-size:12px}.sidebar-footer{border-top:1px solid var(--separator);padding-top:1rem}.sidebar-theme-section{margin-bottom:.85rem}.sidebar-theme-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--label-tertiary);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.sidebar-theme-row{flex-direction:column;gap:6px;margin-bottom:.85rem;display:flex}.sidebar-meta{font-family:var(--font-sans);color:var(--label-tertiary);justify-content:space-between;align-items:center;font-size:10px;display:flex}.theme-toggle-group{background-color:var(--fill-tertiary);border:1px solid var(--separator);border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.theme-toggle-btn{color:var(--label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s;display:flex}.theme-toggle-btn:hover{color:var(--label-primary)}.theme-toggle-btn.active{background-color:var(--secondary-grouped-bg);color:var(--system-blue);box-shadow:0 1px 3px #0000001f}.status-dot{background-color:var(--system-green);width:7px;height:7px;box-shadow:0 0 6px rgba(var(--system-green-rgb), .5);border-radius:50%;animation:2s ease-in-out infinite applePulse;display:inline-block}@keyframes applePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}.fade-up{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards appleSlideUp;transform:translateY(12px)}@keyframes appleSlideUp{to{opacity:1;transform:translateY(0)}}@keyframes appleFadeIn{to{opacity:1}}.delay-1{animation-delay:40ms}.delay-2{animation-delay:90ms}.delay-3{animation-delay:.14s}.delay-4{animation-delay:.19s}.delay-5{animation-delay:.24s}.animate-spin{animation:.9s linear infinite appleSpin}@keyframes appleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prose h3{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--label-primary);margin-bottom:.65rem;font-size:1.15rem;font-weight:600}.prose h4{font-family:var(--font-sans);color:var(--label-primary);margin-top:1rem;margin-bottom:.4rem;font-size:.95rem;font-weight:600}.prose blockquote{border-left:3px solid var(--system-blue);font-family:var(--font-sans);color:var(--label-secondary);background-color:var(--fill-quaternary);border-radius:0 8px 8px 0;margin-top:.85rem;margin-bottom:.85rem;padding-top:.35rem;padding-bottom:.35rem;padding-left:.85rem;font-size:.88rem}.prose ul{margin-bottom:.85rem;padding-left:1.25rem}.prose li{margin-bottom:.3rem}.prose p{margin-bottom:.75rem;line-height:1.6}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fill-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--label-tertiary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}