:root{--bg-primary:#0a0612;--bg-secondary:#120a1f;--bg-surface:#1a1030;--bg-elevated:#231542;--accent:#9333ea;--accent-light:#a855f7;--accent-glow:#9333ea59;--text-primary:#f3e8ff;--text-secondary:#c4b5fd;--text-muted:#7c6a9a;--border:#2d1f4e;--ring-track:#2a1a45;--nav-height:72px;--macro-protein:#a855f7;--macro-fat:#c084fc;--macro-carbs:#7c3aed;--sans:"Nunito", system-ui, sans-serif;font:16px/145% var(--sans);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg-primary);min-height:100svh;font-family:var(--sans);margin:0}#root{min-height:100svh}h1,h2,h3,p{margin:0}button{font-family:inherit}.bottom-nav{z-index:999;height:var(--nav-height);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#120a1feb 0%,#120a1f 100%);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;transition:color .2s,background .2s,transform .15s;display:flex}.bottom-nav__item:hover{color:var(--text-secondary);background:#9333ea14}.bottom-nav__item:active{transform:scale(.96)}.bottom-nav__item--active{color:var(--accent-light);background:#9333ea26}.bottom-nav__item--active .bottom-nav__icon{filter:drop-shadow(0 0 6px var(--accent-glow))}.bottom-nav__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottom-nav__icon svg{width:22px;height:22px}.bottom-nav__label{letter-spacing:.02em;font-size:11px;font-weight:500;line-height:1}.progress-ring{aspect-ratio:1;width:100%;position:relative}.progress-ring svg{width:100%;height:100%;display:block}.progress-ring__fill{transition:stroke-dashoffset .6s}.progress-ring__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.calorie-ring{width:min(80vw,260px);margin:0 auto}.macros-row{justify-content:center;gap:8px;width:100%;max-width:min(92vw,320px);display:flex}.calorie-ring__value{color:var(--text-primary);letter-spacing:-.02em;font-size:42px;font-weight:700;line-height:1}.calorie-ring__unit{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:500}.calorie-ring__target{color:var(--text-secondary);margin-top:2px;font-size:13px}.macro-ring{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.macro-ring__value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.macro-ring__label{color:var(--text-secondary);font-size:13px;font-weight:600}.macro-ring__target{color:var(--text-muted);font-size:11px}.app{background:radial-gradient(ellipse 80% 50% at 50% -10%, #9333ea2e 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 100% 100%, #6d28d91f 0%, transparent 50%), var(--bg-primary);flex-direction:column;min-height:100svh;display:flex}.app__main{padding:24px 20px calc(var(--nav-height) + 24px);box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.home-page{min-height:calc(100svh - var(--nav-height) - 48px);flex-direction:column;flex:1;display:flex}.home-page__center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;width:100%;display:flex}.app__header{text-align:center;flex-shrink:0;margin-bottom:0}.app__title{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:600}.app__subtitle{color:var(--text-secondary);margin-top:8px;font-size:15px;line-height:1.5}.add-meal-btn{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:16px 24px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .2s;display:flex}.add-meal-btn svg{width:20px;height:20px}.add-meal-btn:hover{box-shadow:0 6px 28px var(--accent-glow)}.add-meal-btn:active{transform:scale(.98)}@keyframes skeleton-shimmer{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.is-loading .skeleton-text{background:#ffffff14;border-radius:6px;animation:1.5s ease-in-out infinite skeleton-shimmer;display:inline-block;position:relative;color:#0000!important}.is-loading .skeleton-text--value{width:110px;height:34px;margin-bottom:4px}.is-loading .skeleton-text--target{width:80px;height:16px;margin-top:4px}.is-loading .macro-ring__value{color:#0000;background:#ffffff14;border-radius:4px;width:40px;height:14px;display:inline-block}.is-loading .skeleton-text--macro{width:36px;height:18px;display:inline-block}.is-loading .skeleton-text--macro-target{width:48px;height:12px;margin-top:4px;display:inline-block}.add-meal-page{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:480px;height:100svh;max-height:100svh;margin:0 auto;padding:24px 20px;display:flex;overflow:hidden}.page-header-back{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.back-btn{width:40px;height:40px;color:var(--accent-light);cursor:pointer;background:#9333ea1a;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:500;transition:background .2s,transform .15s;display:flex}.back-btn:hover{background:#9333ea2e}.back-btn:active{transform:scale(.96)}.page-header-back h2{color:var(--text-primary);letter-spacing:-.01em;text-align:center;flex:1;margin:0;font-size:22px;font-weight:600}.search-container{flex-shrink:0;margin-bottom:24px}.search-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:16px 20px;font-size:16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #9333ea33}.search-input::placeholder{color:var(--text-muted)}.food-list-container{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;padding-top:5px;padding-bottom:90px;display:flex;overflow-y:auto}.food-list-container::-webkit-scrollbar{width:4px}.food-list-container::-webkit-scrollbar-track{background:0 0}.food-list-container::-webkit-scrollbar-thumb{background:#9333ea4d;border-radius:4px}.food-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.food-item-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:transform .15s,background .2s;display:flex}.food-item-row:hover{background:#ffffff0d;transform:translateY(-1px)}.food-item-row:active{transform:scale(.99)}.food-item-info{flex-direction:column;gap:4px;display:flex}.food-item-name{color:var(--text-primary);font-size:16px;font-weight:500}.food-item-sub{color:var(--text-secondary);font-size:13px}.food-item-macros{align-items:center;gap:6px;display:flex}.macro-badge{border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.macro-badge.b{color:#60a5fa;background:#3b82f626}.macro-badge.j{color:#fbbf24;background:#f59e0b26}.macro-badge.u{color:#34d399;background:#10b98126}.loading-text,.empty-text{text-align:center;color:var(--text-muted);margin:auto 0;font-size:15px;line-height:1.5}.food-item-row.food-item-row--selected{border-color:var(--accent);background:#9333ea14}.save-meal-btn{width:100%;color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;margin-top:24px;padding:16px 24px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 4px 20px #10b98140}.save-meal-btn:hover{box-shadow:0 6px 28px #10b98159}.save-meal-btn:active{transform:scale(.98)}.save-meal-btn:disabled{opacity:.6;cursor:not-allowed}.food-item-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.food-item-left{flex-direction:column;flex:1;gap:8px;display:flex}.food-item-input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.food-quantity-input{width:55px;color:var(--text-primary);text-align:right;background:0 0;border:none;padding:0;font-size:15px;font-weight:600}.food-quantity-input:focus{outline:none}.food-quantity-input::placeholder{color:var(--text-muted);opacity:.6}.food-input-unit{color:var(--text-secondary);font-size:13px}.add-product-btn{width:40px;height:40px;color:var(--accent-light);cursor:pointer;background:#9333ea1a;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:400;transition:background .2s,transform .15s;display:flex}.add-product-btn:hover{background:#9333ea2e}.add-product-btn:active{transform:scale(.96)}.create-food-form{flex-direction:column;flex:1;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);padding-left:4px;font-size:13px;font-weight:500}.label-b{color:#60a5fa}.label-j{color:#fbbf24}.label-u{color:#34d399}.form-row-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.macros-inputs-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.select-input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a1a1aa'><path d='M1 4l5 5 5-5H1z'/></svg>");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.custom-select-container{width:100%;position:relative}.custom-select-trigger{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;transition:border-color .2s;display:flex}.custom-select-trigger:focus{border-color:var(--accent);outline:none}.custom-select-arrow{color:var(--text-muted);font-size:11px;transition:transform .2s}.custom-select-arrow--open{color:var(--accent-light);transform:rotate(180deg)}.custom-select-options{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;z-index:1100;background:#181224f2;border:1px solid #9333ea33;border-radius:16px;width:100%;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000080}.custom-select-option{color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:14px 16px;font-size:15px;transition:background .15s,color .15s}.custom-select-option:hover{color:var(--text-primary);background:#ffffff0d}.custom-select-option--active{color:var(--accent-light);font-weight:500;background:#9333ea26!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;z-index:2000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100svh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{box-sizing:border-box;background:#181224f2;border:1px solid #9333ea40;border-radius:24px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 40px #0009}.modal-content h3{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.modal-descr{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.4}.modal-actions{grid-template-columns:1fr 1.3fr;gap:12px;display:grid}.modal-btn-cancel{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;padding:14px;font-size:15px;font-weight:600;transition:background .2s}.modal-btn-cancel:hover{background:#ffffff14}.modal-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:600;transition:transform .15s,opacity .2s;box-shadow:0 4px 14px #10b98140}.modal-btn-confirm:active{transform:scale(.97)}.modal-btn-confirm:disabled{opacity:.6}.modal-food-summary{flex-direction:column;gap:8px;max-height:180px;margin-top:16px;padding-right:4px;display:flex;overflow-y:auto}.modal-food-summary::-webkit-scrollbar{width:3px}.modal-food-summary::-webkit-scrollbar-thumb{background:#9333ea33;border-radius:2px}.modal-summary-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.modal-summary-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.modal-summary-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.modal-summary-sub{color:var(--text-secondary);font-size:12px}.modal-summary-macros{flex-shrink:0;gap:6px;font-size:11px;font-weight:600;display:flex}.modal-summary-macros span{color:var(--text-muted);background:#ffffff0a;border-radius:4px;padding:2px 5px}.food-journal{flex-direction:column;gap:20px;width:100%;display:flex}.journal-header{text-align:left;margin-bottom:4px}.journal-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:600}.meals-sections-list{flex-direction:column;gap:24px;display:flex}.meal-section{flex-direction:column;gap:12px;display:flex}.meal-section__header{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.meal-section__title{color:var(--text-primary);font-size:18px;font-weight:600}.meal-section__calories{color:var(--accent-light);font-size:14px;font-weight:600}.meal-section__content{flex-direction:column;display:flex}.journal-food-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.journal-food-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.journal-food-calories{color:var(--text-primary);flex-shrink:0;font-size:15px;font-weight:600}.food-item-name-row{align-items:center;gap:6px;display:flex}.scanned-badge{width:15px;height:15px;color:var(--accent-light);opacity:.75;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.scanned-badge svg{width:100%;height:100%}.journal-empty-text{color:var(--text-muted);text-align:center;background:#ffffff03;border:1px dashed #ffffff0f;border-radius:14px;margin:0;padding:12px 16px;font-size:13px}.food-journal-loading{text-align:center;color:var(--text-muted);padding:40px 0;font-size:15px}.profile-page{flex-direction:column;gap:20px;width:100%;display:flex}.profile-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.profile-form{flex-direction:column;gap:16px;display:flex}.profile-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.card-title{color:var(--accent-light);margin:0 0 4px;font-size:16px;font-weight:600}.date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:relative}.profile-page-loading{text-align:center;color:var(--text-muted);padding:40px 0;font-size:15px}.info-row{justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;display:flex}.info-row__label{color:var(--text-muted);flex-shrink:0;font-size:13px}.info-row__value{color:var(--text-primary);text-align:right;font-size:15px;font-weight:500}.date-picker-trigger{justify-content:space-between;align-items:center;display:flex}.date-picker-svg-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;transition:color .2s,filter .2s}.date-picker-trigger:hover .date-picker-svg-icon{color:var(--accent-light);filter:drop-shadow(0 0 4px #9333ea66)}.date-picker-modal{max-width:360px!important}.date-picker-wheels{background:#0003;border:1px solid #ffffff0a;border-radius:16px;grid-template-columns:.8fr 1.4fr 1fr;gap:10px;margin-top:20px;padding:12px;display:grid}.date-wheel-container{flex-direction:column;gap:6px;display:flex}.wheel-label{text-transform:uppercase;color:var(--text-muted);text-align:center;letter-spacing:.05em;font-size:11px;font-weight:600}.date-wheel-select{width:100%;color:var(--text-primary);text-align:center;cursor:pointer;appearance:none;background:#181224b3;border:1px solid #9333ea26;border-radius:12px;outline:none;padding:12px 6px;font-size:15px;font-weight:500;transition:border-color .2s,background .2s}.date-wheel-select:focus{border-color:var(--accent-light);background:#9333ea1a}.date-wheel-select option{color:var(--text-primary);background:#181224;padding:10px}.ios-datepicker-wheels-wrapper{border:1px solid #ffffff0d;border-radius:20px;margin-top:24px;padding:8px 12px;position:relative;overflow:hidden}.ios-wheels-grid{grid-template-columns:1fr 1.6fr 1.2fr;height:200px;display:grid;position:relative}.ios-wheel-outer{height:100%;position:relative;overflow:hidden}.ios-wheel-container{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:scroll}.ios-wheel-container::-webkit-scrollbar{display:none}.ios-wheel-item{text-align:center;color:var(--text-muted);scroll-snap-align:center;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:500;transition:color .15s,transform .15s}.ios-wheel-item--selected{font-size:18px;font-weight:600;transform:scale(1.05);color:var(--accent-light)!important}.ios-wheel-overlay{pointer-events:none;background:linear-gradient(#181224f2 0%,#18122466 25%,#0000 45% 55%,#18122466 75%,#181224f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.ios-wheel-center-indicator{pointer-events:none;background:#9333ea0a;border-top:1px solid #9333ea4d;border-bottom:1px solid #9333ea4d;border-radius:4px;height:40px;position:absolute;top:80px;left:4px;right:4px}.barcode-scanner-page{z-index:999;background:#000;width:100vw;height:100svh;position:fixed;inset:0;overflow:hidden}.scanner-video-feed{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.scanner-video-feed--frozen{opacity:0}.scanner-flash{z-index:940;pointer-events:none;background:#fff;width:100%;height:100%;animation:.32s ease-out forwards scannerFlash;position:absolute;top:0;left:0}@keyframes scannerFlash{0%{opacity:.85}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.scanner-loader,.scanner-error-container{width:100%;height:100%;color:var(--text-muted);z-index:1010;text-align:center;box-sizing:border-box;background:#000;justify-content:center;align-items:center;padding:20px;font-size:15px;display:flex;position:absolute;top:0;left:0}.scanner-controls-wrapper{z-index:920;pointer-events:none;justify-content:center;align-items:center;gap:24px;width:100%;display:flex;position:absolute;bottom:85px;left:0}.shutter-button{border:4px solid var(--accent-light,#9333ea);cursor:pointer;pointer-events:auto;background:0 0;border-radius:50%;outline:none;justify-content:center;align-items:center;width:76px;height:76px;padding:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color .3s;display:flex;box-shadow:0 0 15px #9333ea66,inset 0 0 10px #9333ea33}.shutter-button:active{transform:scale(.9)}.shutter-button-inner{background:#fff;border-radius:50%;width:54px;height:54px;transition:background .3s,transform .3s;box-shadow:0 4px 12px #0000004d}.shutter-button:hover .shutter-button-inner{background:#f3e8ff}.shutter-button--loading{border-color:#10b981;animation:2s linear infinite rotateLoading;box-shadow:0 0 15px #10b98180}.shutter-button--loading .shutter-button-inner{background:#10b981;transform:scale(.7)}.scanner-ai-overlay{z-index:915;pointer-events:all;background:#9333ea14;width:100%;height:100%;animation:.3s forwards overlayFadeIn;position:absolute;top:0;left:0;overflow:hidden}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.scanner-cancel-button{top:max(16px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:930;background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .1s;animation:.3s forwards overlayFadeIn;display:flex;position:absolute;right:16px}.scanner-cancel-button:active{background:#000000b3;transform:scale(.9)}.ai-scan-line{background:linear-gradient(to bottom, transparent, #9333ea40 70%, var(--accent-light,#9333ea) 96%, #fff 100__);opacity:.8;height:120px;animation:2.2s ease-in-out infinite aiScanMove;position:absolute;top:0;left:0;right:0;box-shadow:0 0 30px #9333ea66}.ai-glow-pulse{pointer-events:none;width:100%;height:100%;animation:1.5s ease-in-out infinite alternate aiPulse;position:absolute;top:0;left:0;box-shadow:inset 0 0 60px #9333ea4d}.ai-status-text{color:#fff;letter-spacing:.02em;text-shadow:0 2px 8px #000c,0 0 10px #9333ea80;-webkit-backdrop-filter:blur(8px);background:#181224d9;border:1px solid #9333ea4d;border-radius:20px;padding:10px 22px;font-size:15px;font-weight:600;animation:1.5s ease-in-out infinite alternate textGlitch;position:absolute;bottom:180px;left:50%;transform:translate(-50%)}@keyframes aiScanMove{0%{transform:translateY(-120px)}to{transform:translateY(100svh)}}@keyframes aiPulse{0%{background:#9333ea08}to{background:#9333ea1f}}@keyframes aiPulseButton{0%{box-shadow:0 0 #10b98166}to{box-shadow:0 0 0 14px #10b98100}}@keyframes textGlitch{0%{opacity:.9}to{opacity:1;filter:drop-shadow(0 0 2px #fff3)}}.scanner-frozen-preview{object-fit:cover;z-index:905;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.scanner-frozen-preview--visible{opacity:1}.scanner-sys-notification{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(10px);text-align:center;word-wrap:break-word;border:1px solid #ffffff14;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) forwards notificationSlideDown;position:absolute;top:16px;left:16px;right:16px;box-shadow:0 8px 30px #00000080}.scanner-sys-notification--error{background:#ef4444e6;border-color:#f8717166;box-shadow:0 0 20px #ef444433}.scanner-sys-notification--success{background:#10b981e6;border-color:#34d39966;box-shadow:0 0 20px #10b98133}@keyframes notificationSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.scanner-meal-form-overlay{z-index:950;background:linear-gradient(#0000,#000000d9 30%);align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.scanner-meal-form{width:100%;max-height:82svh;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 85px + 20px) 20px;box-sizing:border-box;background:#181224f5;border-top:1px solid #9333ea4d;border-radius:24px 24px 0 0;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpForm;display:flex}@keyframes slideUpForm{0%{transform:translateY(100%)}to{transform:translateY(0)}}.scanner-form-handle{background:#ffffff40;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:0 auto 14px}.scanner-meal-form .form-title{color:#fff;text-align:center;letter-spacing:-.01em;flex-shrink:0;margin:0 0 16px;font-size:18px;font-weight:700}.scanner-items-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.scanner-items-list::-webkit-scrollbar{width:4px}.scanner-items-list::-webkit-scrollbar-thumb{background:#9333ea4d;border-radius:4px}.scanner-food-card,.scanner-food-card:hover{cursor:default;transform:none}.scanner-totals-row{background:#9333ea1f;border:1px solid #9333ea40;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.scanner-totals-label{color:#fff;font-size:13px;font-weight:700}.scanner-totals-macros{gap:8px;display:flex}.scanner-meal-form .form-group{flex-direction:column;flex-shrink:0;min-width:0;margin-top:14px;margin-bottom:14px;display:flex}.scanner-meal-form label{color:#a78bfa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600}.scanner-meal-form input,.scanner-meal-form .meal-select{box-sizing:border-box;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-width:0;padding:12px 14px;font-size:15px;transition:border-color .2s}.scanner-meal-form input:focus,.scanner-meal-form .meal-select:focus{border-color:var(--accent-light,#9333ea)}.scanner-meal-form .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scanner-meal-form .form-macro-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.scanner-meal-form .meal-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.scanner-meal-form .meal-select option{color:#fff;background:#181224}.scanner-meal-form .form-actions{flex-shrink:0;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:20px;display:grid}.scanner-meal-form .btn-cancel,.scanner-meal-form .btn-save{cursor:pointer;border:none;border-radius:12px;outline:none;padding:14px;font-size:15px;font-weight:600;transition:background .2s,transform .1s}.scanner-meal-form .btn-cancel{color:#fff;background:#ffffff14}.scanner-meal-form .btn-cancel:hover{background:#ffffff1f}.scanner-meal-form .btn-cancel:active{transform:scale(.98)}.scanner-meal-form .btn-save{background:var(--accent-light,#9333ea);color:#fff;box-shadow:0 4px 15px #9333ea4d}.scanner-meal-form .btn-save:hover{background:#a78bfa}.scanner-meal-form .btn-save:active{transform:scale(.98)}.camera-flip-button{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .1s;display:flex}.camera-flip-button:active{background:#ffffff4d;transform:scale(.92)}.camera-flip-button:disabled{opacity:.5;cursor:not-allowed}.camera-flip-spacer{visibility:hidden;pointer-events:none;flex-shrink:0;width:48px;height:48px}.scanner-edit-item-btn{width:36px;height:36px;color:var(--accent-light,#9333ea);cursor:pointer;background:#9333ea1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .1s;display:flex}.scanner-edit-item-btn:hover{background:#9333ea33}.scanner-edit-item-btn:active{transform:scale(.92)}.scanner-edit-item-btn svg{width:16px;height:16px}.scanner-edit-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:970;box-sizing:border-box;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.scanner-edit-modal{border:1px solid #9333ea4d;border-radius:24px;width:min(360px,100%);max-height:90svh;padding:22px 20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards scannerEditModalIn}@keyframes scannerEditModalIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.scanner-macro-hero{background:#9333ea14;border:1px solid #9333ea26;border-radius:20px;flex-direction:column;align-items:center;gap:2px;margin:2px 0 4px;padding:14px 16px;display:flex}.scanner-macro-hero .scanner-macro-hero__input{box-sizing:border-box;text-align:center;color:#f3e8ff;letter-spacing:-.02em;background:0 0;border:none;border-bottom:2px dashed #0000;outline:none;width:140px;min-width:0;max-width:100%;padding:0 0 3px;font-size:32px;font-weight:700;line-height:1;transition:border-color .2s}.scanner-macro-hero .scanner-macro-hero__input:focus{border-bottom-color:var(--accent-light,#9333ea)}.scanner-macro-hero__unit{color:#7c6a9a;margin-top:2px;font-size:13px;font-weight:500}.scanner-macro-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px;display:grid}.scanner-macro-tile{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 6px;display:flex}.scanner-macro-tile .scanner-macro-tile__input{box-sizing:border-box;text-align:center;background:0 0;border:none;border-bottom:2px dashed #0000;outline:none;width:100%;min-width:0;padding:0 0 2px;font-size:15px;font-weight:700;transition:border-color .2s}.scanner-macro-tile .scanner-macro-tile__input:focus{border-bottom-color:currentColor}.scanner-macro-tile--protein .scanner-macro-tile__input{color:var(--macro-protein)}.scanner-macro-tile--fat .scanner-macro-tile__input{color:var(--macro-fat)}.scanner-macro-tile--carbs .scanner-macro-tile__input{color:var(--macro-carbs)}.scanner-macro-tile__label{color:#7c6a9a;font-size:12px}.scanner-edit-modal__fields{flex-direction:column;gap:10px;display:flex}.scanner-edit-modal__fields .form-group,.scanner-edit-modal__fields .scanner-macro-hero,.scanner-edit-modal__fields .scanner-macro-tiles{margin:0}.onboarding-page{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:480px;height:100svh;max-height:100svh;margin:0 auto;padding:24px 20px;display:flex}.onboarding-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;display:flex}.onboarding-header-spacer{flex-shrink:0;width:40px}.onboarding-progress{align-items:center;gap:8px;display:flex}.onboarding-progress__dot{background:var(--ring-track);border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.onboarding-progress__dot--active{background:var(--accent-light);box-shadow:0 0 8px var(--accent-glow)}.onboarding-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.onboarding-step{flex-direction:column;gap:16px;display:flex}.onboarding-title{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:600}.onboarding-subtitle{color:var(--text-muted);margin-top:-8px;font-size:14px;line-height:1.5}.onboarding-actions{flex-direction:column;flex-shrink:0;gap:12px;padding-top:16px;display:flex}.onboarding-btn-secondary{width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:16px 24px;font-size:15px;font-weight:600;transition:background .2s,transform .15s}.onboarding-btn-secondary:hover{background:#ffffff14}.onboarding-btn-secondary:active{transform:scale(.98)}.onboarding-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.choice-option-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.choice-option{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:4px;padding:18px 20px;transition:background .2s,border-color .2s,transform .15s;display:flex}.choice-option:hover{background:#ffffff0d}.choice-option:active{transform:scale(.99)}.choice-option--active{border-color:var(--accent);background:#9333ea1a}.choice-option__label{color:var(--text-primary);font-size:16px;font-weight:600}.choice-option--active .choice-option__label{color:var(--accent-light)}.choice-option__description{color:var(--text-muted);font-size:13px}.training-frequency-row{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px;display:grid}.training-frequency-item{aspect-ratio:1;color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .15s;display:flex}.training-frequency-item:hover{background:#ffffff0d}.training-frequency-item:active{transform:scale(.94)}.training-frequency-item--active{border-color:var(--accent);color:var(--accent-light);background:#9333ea26}.onboarding-calc-breakdown{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:8px;margin-top:4px;padding:14px 16px;display:flex}.onboarding-calc-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.onboarding-calc-row span:first-child{color:var(--text-muted)}.onboarding-calc-row span:last-child{color:var(--text-secondary);font-weight:600}.onboarding-result-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:240px;display:flex}.onboarding-spinner{border:3px solid var(--ring-track);border-top-color:var(--accent-light);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite onboarding-spin}@keyframes onboarding-spin{to{transform:rotate(360deg)}}.onboarding-result-card{background:#9333ea14;border:1px solid #9333ea26;border-radius:24px;flex-direction:column;align-items:center;gap:4px;margin-top:16px;padding:32px 20px;display:flex}.onboarding-result-card__value{color:var(--text-primary);letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:1}.onboarding-result-card__unit{color:var(--text-muted);margin-top:6px;font-size:14px;font-weight:500}.onboarding-macros-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.onboarding-macro-badge{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.onboarding-macro-badge__value{font-size:16px;font-weight:700}.onboarding-macro-badge--protein .onboarding-macro-badge__value{color:var(--macro-protein)}.onboarding-macro-badge--fat .onboarding-macro-badge__value{color:var(--macro-fat)}.onboarding-macro-badge--carbs .onboarding-macro-badge__value{color:var(--macro-carbs)}.onboarding-macro-badge__label{color:var(--text-muted);font-size:12px}.onboarding-macro-badge__meta{color:var(--text-muted);opacity:.8;text-align:center;font-size:10px}@keyframes onboarding-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s onboarding-fade-in}.progress-page{flex-direction:column;gap:20px;width:100%;display:flex}.progress-header{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.progress-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:600}.progress-loading{text-align:center;color:var(--text-muted);padding:40px 0;font-size:15px}.progress-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:14px;margin:0;padding:12px 16px;font-size:13px}.progress-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .3s,transform .3s,padding .2s,border-radius .2s;display:flex;box-shadow:0 4px 16px #10b9814d}.progress-save-btn svg{width:16px;height:16px}.progress-save-btn:disabled{cursor:default}.progress-save-btn--saving{opacity:.8}.progress-save-btn--done{border-radius:50%;padding:10px}.progress-save-btn--fading{opacity:0;transform:scale(.8)}.weight-tracker-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:24px 20px;display:flex}.weight-tracker-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.weight-control-row{justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.weight-step-btn{width:48px;height:48px;color:var(--accent-light);cursor:pointer;background:#9333ea1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:600;line-height:1;transition:transform .15s,background .2s;display:flex}.weight-step-btn:hover{background:#9333ea33}.weight-step-btn:active{transform:scale(.92)}.weight-display{justify-content:center;align-items:baseline;gap:6px;min-width:140px;display:flex}.weight-display__value{color:var(--text-primary);letter-spacing:-.02em;font-size:42px;font-weight:700}.weight-display__unit{color:var(--text-secondary);font-size:16px;font-weight:600}.progress-stats-row{gap:12px;display:flex}.progress-stat-tile{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;flex:1;gap:4px;padding:14px 16px;display:flex}.progress-stat-tile__label{color:var(--text-muted);font-size:12px;font-weight:600}.progress-stat-tile__value{color:var(--text-primary);font-size:20px;font-weight:700}.progress-stat-tile__value--good{color:#34d399}.progress-stat-tile__value--attention{color:#fbbf24}.progress-stat-tile__value--neutral{color:var(--text-secondary)}.progress-comment-card{background:#9333ea14;border:1px solid #9333ea29;border-radius:16px;padding:16px 18px}.progress-comment-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.progress-chart-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;gap:12px;padding:18px 16px;display:flex}.progress-chart-card__title{color:var(--text-primary);font-size:15px;font-weight:600}.weight-chart{width:100%;position:relative}.weight-chart__svg{touch-action:none;width:100%;height:auto;display:block}.weight-chart__gridline{stroke:#ffffff0f;stroke-width:1px}.weight-chart__area{fill:var(--accent-light);opacity:.1;stroke:none}.weight-chart__line{fill:none;stroke:var(--accent-light);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.weight-chart__dot{fill:var(--accent-light);stroke:var(--bg-surface);stroke-width:2px}.weight-chart__dot--hover{fill:var(--text-primary)}.weight-chart__crosshair{stroke:#ffffff26;stroke-width:1px}.weight-chart__axis-label{fill:var(--text-muted);font-size:9px}.weight-chart__value-label{fill:var(--text-primary);font-size:11px;font-weight:700}.weight-chart__tooltip{pointer-events:none;white-space:nowrap;background:#181224f2;border:1px solid #9333ea40;border-radius:10px;flex-direction:column;align-items:center;padding:6px 10px;display:flex;position:absolute;transform:translate(-50%,-130%)}.weight-chart__tooltip-value{color:var(--text-primary);font-size:13px;font-weight:700}.weight-chart__tooltip-date{color:var(--text-muted);font-size:10px}.weight-chart-empty{text-align:center;color:var(--text-muted);margin:0;padding:24px 0;font-size:13px}