@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.toast-container{top:var(--spacing-md,16px);right:var(--spacing-md,16px);z-index:9999;gap:var(--spacing-xs,8px);pointer-events:none;flex-direction:column;width:100%;max-width:400px;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-sm,12px);padding:var(--spacing-sm,12px) var(--spacing-md,16px);background:var(--color-canvas);border-radius:var(--rounded-lg,12px);box-shadow:var(--shadow-card);pointer-events:auto;border-left:4px solid #0000;min-height:48px;animation:.3s ease-out both toastSlideIn;display:flex}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--warning{border-left-color:var(--color-warning)}.toast--info{border-left-color:var(--color-brand-accent)}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast--success .toast-icon{color:var(--color-success)}.toast--error .toast-icon{color:var(--color-error)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--info .toast-icon{color:var(--color-brand-accent)}.toast-message{font-family:var(--font-body);color:var(--color-ink);word-break:break-word;flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{border-radius:var(--rounded-xs,4px);width:24px;height:24px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:flex}.toast-close:hover{color:var(--color-ink);background:var(--color-surface-soft)}.toast-close:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:1px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.toast--exiting{animation:.25s ease-in both toastSlideOut}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (width<=480px){.toast-container{left:var(--spacing-md,16px);right:var(--spacing-md,16px);max-width:none}}:root{--color-primary:#111;--color-primary-active:#242424;--color-brand-accent:#3b82f6;--color-badge-orange:#fb923c;--color-badge-pink:#ec4899;--color-badge-violet:#8b5cf6;--color-badge-emerald:#34d399;--color-canvas:#fff;--color-surface-soft:#f8f9fa;--color-surface-card:#f5f5f5;--color-surface-strong:#e5e7eb;--color-surface-dark:#101010;--color-surface-dark-elevated:#1a1a1a;--color-hairline:#e5e7eb;--color-hairline-soft:#f3f4f6;--color-ink:#111;--color-body:#374151;--color-muted:#6b7280;--color-muted-soft:#898989;--color-on-primary:#fff;--color-on-dark:#fff;--color-on-dark-soft:#a1a1aa;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-section:96px;--rounded-xs:4px;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-pill:9999px;--rounded-full:9999px;--shadow-card:0 1px 2px #0000000d, 0 4px 12px #00000014;--shadow-subtle:0 1px 2px #0000000d}[data-theme=dark]{--color-primary:#fff;--color-primary-active:#e5e7eb;--color-brand-accent:#60a5fa;--color-canvas:#0a0a0a;--color-surface-soft:#141414;--color-surface-card:#1a1a1a;--color-surface-strong:#2a2a2a;--color-surface-dark:#000;--color-surface-dark-elevated:#141414;--color-hairline:#2a2a2a;--color-hairline-soft:#1a1a1a;--color-ink:#f5f5f5;--color-body:#a1a1aa;--color-muted:#71717a;--color-muted-soft:#52525b;--color-on-primary:#0a0a0a;--color-on-dark:#f5f5f5;--color-on-dark-soft:#a1a1aa;--shadow-card:0 1px 2px #0000004d, 0 4px 12px #00000080;--shadow-subtle:0 1px 2px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--color-body);background:var(--color-canvas);font-weight:400;line-height:1.5}h1,h2,h3{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.04em;font-weight:600}h1{letter-spacing:-1.5px;font-size:48px;line-height:1.1}h2{letter-spacing:-1px;font-size:36px;line-height:1.15}h3{letter-spacing:-.5px;font-size:28px;line-height:1.2}p{color:var(--color-body);line-height:1.5}a{color:var(--color-ink);text-decoration:none}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.btn{font-family:var(--font-body);border-radius:var(--rounded-md);cursor:pointer;border:none;justify-content:center;align-items:center;height:40px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-active)}.btn-primary:active{background:#000}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline)}.btn-secondary:hover{background:var(--color-surface-soft)}.btn-text{color:var(--color-ink);background:0 0;padding:8px 12px;font-weight:500}.btn-full{width:100%}.input{width:100%;font-family:var(--font-body);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);outline:none;height:40px;padding:10px 14px;font-size:16px;font-weight:400;line-height:1.5;transition:border-color .2s}.input:focus{border-color:var(--color-ink)}.input::placeholder{color:var(--color-muted-soft)}.card{background:var(--color-canvas);border-radius:var(--rounded-lg);padding:var(--spacing-xl)}.card-surface{background:var(--color-surface-card)}.text-ink{color:var(--color-ink)}.text-body{color:var(--color-body)}.text-muted{color:var(--color-muted)}.text-muted-soft{color:var(--color-muted-soft)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-center{text-align:center}.text-left{text-align:left}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--color-ink);margin-bottom:var(--spacing-xs);font-size:14px;font-weight:500;display:block}.form-error{color:var(--color-error);margin-top:var(--spacing-xs);font-size:13px}.link{color:var(--color-ink);text-underline-offset:2px;text-decoration:underline}.link:hover{color:var(--color-muted)}.loading{border:2px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:var(--rounded-full);width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.35s ease-out both fadeIn}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0}.reveal--visible{animation:.5s ease-out both revealUp}@media (width<=768px){h1{letter-spacing:-1px;font-size:32px}h2{letter-spacing:-.5px;font-size:28px}.container{padding:0 var(--spacing-md)}}.sidebar{background:var(--color-surface-dark);border-right:1px solid var(--color-surface-dark-elevated);width:240px;min-height:100vh;padding:var(--spacing-layout-top,16px) 0 0;flex-direction:column;flex-shrink:0;display:flex}.sidebar-nav{padding:0 var(--spacing-sm);flex-direction:column;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-sm);border-radius:var(--rounded-md);color:var(--color-on-dark-soft);font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar-link:hover,.sidebar-link--active{background:var(--color-surface-dark-elevated);color:var(--color-on-dark)}.sidebar-link-icon{text-align:center;width:24px;font-size:16px;line-height:1}.sidebar-link-label{line-height:1}.sidebar-header,.sidebar-close-btn,.sidebar-title,.sidebar-overlay{display:none}@media (width<=768px){.sidebar{z-index:300;border-right:1px solid var(--color-surface-dark-elevated);border-bottom:none;flex-direction:column;width:280px;max-width:85vw;height:100vh;min-height:auto;padding-top:0;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #0003}.sidebar--open{transform:translate(0)}.sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-surface-dark-elevated);justify-content:space-between;align-items:center;min-height:56px;display:flex}.sidebar-title{color:var(--color-on-dark);font-size:16px;font-weight:600;display:block}.sidebar-close-btn{border-radius:var(--rounded-sm);width:32px;height:32px;color:var(--color-on-dark-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:color .15s,background .15s;display:inline-flex}.sidebar-close-btn:hover{color:var(--color-on-dark);background:var(--color-surface-dark-elevated)}.sidebar-nav{padding-top:var(--spacing-sm)}.sidebar-overlay{z-index:299;background:#0006;display:block;position:fixed;inset:0}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout--app{background:var(--color-canvas)}.layout-sidebar-wrap{min-height:100vh;display:flex}.layout-app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-top-bar{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);height:56px;padding:0 var(--spacing-lg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.app-top-left{align-items:center;gap:var(--spacing-sm);display:flex}.app-top-right{align-items:center;gap:var(--spacing-md);display:flex}.sidebar-hamburger{border:1px solid var(--color-hairline);border-radius:var(--rounded-md);background:var(--color-canvas);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:6px;display:none}.sidebar-hamburger span{background:var(--color-ink);border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}@media (width<=768px){.sidebar-hamburger{display:flex}}.top-nav{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);z-index:100;height:64px;position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.3px;flex-shrink:0;font-size:20px;font-weight:600;text-decoration:none}.theme-toggle{border-radius:var(--rounded-sm);width:32px;height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:color .15s,background .15s;display:inline-flex}.theme-toggle:hover{color:var(--color-ink);background:var(--color-surface-soft)}.nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.nav-menu{display:none}.nav-link{color:var(--color-body);border-radius:var(--rounded-md);align-items:center;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.nav-link:hover{color:var(--color-ink);background:var(--color-surface-soft)}.nav-link--active{color:var(--color-ink);font-weight:600}.nav-theme-btn{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}.nav-menu-divider{display:none}.hamburger{border:1px solid var(--color-hairline);border-radius:var(--rounded-md);background:var(--color-canvas);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hamburger span{background:var(--color-ink);border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger--active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger--active span:nth-child(2){opacity:0}.hamburger--active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-overlay{display:none}.nav-user{color:var(--color-muted);font-size:14px;font-weight:500}.main-content{flex:1}.main-content--public{min-height:calc(100vh - 64px)}.footer{background:var(--color-surface-dark);padding:64px 0 var(--spacing-xl)}.footer-grid{gap:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-surface-dark-elevated);grid-template-columns:1.5fr 2fr;display:grid}.footer-logo{font-family:var(--font-display);color:var(--color-on-dark);letter-spacing:-.3px;font-size:20px;font-weight:600}.footer-brand p{color:var(--color-on-dark-soft);margin-top:var(--spacing-xs);font-size:14px}.footer-links{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.footer-column h4{color:var(--color-on-dark);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.footer-column a{color:var(--color-on-dark-soft);margin-bottom:var(--spacing-sm);font-size:14px;transition:color .15s;display:block}.footer-column a:hover{color:var(--color-on-dark)}.footer-bottom{padding-top:var(--spacing-lg)}.footer-bottom p{color:var(--color-on-dark-soft);font-size:13px}.feature-card,.about-value-card,.pricing-card{transition:transform .25s,box-shadow .25s}.feature-card:hover,.about-value-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.pricing-card:hover{transform:translateY(-2px)}.pricing-card--featured:hover{transform:scale(1.05)translateY(-2px)}@media (width<=768px){.nav-actions{display:none}.hamburger,.sidebar-hamburger{display:flex}.nav-menu{background:var(--color-canvas);z-index:200;padding:var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:none;position:fixed;inset:64px 0 0}.nav-menu--open{display:flex}.nav-menu .nav-link{padding:var(--spacing-sm) var(--spacing-lg);font-size:18px}.nav-menu .btn-primary{height:48px;margin-top:var(--spacing-sm);padding:14px 32px;font-size:16px}.nav-menu-divider{background:var(--color-hairline);width:40px;height:1px;display:block}.nav-overlay{z-index:150;background:#00000059;display:block;position:fixed;inset:0}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}.auth-page{min-height:calc(100vh - 64px);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-canvas);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);width:100%;max-width:420px;padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h2{color:var(--color-ink);letter-spacing:-.5px;margin-bottom:var(--spacing-sm);font-size:28px;font-weight:600}.auth-header p{color:var(--color-muted);font-size:16px}.auth-form{margin-bottom:var(--spacing-lg)}.auth-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-hairline-soft)}.auth-footer p{color:var(--color-muted);font-size:14px}.password-requirements{padding:var(--spacing-xs) 0 0;margin:0;font-size:13px;list-style:none}.password-requirement,.password-requirement-met{padding:2px 0;transition:color .2s}.password-requirement{color:var(--color-muted)}.password-requirement-met{color:var(--color-success)}@media (width<=768px){.auth-page{padding:var(--spacing-lg) var(--spacing-md)}.auth-card{padding:var(--spacing-lg);box-shadow:none;border:none}.auth-header h2{font-size:24px}.auth-form .form-group{margin-bottom:var(--spacing-md)}.auth-footer{padding-top:var(--spacing-md)}}.landing-page{overflow-x:hidden}.hero{padding:var(--spacing-section) 0}.hero-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-left h1{letter-spacing:-2px;margin-bottom:var(--spacing-lg);font-size:56px;line-height:1.08}.hero-sub{color:var(--color-body);margin-bottom:var(--spacing-xl);max-width:480px;font-size:17px;line-height:1.65}.hero-btns{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.hero-trust{align-items:center;gap:var(--spacing-sm);display:flex}.hero-trust-avatars{display:flex}.trust-avatar{border-radius:var(--rounded-full);width:32px;height:32px;color:var(--color-on-primary);border:2px solid var(--color-canvas);justify-content:center;align-items:center;margin-right:-8px;font-size:12px;font-weight:700;display:flex}.hero-trust-text{color:var(--color-muted);font-size:13px}.hero-trust-text strong{color:var(--color-ink);font-weight:600}.mockup-dashboard{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-xl);box-shadow:var(--shadow-card);overflow:hidden}.mockup-topbar{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-soft);border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.mockup-logo{color:var(--color-ink);font-size:13px;font-weight:600}.mockup-date{color:var(--color-muted);font-size:12px}.mockup-section{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-hairline-soft)}.mockup-section:last-child{border-bottom:none}.mockup-section-hd{margin-bottom:var(--spacing-sm);color:var(--color-ink);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.mockup-add{color:var(--color-brand-accent);cursor:default;font-size:12px}.mockup-bars{gap:var(--spacing-xs);flex-direction:column;display:flex}.mockup-bar{align-items:center;gap:var(--spacing-sm);grid-template-columns:70px 1fr 110px;display:grid}.mockup-bar-label{color:var(--color-muted);font-size:11px;font-weight:500}.mockup-bar-track{background:var(--color-surface-strong);border-radius:var(--rounded-pill);height:6px;overflow:hidden}.mockup-bar-fill{background:var(--color-success);border-radius:var(--rounded-pill);height:100%}.mockup-bar-fill--pink{background:var(--color-badge-pink)}.mockup-bar-fill--orange{background:var(--color-badge-orange)}.mockup-bar-fill--purple{background:var(--color-badge-violet)}.mockup-bar-val{color:var(--color-muted-soft);text-align:right;font-size:11px}.mockup-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.mockup-row{color:var(--color-body);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.mockup-cal{color:var(--color-muted);font-size:12px;font-weight:500}.features{padding:var(--spacing-section) 0;background:var(--color-surface-soft)}.section-head{text-align:center;max-width:600px;margin:0 auto var(--spacing-xxl)}.section-head h2{margin-bottom:var(--spacing-md)}.section-head p{font-size:16px}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--color-surface-card);border-radius:var(--rounded-lg);padding:var(--spacing-xl)}.feature-card-icon{border-radius:var(--rounded-md);width:44px;height:44px;margin-bottom:var(--spacing-md);color:var(--color-on-primary);justify-content:center;align-items:center;font-size:20px;display:flex}.feature-card h3{margin-bottom:var(--spacing-sm);font-size:17px}.feature-card p{color:var(--color-muted);font-size:14px;line-height:1.55}.how{padding:var(--spacing-section) 0}.how-grid{gap:var(--spacing-lg);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.how-card{padding:var(--spacing-xl)}.how-number{border-radius:var(--rounded-full);width:56px;height:56px;font-family:var(--font-display);color:var(--color-on-primary);margin:0 auto var(--spacing-lg);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.how-card h3{margin-bottom:var(--spacing-sm);font-size:18px}.how-card p{color:var(--color-muted);max-width:280px;margin:0 auto;font-size:14px;line-height:1.55}.nutrients-band{padding:var(--spacing-section) 0;background:var(--color-surface-soft)}.nutrients-grid{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;max-width:700px;margin:0 auto;display:flex}.nutrient-pill{color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill);align-items:center;padding:6px 16px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.nutrient-pill:hover{border-color:var(--color-ink);background:var(--color-surface-card)}.cta{padding:var(--spacing-section) 0}.cta-card{background:var(--color-surface-card);border-radius:var(--rounded-lg);padding:var(--spacing-xxl);text-align:center}.cta-card h2{margin-bottom:var(--spacing-sm)}.cta-card p{color:var(--color-muted);margin-bottom:var(--spacing-lg);font-size:15px}@media (width<=768px){.hero-grid{grid-template-columns:1fr}.hero-left h1{letter-spacing:-1.5px;font-size:38px}.hero-sub{font-size:15px}.hero-btns{flex-direction:column;align-items:stretch}.hero-btns .btn{justify-content:center}.features-grid,.how-grid{grid-template-columns:1fr}.mockup-dashboard{font-size:11px}.mockup-bar{grid-template-columns:50px 1fr 90px}}.about-page{overflow-x:hidden}.about-hero{padding:var(--spacing-section) 0 var(--spacing-xxl);text-align:center}.about-hero h1{margin-bottom:var(--spacing-md)}.about-hero-sub{color:var(--color-muted);font-size:18px}.about-story{padding:0 0 var(--spacing-section)}.about-story-inner{max-width:680px;margin:0 auto}.about-story-inner h2{margin-bottom:var(--spacing-lg)}.about-story-inner p{color:var(--color-body);margin-bottom:var(--spacing-md);font-size:16px;line-height:1.7}.about-stats-strip{padding:var(--spacing-section) 0;background:var(--color-surface-dark)}.about-stats{gap:var(--spacing-lg);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.about-stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.about-stat-num{font-family:var(--font-display);color:var(--color-on-dark);letter-spacing:-1px;font-size:36px;font-weight:600}.about-stat-lbl{color:var(--color-on-dark-soft);font-size:14px}.about-stat-detail{color:var(--color-on-dark-soft);opacity:.7;font-size:12px}.about-values{padding:var(--spacing-section) 0;text-align:center}.about-values h2{margin-bottom:var(--spacing-xxl)}.about-values-grid{gap:var(--spacing-lg);text-align:left;grid-template-columns:repeat(3,1fr);display:grid}.about-value-card{background:var(--color-surface-card);border-radius:var(--rounded-lg);padding:var(--spacing-xl);transition:transform .25s,box-shadow .25s}.about-value-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.avc-icon{border-radius:var(--rounded-md);width:44px;height:44px;color:var(--color-on-primary);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;font-size:18px;display:flex}.about-value-card h3{margin-bottom:var(--spacing-sm);font-size:17px}.about-value-card p{color:var(--color-muted);font-size:14px;line-height:1.55}.about-stack{padding:0 0 var(--spacing-section);text-align:center}.about-stack h2{margin-bottom:var(--spacing-xxl)}.about-stack-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.about-stack-item{background:var(--color-surface-card);border-radius:var(--rounded-md);padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-xxs);flex-direction:column;display:flex}.about-stack-name{color:var(--color-ink);font-size:15px;font-weight:600}.about-stack-desc{color:var(--color-muted);font-size:13px}@media (width<=768px){.about-stats{grid-template-columns:repeat(2,1fr)}.about-values-grid{grid-template-columns:1fr}.about-stack-grid{grid-template-columns:repeat(2,1fr)}.about-stat-num{font-size:28px}}.features-page{overflow-x:hidden}.features-hero{padding:var(--spacing-section) 0 var(--spacing-xxl);text-align:center}.features-hero h1{margin-bottom:var(--spacing-md)}.features-hero-sub{color:var(--color-muted);max-width:560px;margin:0 auto;font-size:18px}.feat-section{padding:var(--spacing-section) 0}.feat-section:nth-child(2n){background:var(--color-surface-soft)}.feat-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.feat-section--rev .feat-grid{direction:rtl}.feat-section--rev .feat-grid>*{direction:ltr}.feat-text h2{margin-bottom:var(--spacing-md)}.feat-desc{color:var(--color-body);margin-bottom:var(--spacing-lg);font-size:16px;line-height:1.7}.feat-list{gap:var(--spacing-sm);flex-direction:column;padding:0;list-style:none;display:flex}.feat-list li{color:var(--color-body);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.feat-list li:before{content:"";border-radius:var(--rounded-full);background:var(--color-primary);width:6px;height:6px;position:absolute;top:8px;left:0}.feat-visual{justify-content:center;align-items:center;display:flex}.feat-mockup{border-radius:var(--rounded-lg);width:100%;max-width:380px;padding:var(--spacing-lg);aspect-ratio:4/3;justify-content:center;align-items:center;display:flex}.feat-mockup-inner{border-radius:var(--rounded-md);width:100%;height:100%;padding:var(--spacing-md);gap:var(--spacing-sm);background:#ffffff26;flex-direction:column;display:flex}.fm-bar{border-radius:var(--rounded-sm);background:#ffffff40;width:55%;height:22px}.fm-cards{gap:var(--spacing-xs);flex:1;grid-template-columns:1fr 1fr;display:grid}.fm-card{border-radius:var(--rounded-sm);background:#ffffff2e}.fm-line{border-radius:var(--rounded-sm);background:#ffffff1f;height:10px}.fm-line:last-child{width:65%}.features-cta{padding:var(--spacing-section) 0}@media (width<=768px){.feat-grid{grid-template-columns:1fr}.feat-section--rev .feat-grid{direction:ltr}.feat-mockup{aspect-ratio:16/10;max-width:100%}}.pricing-page{overflow-x:hidden}.pricing-hero-band{padding:var(--spacing-section) 0 var(--spacing-xxl)}.pricing-hero{text-align:center;max-width:600px;margin:0 auto}.pricing-hero h1{margin-bottom:var(--spacing-md)}.pricing-hero-subtitle{color:var(--color-muted);font-size:18px}.pricing-plans-band{padding:0 0 var(--spacing-section)}.pricing-plans-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pricing-card{background:var(--color-surface-card);border-radius:var(--rounded-lg);padding:var(--spacing-xl);flex-direction:column;display:flex}.pricing-card--featured{background:var(--color-surface-dark);box-shadow:var(--shadow-card);transform:scale(1.05)}.pricing-card-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-hairline)}.pricing-card--featured .pricing-card-header{border-bottom-color:var(--color-surface-dark-elevated)}.pricing-card-name{text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);margin-bottom:var(--spacing-md);font-size:14px;font-weight:600}.pricing-card--featured .pricing-card-name{color:var(--color-on-dark-soft)}.pricing-card-price{margin-bottom:var(--spacing-sm)}.pricing-price{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-1px;font-size:42px;font-weight:600}.pricing-card--featured .pricing-price{color:var(--color-on-dark)}.pricing-period{color:var(--color-muted);font-size:16px}.pricing-card--featured .pricing-period{color:var(--color-on-dark-soft)}.pricing-card-desc{color:var(--color-muted);font-size:14px}.pricing-card--featured .pricing-card-desc{color:var(--color-on-dark-soft)}.pricing-card-features{padding:var(--spacing-lg) 0;gap:var(--spacing-sm);flex-direction:column;flex:1;margin:0;list-style:none;display:flex}.pricing-feature-item{color:var(--color-body);align-items:center;gap:var(--spacing-sm);font-size:14px;display:flex}.pricing-card--featured .pricing-feature-item{color:var(--color-on-dark-soft)}.pricing-feature-check{color:var(--color-success);flex-shrink:0;font-size:14px;font-weight:700}.pricing-faq-band{padding:0 0 var(--spacing-section)}.pricing-faq-list{gap:var(--spacing-sm);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.pricing-faq-item{background:var(--color-surface-card);border-radius:var(--rounded-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer}.pricing-faq-question{color:var(--color-ink);cursor:pointer;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;list-style:none;display:flex}.pricing-faq-question::-webkit-details-marker{display:none}.pricing-faq-question:after{content:"+";color:var(--color-muted);font-size:18px;transition:transform .2s}.pricing-faq-item[open] .pricing-faq-question:after{content:"−"}.pricing-faq-answer{color:var(--color-muted);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-hairline);font-size:14px;line-height:1.6}@media (width<=1024px){.pricing-plans-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.pricing-card--featured{transform:none}}.legal-page{padding:var(--spacing-section) 0}.legal-content{max-width:720px;margin:0 auto}.legal-content h1{margin-bottom:var(--spacing-xs)}.legal-date{color:var(--color-muted);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-hairline);font-size:14px}.legal-content section{margin-bottom:var(--spacing-xl)}.legal-content section:last-child{margin-bottom:0}.legal-content h2{margin-bottom:var(--spacing-md);font-size:22px}.legal-content p{color:var(--color-body);margin-bottom:var(--spacing-sm);font-size:15px;line-height:1.7}.legal-content ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.legal-content li{color:var(--color-body);margin-bottom:var(--spacing-xs);font-size:15px;line-height:1.6}@media (width<=768px){.legal-page{padding:var(--spacing-xl) 0}}.nutrition-progress{gap:var(--spacing-md);flex-direction:column;display:flex}.nutrition-progress--compact .nutrition-bar-item{gap:2px}.nutrition-bar-item{flex-direction:column;gap:4px;display:flex}.nutrition-bar-header{justify-content:space-between;align-items:baseline;display:flex}.nutrition-bar-label{color:var(--color-ink);font-size:13px;font-weight:500}.nutrition-bar-value{color:var(--color-muted);white-space:nowrap;font-size:12px;font-weight:500}.nutrition-bar-value--over{color:var(--color-warning)}.nutrition-bar-value--exceeded{color:var(--color-error);font-weight:600}.nutrition-bar-limit-badge{color:var(--color-error);border-radius:var(--rounded-sm);vertical-align:middle;background:#ef44441a;margin-left:4px;padding:0 4px;font-size:10px;font-weight:500}.nutrition-bar-track{background:var(--color-surface-strong);border-radius:var(--rounded-pill);height:8px;overflow:hidden}.nutrition-bar-fill{background:var(--color-success);border-radius:var(--rounded-pill);min-width:0;height:100%;transition:width .4s}.nutrition-bar-fill--over{background:var(--color-warning)}.nutrition-bar-fill--exceeded{background:var(--color-error)}.dashboard{padding:var(--spacing-xl) 0 var(--spacing-section)}.dashboard-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.dashboard-header-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;margin-top:4px;display:flex}.dashboard-live-badge{color:var(--color-success);border-radius:var(--rounded-pill);text-transform:uppercase;letter-spacing:.3px;cursor:default;background:#10b9811a;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.live-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.dashboard-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.dashboard-alert{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-lg);text-align:center;margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.dashboard-grid{gap:var(--spacing-lg);grid-template-columns:1fr 300px;align-items:start;display:grid}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-header h3{margin:0;font-size:20px}.quick-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.quick-stat{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.quick-stat-ring{background:conic-gradient(var(--color-success) var(--pct,0deg), var(--color-surface-strong) 0deg);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.quick-stat-ring:after{content:"";background:var(--color-canvas);border-radius:50%;width:48px;height:48px;position:absolute}.quick-stat-pct{z-index:1;color:var(--color-ink);font-size:12px;font-weight:700;position:relative}.quick-stat-label{color:var(--color-muted);font-size:12px;font-weight:500}.micronutrient-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.micronutrient-item{align-items:center;gap:var(--spacing-sm);display:flex}.micronutrient-label{color:var(--color-ink);min-width:90px;font-size:12px;font-weight:500}.micronutrient-bar{background:var(--color-surface-strong);border-radius:var(--rounded-pill);flex:1;height:6px;overflow:hidden}.micronutrient-fill{background:var(--color-success);border-radius:var(--rounded-pill);height:100%;transition:width .4s}.micronutrient-fill--over{background:var(--color-warning)}.micronutrient-fill--exceeded{background:var(--color-error)}.micronutrient-value{color:var(--color-muted);text-align:right;min-width:55px;font-size:11px}.micronutrient-value--exceeded{color:var(--color-error);font-weight:600}.micronutrient-value--limit{color:var(--color-error)}.micronutrient-limit-badge{color:var(--color-error);border-radius:var(--rounded-sm);vertical-align:middle;background:#ef44441a;margin-left:2px;padding:0 3px;font-size:9px;font-weight:500}.quick-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.meal-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.meal-list-item{padding:var(--spacing-sm);border-radius:var(--rounded-md);justify-content:space-between;align-items:center;text-decoration:none;transition:background .15s;display:flex}.meal-list-item:hover{background:var(--color-surface-card)}.meal-list-name{color:var(--color-ink);font-size:14px;font-weight:500}.meal-list-cal{color:var(--color-muted);font-size:13px;font-weight:500}.page-loading{justify-content:center;align-items:center;min-height:300px;display:flex}@media (width<=768px){.dashboard{padding:var(--spacing-lg) 0 var(--spacing-section)}.dashboard-grid{grid-template-columns:1fr}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.micronutrient-grid{grid-template-columns:1fr}.micronutrient-item{gap:var(--spacing-xs)}.dashboard-header h2{font-size:24px}.dashboard-alert{padding:var(--spacing-md)}.section-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}.profile-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.profile-header{margin-bottom:var(--spacing-xl)}.profile-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.profile-section-title{margin-bottom:var(--spacing-lg);font-size:18px}.profile-nutrient-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.form-label-row{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.form-label-row .form-label{margin-bottom:0}.profile-mode-select{height:auto;min-height:unset;border-radius:var(--rounded-sm);padding:2px 6px;font-size:12px}.input--limit{border-color:var(--color-error)}.input--limit:focus{outline-color:var(--color-error)}.profile-actions{gap:var(--spacing-md);display:flex}.custom-nutrient-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.custom-nutrient-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-card);border-radius:var(--rounded-md);display:flex}.custom-nutrient-item-info{flex:1;justify-content:space-between;align-items:center;display:flex}.custom-nutrient-item-label{color:var(--color-ink);font-size:14px;font-weight:500}.custom-nutrient-item-target{color:var(--color-muted);font-size:13px;font-weight:600}.custom-nutrient-item-target--limit{color:var(--color-error)}.custom-nutrient-limit-badge{color:var(--color-error);border-radius:var(--rounded-sm);vertical-align:middle;background:#ef44441a;margin-left:4px;padding:0 4px;font-size:10px;font-weight:500}.custom-nutrient-limit-hint{color:var(--color-error);grid-column:1/-1;margin-top:-4px;font-size:11px}.custom-nutrient-form{border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-md);padding:var(--spacing-md)}.custom-nutrient-fields{gap:var(--spacing-sm);grid-template-columns:1fr 1fr 100px 1fr 130px;display:grid}@media (width<=768px){.profile-nutrient-grid{grid-template-columns:repeat(2,1fr)}.profile-header h2{font-size:24px}.profile-actions{flex-direction:column;width:100%}.profile-actions .btn{width:100%}.custom-nutrient-fields{grid-template-columns:1fr 1fr}.custom-nutrient-item,.custom-nutrient-item-info{gap:var(--spacing-xs);flex-wrap:wrap}}@media (width<=480px){.profile-nutrient-grid,.custom-nutrient-fields{grid-template-columns:1fr}}.food-item-card{border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);background:var(--color-canvas);transition:box-shadow .2s,transform .2s;overflow:hidden}.food-item-card[role=button]:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.food-item-card-img{background:var(--color-surface-card);justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.food-item-card-image{object-fit:cover;width:100%;height:100%}.food-item-card-placeholder-icon{opacity:.4;font-size:40px}.food-item-card-body{padding:var(--spacing-md)}.food-item-card-name{color:var(--color-ink);margin-bottom:var(--spacing-xs);font-size:15px;font-weight:600}.food-item-card-macros{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.food-item-card-macro{color:var(--color-muted);background:var(--color-surface-card);border-radius:var(--rounded-pill);padding:2px 8px;font-size:11px;font-weight:500}.food-item-card-badge{color:var(--color-brand-accent);border-radius:var(--rounded-pill);margin-bottom:var(--spacing-xs);background:#3b82f61a;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.food-item-card-serving{color:var(--color-muted-soft);font-size:12px}.food-items-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.food-items-header{justify-content:space-between;align-items:flex-start;display:flex}.food-items-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.food-items-search{max-width:400px}.food-items-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.food-items-empty{text-align:center;padding:var(--spacing-xxl) 0}@media (width<=1024px){.food-items-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.food-items-header{gap:var(--spacing-md);flex-direction:column}.food-items-header h2{font-size:24px}.food-items-search{width:100%;max-width:none}.food-items-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.food-items-grid{grid-template-columns:1fr}}.add-food-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.add-food-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.add-food-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.add-food-section-title{margin-bottom:var(--spacing-lg);font-size:18px}.add-food-nutrient-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.add-food-image-upload{margin-top:var(--spacing-xs)}.add-food-image-preview{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column;display:flex}.add-food-image-preview img{object-fit:cover;border-radius:var(--rounded-md);border:1px solid var(--color-hairline);width:200px;height:150px}.add-food-image-placeholder{border:2px dashed var(--color-hairline);border-radius:var(--rounded-md);cursor:pointer;width:200px;height:150px;color:var(--color-muted);justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.add-food-image-placeholder:hover{border-color:var(--color-primary);color:var(--color-ink)}.add-food-image-placeholder--dragover{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60f}.add-food-image-url-row{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.add-food-image-url-row .input{flex:1}.add-food-actions{gap:var(--spacing-md);display:flex}@media (width<=768px){.add-food-header{gap:var(--spacing-md);flex-direction:column}.add-food-nutrient-grid{grid-template-columns:repeat(2,1fr)}.add-food-header h2{font-size:24px}.add-food-actions{flex-direction:column;width:100%}.add-food-actions .btn{width:100%}.add-food-image-preview img{width:100%;height:auto;max-height:200px}.add-food-image-placeholder{width:100%;height:120px}.add-food-image-url-row{flex-direction:column}}@media (width<=480px){.add-food-nutrient-grid{grid-template-columns:1fr}}.food-detail-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.food-detail-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.food-detail-header-actions{gap:var(--spacing-sm);display:flex}.food-detail-main{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:center;display:flex}.food-detail-image{border-radius:var(--rounded-lg);background:var(--color-surface-card);flex-shrink:0;justify-content:center;align-items:center;width:250px;height:200px;display:flex;overflow:hidden}.food-detail-image img{object-fit:cover;width:100%;height:100%}.food-detail-placeholder{opacity:.4;font-size:64px}.food-detail-info h2{margin-bottom:var(--spacing-xs);font-size:32px}.food-detail-badge{color:var(--color-brand-accent);border-radius:var(--rounded-pill);margin-top:var(--spacing-sm);background:#3b82f61a;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.food-detail-section-title{margin-bottom:var(--spacing-lg);font-size:18px}.nutrient-row{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-sm);background:var(--color-surface-card);justify-content:space-between;align-items:center;display:flex}.nutrient-row-label{color:var(--color-ink);font-size:13px;font-weight:500}.nutrient-row-value{color:var(--color-muted);font-size:13px;font-weight:500}@media (width<=768px){.food-detail-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.food-detail-header-actions{width:100%}.food-detail-header-actions .btn{flex:1}.food-detail-main{flex-direction:column;align-items:flex-start}.food-detail-image{width:100%;height:200px}.food-detail-info h2{font-size:24px}.nutrient-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.nutrient-grid{grid-template-columns:1fr}}.meals-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.meals-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.meals-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.meals-empty{text-align:center;padding:var(--spacing-xxl) 0}.meals-date-group{margin-bottom:var(--spacing-xl)}.meals-date-heading{color:var(--color-ink);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:baseline;font-size:18px;font-weight:600;display:flex}.meals-date-total{color:var(--color-muted);font-size:14px;font-weight:500}.meals-date-items{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.meal-card{border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-md);background:var(--color-canvas);text-decoration:none;transition:box-shadow .2s}.meal-card:hover{box-shadow:var(--shadow-card)}.meal-card-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.meal-card-name{color:var(--color-ink);font-size:16px;font-weight:600}.meal-card-cal{color:var(--color-muted);font-size:14px;font-weight:600}.meal-card-items{margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:4px;display:flex}.meal-card-item-tag{color:var(--color-muted);background:var(--color-surface-card);border-radius:var(--rounded-pill);padding:2px 8px;font-size:12px;font-weight:500}.meal-card-macros{gap:var(--spacing-md);color:var(--color-muted-soft);font-size:13px;font-weight:500;display:flex}@media (width<=768px){.meals-header{gap:var(--spacing-md);flex-direction:column}.meals-header h2{font-size:24px}.meals-date-items{grid-template-columns:1fr}.meals-date-heading{gap:var(--spacing-xs);flex-direction:column}}.add-meal-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.add-meal-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.add-meal-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.add-meal-grid{gap:var(--spacing-lg);grid-template-columns:1fr 360px;align-items:start;display:grid}.add-meal-meta{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.add-meal-section-title{margin-bottom:var(--spacing-lg);font-size:18px}.add-meal-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.add-meal-added-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.add-meal-added-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-card);border-radius:var(--rounded-md);display:flex}.add-meal-added-item-info{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.add-meal-added-item-name{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.add-meal-added-item-controls{align-items:center;gap:4px;display:flex}.add-meal-qty-input{width:60px;height:32px;padding:6px 8px;font-size:13px}.add-meal-unit{color:var(--color-muted);font-size:13px}.add-meal-added-item-cal{color:var(--color-muted);white-space:nowrap;font-size:13px;font-weight:500}.add-meal-totals{gap:var(--spacing-xs);flex-direction:column;display:flex}.add-meal-total-item{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.add-meal-total-label{color:var(--color-ink);font-size:14px;font-weight:500}.add-meal-total-value{color:var(--color-ink);font-size:14px;font-weight:600}.add-meal-save{padding-top:0}.add-meal-food-list{flex-direction:column;gap:4px;max-height:500px;display:flex;overflow-y:auto}.add-meal-food-item{padding:var(--spacing-sm);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-md);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.add-meal-food-item:hover{background:var(--color-surface-card);border-color:var(--color-hairline)}.add-meal-food-item--added{border-color:var(--color-success);background:#10b9810d}.add-meal-food-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.add-meal-food-item-name{color:var(--color-ink);font-size:13px;font-weight:600}.add-meal-food-item-macros{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.add-meal-food-item-serving{color:var(--color-muted-soft);white-space:nowrap;margin-left:var(--spacing-sm);font-size:11px}@media (width<=768px){.add-meal-header{gap:var(--spacing-md);flex-direction:column}.add-meal-header h2{font-size:24px}.add-meal-grid,.add-meal-meta{grid-template-columns:1fr}.add-meal-added-item,.add-meal-added-item-info{gap:var(--spacing-xs);flex-wrap:wrap}.add-meal-qty-input{width:100%;max-width:80px}.add-meal-save .btn{width:100%}.add-meal-tabs{flex-wrap:wrap}}.meal-detail-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.meal-detail-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.meal-detail-header-actions{gap:var(--spacing-sm);display:flex}.meal-detail-main{margin-bottom:var(--spacing-lg)}.meal-detail-main h2{margin-bottom:var(--spacing-xs);font-size:32px}.meal-detail-section-title{margin-bottom:var(--spacing-lg);font-size:18px}.meal-detail-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.meal-detail-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-card);border-radius:var(--rounded-md);justify-content:space-between;align-items:center;display:flex}.meal-detail-item-info{align-items:center;gap:var(--spacing-md);display:flex}.meal-detail-item-name{color:var(--color-ink);font-size:14px;font-weight:600}.meal-detail-item-qty{color:var(--color-muted);font-size:13px;font-weight:500}.meal-detail-item-macros{gap:var(--spacing-md);color:var(--color-muted);font-size:13px;display:flex}.meal-detail-totals{gap:var(--spacing-xs);flex-direction:column;display:flex}.meal-detail-total-row{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;display:flex}.meal-detail-total-label{color:var(--color-ink);font-size:15px;font-weight:500}.meal-detail-total-value{color:var(--color-ink);font-size:15px;font-weight:600}.nutrient-grid-detail{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.nutrient-row-detail{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-card);border-radius:var(--rounded-sm);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.meal-detail-main h2{font-size:24px}.meal-detail-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.nutrient-grid-detail{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.nutrient-grid-detail{grid-template-columns:1fr}}.dishes-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.dishes-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.dishes-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.dishes-search{max-width:400px}.dishes-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.dish-card{border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-lg);cursor:pointer;background:var(--color-canvas);transition:box-shadow .2s}.dish-card:hover{box-shadow:var(--shadow-card)}.dish-card-name{color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600}.dish-card-items{margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:4px;display:flex}.dish-card-item-tag{color:var(--color-muted);background:var(--color-surface-card);border-radius:var(--rounded-pill);padding:2px 8px;font-size:12px;font-weight:500}.dish-card-macros{gap:var(--spacing-md);color:var(--color-muted-soft);font-size:13px;font-weight:500;display:flex}.dishes-empty{text-align:center;padding:var(--spacing-xxl) 0}@media (width<=768px){.dishes-header{gap:var(--spacing-md);flex-direction:column}.dishes-header h2{font-size:24px}.dishes-search{width:100%;max-width:none}.dishes-grid{grid-template-columns:1fr}.dish-card{padding:var(--spacing-md)}}.add-dish-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.add-dish-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.add-dish-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.add-dish-grid{gap:var(--spacing-lg);grid-template-columns:1fr 360px;align-items:start;display:grid}.add-dish-section-title{margin-bottom:var(--spacing-lg);font-size:18px}.add-dish-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.add-dish-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-card);border-radius:var(--rounded-md);display:flex}.add-dish-item-info{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.add-dish-item-name{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.add-dish-qty{width:60px;height:32px;padding:6px 8px;font-size:13px}.add-dish-unit{color:var(--color-muted);font-size:13px}.add-dish-cal{color:var(--color-muted);white-space:nowrap;font-size:13px;font-weight:500}.add-dish-totals{gap:var(--spacing-xs);flex-direction:column;display:flex}.add-dish-total-row{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;font-size:14px;font-weight:500;display:flex}.add-dish-save{padding-top:0}.add-dish-food-list{flex-direction:column;gap:4px;max-height:500px;display:flex;overflow-y:auto}.add-dish-food{padding:var(--spacing-sm);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-md);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;font-family:inherit;transition:background .15s;display:flex}.add-dish-food:hover{background:var(--color-surface-card);border-color:var(--color-hairline)}.add-dish-food--added{border-color:var(--color-success);background:#10b9810d}.add-dish-food-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.add-dish-food-name{color:var(--color-ink);font-size:13px;font-weight:600}.add-dish-food-macros{color:var(--color-muted);font-size:11px}.add-dish-food-serving{color:var(--color-muted-soft);white-space:nowrap;margin-left:var(--spacing-sm);font-size:11px}@media (width<=768px){.add-dish-header{gap:var(--spacing-md);flex-direction:column}.add-dish-header h2{font-size:24px}.add-dish-grid{grid-template-columns:1fr}.add-dish-item,.add-dish-item-info{gap:var(--spacing-xs);flex-wrap:wrap}.add-dish-qty{width:100%;max-width:80px}.add-dish-save .btn{width:100%}}.dish-detail-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.dish-detail-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.dish-detail-main h2{margin-bottom:var(--spacing-xs);font-size:32px}.dish-detail-section-title{margin-bottom:var(--spacing-lg);font-size:18px}.dish-detail-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.dish-detail-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-card);border-radius:var(--rounded-md);justify-content:space-between;align-items:center;display:flex}.dish-detail-item-info{align-items:center;gap:var(--spacing-md);display:flex}.dish-detail-item-name{color:var(--color-ink);font-size:14px;font-weight:600}.dish-detail-item-qty{color:var(--color-muted);font-size:13px;font-weight:500}.dish-detail-item-macros{gap:var(--spacing-md);color:var(--color-muted);font-size:13px;display:flex}.dish-detail-totals{gap:var(--spacing-xs);flex-direction:column;display:flex}.dish-detail-total-row{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;font-size:15px;font-weight:500;display:flex}.nutrient-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.nutrient-row{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-card);border-radius:var(--rounded-sm);justify-content:space-between;font-size:13px;display:flex}@media (width<=768px){.dish-detail-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.dish-detail-main h2{font-size:24px}.nutrient-grid{grid-template-columns:repeat(2,1fr)}.dish-detail-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.dish-detail-item-info,.dish-detail-item-macros{gap:var(--spacing-xs);flex-wrap:wrap}}@media (width<=480px){.nutrient-grid{grid-template-columns:1fr}}.timetable-page{padding:var(--spacing-xl) 0 var(--spacing-section)}.timetable-header{justify-content:space-between;align-items:flex-start;margin-bottom:0;display:flex}.timetable-header h2{margin-bottom:var(--spacing-xs);font-size:32px}.timetable-tabs{gap:var(--spacing-sm);display:flex}.timetable-plan-bar{align-items:center;gap:var(--spacing-md);display:flex}.plan-selector{position:relative}.plan-selector-btn{align-items:center;gap:var(--spacing-sm);font-family:var(--font-body);color:var(--color-ink);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);cursor:pointer;padding:10px 16px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.plan-selector-btn:hover{background:var(--color-surface-strong)}.plan-selector-badge{color:var(--color-muted);background:var(--color-surface-strong);border-radius:var(--rounded-sm);padding:2px 8px;font-size:11px;font-weight:500}.plan-selector-active{color:var(--color-success);border-radius:var(--rounded-sm);background:#10b9811a;padding:2px 8px;font-size:11px;font-weight:500}.plan-selector-chevron{color:var(--color-muted);margin-left:var(--spacing-xs);font-size:10px}.plan-menu-overlay{z-index:190;position:fixed;inset:0}.plan-menu{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);min-width:280px;box-shadow:var(--shadow-card);padding:var(--spacing-sm);z-index:195;position:absolute;top:calc(100% + 6px);left:0}.plan-menu-item{border-radius:var(--rounded-md);justify-content:space-between;align-items:center;transition:background .1s;display:flex}.plan-menu-item:hover,.plan-menu-item--current{background:var(--color-surface-soft)}.plan-menu-name{text-align:left;font-family:var(--font-body);color:var(--color-ink);padding:10px var(--spacing-md);cursor:pointer;background:0 0;border:none;flex:1;font-size:14px;font-weight:500}.plan-active-dot{color:var(--color-success);font-size:11px;font-weight:500}.plan-menu-actions{padding-right:var(--spacing-sm);gap:2px;display:flex}.plan-action{border-radius:var(--rounded-sm);width:28px;height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:color .1s,background .1s;display:inline-flex}.plan-action:hover{color:var(--color-ink);background:var(--color-surface-strong)}.plan-action--danger:hover{color:var(--color-error)}.plan-menu-divider{background:var(--color-hairline-soft);height:1px;margin:var(--spacing-xs) 0}.plan-menu-create{text-align:left;width:100%;font-family:var(--font-body);color:var(--color-brand-accent);padding:10px var(--spacing-md);border-radius:var(--rounded-md);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500;transition:background .1s;display:block}.plan-menu-create:hover{background:var(--color-surface-soft)}.plan-dialog-overlay{z-index:250;padding:var(--spacing-lg);background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.plan-dialog{background:var(--color-canvas);border-radius:var(--rounded-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);width:100%;max-width:400px}.plan-dialog h3{margin-bottom:0;font-size:18px}.plan-dialog-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.timetable-readonly-bar{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-muted);font-size:13px}.timetable-grid--readonly .timetable-slot-add{display:none}.timetable-grid--readonly .timetable-slot-entry:hover{cursor:default}.timetable-no-profile{text-align:center;padding:var(--spacing-xl)}.timetable-daily-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.timetable-daily-header h3{margin:0;font-size:18px}.timetable-date-select{width:auto;min-width:180px}.compare-grid{margin-bottom:var(--spacing-md);flex-direction:column;gap:6px;display:flex}.compare-row{gap:var(--spacing-md);grid-template-columns:110px 1fr 200px;align-items:center;display:grid}.compare-label{color:var(--color-ink);font-size:13px;font-weight:500}.compare-value-simple{color:var(--color-muted);font-size:13px}.compare-bar-track{background:var(--color-surface-strong);border-radius:var(--rounded-pill);height:10px;overflow:hidden}.compare-bar-fill{border-radius:var(--rounded-pill);height:100%;transition:width .4s}.compare-bar-fill.bar--over{background:var(--color-success)}.compare-bar-fill.bar--close{background:var(--color-warning)}.compare-bar-fill.bar--under{background:#f87171}.compare-bar-fill.bar--exceeded{background:var(--color-error)}.compare-value{color:var(--color-muted);align-items:baseline;gap:4px;font-size:12px;display:flex}.compare-value .compare-target{color:var(--color-muted-soft);font-size:11px}.compare-value--exceeded{color:var(--color-error);font-weight:600}.compare-value--exceeded .compare-target,.compare-value--exceeded .compare-pct{color:var(--color-error)}.compare-pct{color:var(--color-ink);text-align:right;min-width:32px;font-size:12px;font-weight:600}.compare-meta{gap:var(--spacing-lg);color:var(--color-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--color-hairline-soft);font-size:12px;display:flex}.compare-meta-cal{color:var(--color-ink);font-weight:600}.timetable-grid{border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);overflow:auto}.timetable-row{grid-template-columns:80px repeat(7,1fr);min-width:800px;display:grid}.timetable-row--header{background:var(--color-surface-card);border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}.timetable-cell{border-bottom:1px solid var(--color-hairline-soft);border-right:1px solid var(--color-hairline-soft);flex-direction:column;justify-content:center;min-height:36px;padding:2px;display:flex}.timetable-cell:last-child{border-right:none}.timetable-cell--label{color:var(--color-ink);padding:2px var(--spacing-sm);align-items:flex-start;font-size:11px;font-weight:600}.timetable-cell--time{color:var(--color-muted);justify-content:center;align-items:center;padding:2px 4px;font-family:monospace;font-size:11px}.timetable-cell--day{cursor:pointer;align-items:center;gap:1px;transition:background .15s}.timetable-cell--day:hover{background:var(--color-surface-card)}.timetable-cell--selected{background:#3b82f60f}.timetable-cell--selected:hover{background:#3b82f61a}.timetable-day-name{color:var(--color-muted);text-transform:uppercase;font-size:11px;font-weight:500}.timetable-day-date{color:var(--color-ink);font-size:15px;font-weight:700}.timetable-day-cal{color:var(--color-success);font-size:10px;font-weight:500}.timetable-cell--slot{flex-direction:column;gap:2px;padding:1px;display:flex}.timetable-slot-entries{flex-direction:column;gap:1px;display:flex}.timetable-slot-entry{border-radius:var(--rounded-sm);background:#3b82f614;border:1px solid #3b82f633;align-items:center;gap:3px;padding:2px 4px;font-size:10px;display:flex}.timetable-slot-name{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.timetable-slot-qty{color:var(--color-muted);white-space:nowrap;font-size:10px}.timetable-slot-tag{color:var(--color-brand-accent);white-space:nowrap;background:#3b82f61a;border-radius:3px;padding:0 3px;font-size:9px}.timetable-slot-tag--meal{color:var(--color-badge-violet);background:#8b5cf61a}.timetable-slot-remove{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:0 1px;font-size:12px;line-height:1}.timetable-slot-remove:hover{color:var(--color-error)}.timetable-slot-add{border:1px dashed var(--color-hairline);border-radius:var(--rounded-sm);cursor:pointer;width:100%;height:28px;color:var(--color-muted-soft);background:0 0;font-size:14px;transition:border-color .15s,color .15s}.timetable-slot-add:hover{border-color:var(--color-brand-accent);color:var(--color-brand-accent)}.timetable-weekly-view{overflow-x:auto}.weekly-title{margin-bottom:var(--spacing-sm);font-size:18px}.weekly-table-wrap{overflow-x:auto}.weekly-table{border-collapse:collapse;width:100%;min-width:700px;font-size:12px}.weekly-table th{padding:var(--spacing-sm) 6px;text-align:center;color:var(--color-ink);background:var(--color-surface-card);border-bottom:2px solid var(--color-hairline);white-space:nowrap;font-size:11px;font-weight:600}.weekly-table th:first-child{text-align:left;min-width:100px}.weekly-table td{text-align:center;border-bottom:1px solid var(--color-hairline-soft);padding:6px}.weekly-table td:first-child{text-align:left}.weekly-nutrient-name{color:var(--color-ink);font-size:12px;font-weight:500}.weekly-day-cell{color:var(--color-muted);font-size:11px}.weekly-day-cell.day-cell--good{color:var(--color-success);font-weight:500}.weekly-day-cell.day-cell--ok{color:var(--color-warning);font-weight:500}.weekly-day-cell.day-cell--low{color:var(--color-muted-soft)}.weekly-day-cell.day-cell--exceeded{color:var(--color-error);font-weight:600}.weekly-total-cell{color:var(--color-ink);font-size:13px;font-weight:600}.weekly-req-cell{color:var(--color-muted);font-size:13px;font-weight:500}.weekly-status{text-align:center;font-size:13px;font-weight:600}.weekly-status span{font-size:10px;display:block}.weekly-status--met{color:var(--color-success)}.weekly-status--close{color:var(--color-warning)}.weekly-status--low{color:#f87171}.weekly-status--exceeded{color:var(--color-error)}.timetable-picker-overlay{z-index:200;padding:var(--spacing-lg);background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.timetable-picker{background:var(--color-canvas);border-radius:var(--rounded-lg);box-shadow:var(--shadow-card);width:100%;max-width:480px;max-height:80vh;padding:var(--spacing-lg);flex-direction:column;display:flex}.timetable-picker-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.timetable-picker-header h3{font-size:16px}.timetable-picker-tabs{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.timetable-picker-list{flex-direction:column;flex:1;gap:4px;max-height:300px;display:flex;overflow-y:auto}.timetable-picker-item{padding:var(--spacing-sm);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-md);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;font-family:inherit;transition:background .15s;display:flex}.timetable-picker-item:hover{background:var(--color-surface-card)}.timetable-picker-item-name{color:var(--color-ink);font-size:14px;font-weight:500}.timetable-picker-item-macros{color:var(--color-muted);font-size:12px}@media (width<=768px){.timetable-header{gap:var(--spacing-md);flex-direction:column}.timetable-header h2{font-size:24px}.compare-row{gap:var(--spacing-sm);grid-template-columns:90px 1fr 140px}.timetable-grid{font-size:11px}.timetable-row{grid-template-columns:55px repeat(7,1fr)}.weekly-table{font-size:10px}.timetable-plan-bar{flex-wrap:wrap;width:100%}.plan-selector-btn{justify-content:space-between;width:100%}.plan-menu{min-width:260px;left:0;right:auto}.plan-dialog{padding:var(--spacing-lg)}.plan-dialog-actions{flex-direction:column}.plan-dialog-actions .btn{width:100%}.timetable-daily-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.timetable-date-select{width:100%}.compare-meta{gap:var(--spacing-sm);flex-wrap:wrap}.timetable-picker{padding:var(--spacing-md);max-width:100%;margin:var(--spacing-md)}.timetable-picker-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.timetable-picker-tabs{flex-wrap:wrap}.timetable-picker-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}.not-found-page{min-height:calc(100vh - 200px);padding:var(--spacing-xxl) var(--spacing-lg);justify-content:center;align-items:center;display:flex}.not-found-content{text-align:center;max-width:480px;animation:.4s ease-out both fadeIn}.not-found-code{letter-spacing:-6px;color:var(--color-hairline);margin-bottom:var(--spacing-sm);-webkit-user-select:none;user-select:none;font-size:120px;font-weight:700;line-height:1}.not-found-page h1{margin-bottom:var(--spacing-md);font-size:28px}.not-found-page p{color:var(--color-muted);margin-bottom:var(--spacing-xl);font-size:15px;line-height:1.6}.not-found-actions{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}@media (width<=768px){.not-found-code{letter-spacing:-4px;font-size:80px}.not-found-page h1{font-size:22px}.not-found-actions{flex-direction:column}.not-found-actions .btn{justify-content:center;width:100%}}.app-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}