@font-face{font-family:OpenRunde;src:url(/OpenRunde-1.0.1/desktop/OpenRunde-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--primary-color: #f472b6;--primary-light: #fbcfe8;--primary-dark: #db2777;--secondary-color: #e879f9;--secondary-light: #c026d3;--secondary-dark: #86198f;--white: #ffffff;--gray-50: #fce7f3;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--bg-primary: var(--gray-50);--bg-secondary: var(--white);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-600);--border-color: var(--gray-300);--border-light: var(--primary-light);--success-color: #4CAF50;--success-50: #E8F5E8;--success-200: #C8E6C9;--success-600: #43A047;--success-700: #388E3C;--warning-color: #FF9800;--warning-50: #FFF3E0;--warning-200: #FFCC02;--error: #F44336;--error-color: #F44336;--error-50: #FFEBEE;--error-200: #FFCDD2;--error-600: #E53935;--error-700: #D32F2F;--info-color: #2196F3;--primary-50: #FCE4EC;--primary-600: #E91E63;--font-family: "OpenRunde", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--container-max-width: 500px;--bottom-nav-height: 80px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--gray-50: #1a1625;--gray-100: #2a1f3d;--gray-200: #3a2a4d;--gray-300: #4a3a5d;--gray-400: #6b5b7b;--gray-500: #8b7b9b;--gray-600: #ab9bbb;--gray-700: #cbbddb;--gray-800: #ebddfb;--gray-900: #ffffff;--white: #1a1625;--bg-primary: #1a1625;--bg-secondary: #2a1f3d;--text-primary: #ffffff;--text-secondary: #cbbddb;--text-tertiary: #ab9bbb;--border-color: #4a3a5d;--border-light: #3a2a4d;--primary-light: #3a2a4d}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html{font-size:16px;line-height:var(--line-height-normal)}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}h4{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%;background-color:var(--bg-secondary);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);border-width:1px}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent;cursor:pointer;width:100%}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);color:var(--white)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.btn-success{background-color:var(--success-color);color:var(--white)}.btn-success:hover{background-color:var(--success-600);color:var(--white)}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.layout{min-height:100vh;display:flex;flex-direction:column;max-width:var(--container-max-width);margin:0 auto;background-color:var(--bg-primary)}.main{flex:1;padding:var(--spacing-sm);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--spacing-xl));overflow-y:auto}.bottom-nav{position:fixed;bottom:10px;left:50%;transform:translate(-50%);max-width:var(--container-max-width);border:1px solid var(--border-light);border-radius:32px;background-color:var(--bg-secondary);display:flex;align-items:flex-start;justify-content:space-around;gap:var(--spacing-lg);padding:var(--spacing-sm)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:24px;transition:all var(--transition-fast);width:56px;height:56px;background-color:var(--bg-primary)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.profile-icon{width:24px;height:24px;border-radius:50%}.nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-align:center}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-end;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.auth-card{width:100%;max-height:fit-content;max-width:500px;margin:0!important;border-radius:0!important;border:none!important;background:transparent!important}.page{padding-bottom:var(--spacing-lg)}.page-title{margin-bottom:var(--spacing-lg);text-align:left}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{text-align:center;padding:var(--spacing-lg)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color);display:block}.stat-label{font-size:var(--font-size-sm);color:var(--gray-600);margin-top:var(--spacing-xs)}.progress-bar{width:100%;height:8px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin:var(--spacing-sm) 0}.progress-fill{height:100%;background-color:var(--primary-color);transition:width var(--transition-normal)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--gray-500)}.error{background-color:#fee;color:var(--error-color);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center}.progress-value{display:flex;flex-direction:column;justify-content:space-between}.calendar-view{background-color:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-top:var(--spacing-sm);border:1px solid var(--border-light)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.calendar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.calendar-nav-btn:hover:not(:disabled){background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.calendar-nav-btn:disabled{opacity:.4;cursor:not-allowed}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--spacing-sm)}.calendar-weekday{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);padding:var(--spacing-sm)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--border-color);border-radius:var(--radius-md);overflow:hidden}.calendar-day{position:relative;min-height:60px;background-color:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(.calendar-day-disabled){background-color:var(--primary-50)!important}.calendar-day-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-xs)}.calendar-day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);position:relative;z-index:2}.calendar-day-other-month .calendar-day-number{color:var(--text-tertiary);opacity:.5}.calendar-day-today{background-color:var(--primary-50)!important;border-color:var(--primary-color)}.calendar-day-today .calendar-day-number{color:var(--primary-color)}.calendar-day-selected{border-color:var(--primary-color);border-width:1px}.calendar-day-disabled{cursor:not-allowed;opacity:.6}.calendar-day-disabled:hover{background-color:inherit!important}.calendar-pie-ring-around-date{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.calendar-pie-ring-around-date svg{display:block}.calendar-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}@media (max-width: 480px){.calendar-view{padding:var(--spacing-md)}.calendar-day{min-height:50px}.calendar-day-number{font-size:var(--font-size-xs)}.calendar-pie-ring-around-date svg{width:24px;height:24px}.calendar-title{font-size:var(--font-size-base)}}.scanner-options-page{min-height:100dvh;position:absolute;inset:0;background-color:var(--bg-primary);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--spacing-lg))}.scanner-options-header{display:flex;align-items:center;gap:var(--spacing-md);padding:calc(var(--spacing-md) + env(safe-area-inset-top,0px)) var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.scanner-options-back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.scanner-options-back-btn:hover{background-color:var(--gray-100)}.scanner-options-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary)}.scanner-options-grid{display:grid;gap:var(--spacing-md);padding:var(--spacing-md)}.scanner-option-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.scanner-option-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.scanner-option-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-md);background-color:var(--primary-50);border-radius:var(--radius-full);color:var(--primary-color)}.scanner-option-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.scanner-option-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-normal)}.scanner-option-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.scanner-option-btn{background-color:var(--primary-color);color:var(--white);border:2px solid var(--primary-color);padding:var(--spacing-md);font-size:var(--font-size-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;justify-content:center}.scanner-option-btn:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px)}.scanner-option-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.scanner-option-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.scanner-option-btn-outline{background-color:transparent;color:var(--primary-color)}.scanner-option-btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:var(--white)}.scanner-option-form{text-align:left}.scanner-option-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);background-color:var(--bg-primary);color:var(--text-primary)}.scanner-option-input:focus{outline:none;border-color:var(--primary-color)}.scanner-search-controls{display:flex;align-items:center;justify-content:space-between}.scanner-ai-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.scanner-ai-toggle input[type=checkbox]{display:none}.scanner-ai-toggle-slider{position:relative;width:44px;height:24px;background-color:var(--gray-300);border-radius:12px;transition:all var(--transition-fast)}.scanner-ai-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--white);border-radius:50%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.scanner-ai-toggle input:checked+.scanner-ai-toggle-slider{background-color:var(--primary-color)}.scanner-ai-toggle input:checked+.scanner-ai-toggle-slider:before{transform:translate(20px)}.scanner-ai-toggle-label{font-weight:var(--font-weight-bold);color:var(--text-secondary)}.scanner-ai-toggle input:checked~.scanner-ai-toggle-label{color:var(--primary-color)}.scanner-ai-info{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-sm);line-height:var(--line-height-normal)}.scanner-option-error{background-color:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--error);font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:center}.scanner-results-section{margin-top:var(--spacing-xl);padding:0 var(--spacing-lg);padding-bottom:150px}.scanner-results-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.scanner-results-grid{display:grid;gap:var(--spacing-md)}.scanner-result-item{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast)}.scanner-result-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.scanner-result-name{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.scanner-result-calories{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.scanner-result-brand{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.scanner-barcode-result{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.scanner-barcode-product{text-align:center}.scanner-barcode-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;color:var(--success-700)}.scanner-barcode-brand{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0;font-style:italic}.scanner-barcode-nutrition{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.scanner-nutrition-item{text-align:center}.scanner-barcode-meal-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.scanner-barcode-meal-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.scanner-barcode-meal-btn:hover{background-color:var(--primary-color);color:var(--white)}@media (max-width: 480px){.scanner-search-controls{flex-direction:column;align-items:stretch}.scanner-ai-toggle{justify-content:center}}@media (min-width: 768px){.scanner-options-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.scanner-results-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}[data-theme=dark] .scanner-option-icon{background-color:var(--primary-color);color:var(--white)}[data-theme=dark] .scanner-option-input{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .scanner-barcode-nutrition{background-color:var(--bg-secondary)}.barcode-scanner-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000}.barcode-scanner-container{background-color:var(--bg-primary);width:100%;max-width:500px;max-height:100dvh;height:100%;overflow:hidden;display:flex;flex-direction:column}.barcode-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.barcode-scanner-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary)}.barcode-scanner-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:1000}.barcode-scanner-close:hover{background-color:var(--gray-100);color:var(--text-primary)}.barcode-scanner-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:300px}.barcode-scanner-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--gray-900)}.barcode-scanner-video{width:100%;height:100%;object-fit:cover;border-radius:0}.barcode-scanner-overlay-guide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.barcode-scanner-guide-box{position:relative;width:250px;height:120px;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-md);background-color:#0000001a}.barcode-scanner-guide-corners{position:absolute;inset:0}.corner{position:absolute;width:20px;height:20px;border:3px solid var(--primary-color)}.corner.top-left{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:var(--radius-md)}.corner.top-right{top:-3px;right:-3px;border-left:none;border-bottom:none;border-top-right-radius:var(--radius-md)}.corner.bottom-left{bottom:-3px;left:-3px;border-right:none;border-top:none;border-bottom-left-radius:var(--radius-md)}.corner.bottom-right{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:var(--radius-md)}.barcode-scanner-instruction{margin-top:var(--spacing-lg);color:var(--white);font-size:var(--font-size-sm);text-align:center;background-color:#000000b3;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.barcode-scanner-status{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);background-color:#000c;color:var(--white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.barcode-scanner-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);gap:var(--spacing-md)}.barcode-scanner-error p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.barcode-scanner-retry-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.barcode-scanner-retry-btn:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.barcode-scanner-instructions{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.barcode-scanner-instructions p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-normal)}.barcode-scanner-instructions p:last-child{margin-bottom:0}@keyframes scanning-line{0%{top:0;opacity:1}50%{opacity:1}to{top:100%;opacity:0}}.barcode-scanner-guide-box:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:scanning-line 2s ease-in-out infinite}@media (max-width: 480px){.barcode-scanner-guide-box{width:200px;height:100px}.corner{width:16px;height:16px}}[data-theme=dark] .barcode-scanner-container{background-color:var(--bg-primary)}[data-theme=dark] .barcode-scanner-header,[data-theme=dark] .barcode-scanner-instructions{background-color:var(--bg-secondary);border-color:var(--border-color)}.scanner-page{position:fixed;inset:0;background-color:var(--gray-900);display:flex;flex-direction:column;z-index:1000}.scanner-camera-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--gray-900);overflow:hidden}.scanner-camera-preview{height:100dvh}.scanner-camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-400);text-align:center;padding:var(--spacing-lg)}.scanner-camera-placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.scanner-camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--error);text-align:center;padding:var(--spacing-lg)}.scanner-camera-error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.scanner-bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg)}.scanner-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:24px;transition:all var(--transition-fast);width:56px;height:56px;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;color:#fff}.scanner-nav-item:hover{color:var(--primary-color)}.scanner-nav-item.active{background-color:var(--primary-color);color:var(--white)}.scanner-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.scanner-profile-icon{width:24px;height:24px;border-radius:50%}.scanner-capture-btn{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background-color:var(--white);color:var(--gray-900);border:4px solid var(--white);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.scanner-capture-btn:hover:not(:disabled){background-color:var(--gray-100);transform:scale(1.05)}.scanner-capture-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.scanner-capture-btn.capturing{background-color:var(--error);border-color:var(--error);color:var(--white)}.scanner-capture-btn.analyzing{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.scanner-loading-overlay{position:absolute;inset:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:var(--spacing-lg);z-index:10}.scanner-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--white);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanner-results-panel{position:absolute;inset:0;background-color:var(--bg-primary);display:flex;flex-direction:column;z-index:20;transform:translateY(100%);transition:transform var(--transition-normal)}.scanner-results-panel.show{transform:translateY(0)}.scanner-results-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-md) + env(safe-area-inset-top,0px)) var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.scanner-results-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.scanner-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-fast)}.scanner-close-btn:hover{background-color:var(--gray-100)}.scanner-results-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--bottom-nav-height) + var(--safe-area-bottom))}.scanner-result-success{text-align:center;margin-bottom:var(--spacing-lg)}.scanner-result-food-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0;text-transform:capitalize;color:var(--success-700)}.scanner-result-confidence{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.scanner-nutrition-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.scanner-nutrition-title{margin:0 0 var(--spacing-md) 0;color:var(--gray-700);font-size:var(--font-size-lg);text-align:left}.scanner-nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.scanner-nutrition-item{text-align:left}.scanner-nutrition-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);display:block}.scanner-nutrition-label{color:var(--gray-600);font-size:var(--font-size-sm)}.scanner-meal-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.scanner-meal-btn{padding:var(--spacing-md);border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast)}.scanner-meal-btn:hover{background-color:var(--primary-color);color:var(--white)}.scanner-result-error{text-align:center;color:var(--error);padding:var(--spacing-lg)}.scanner-result-error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.scanner-search-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.scanner-search-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.scanner-search-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.scanner-search-input{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base)}.scanner-search-btn{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast)}.scanner-search-btn:hover:not(:disabled){background-color:var(--primary-dark)}.scanner-search-btn:disabled{opacity:.6;cursor:not-allowed}.scanner-search-error{background-color:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--error);margin-bottom:var(--spacing-lg)}.scanner-search-results{display:grid;gap:var(--spacing-sm);max-height:calc(100dvh - 100px);overflow-y:auto}.scanner-search-result-item{padding:var(--spacing-md);background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.scanner-search-result-item:hover{background-color:var(--gray-100);border-color:var(--primary-color)}.scanner-search-result-name{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.scanner-search-result-calories{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-xs)}.scanner-search-result-action{font-size:var(--font-size-xs);color:var(--primary-600)}.scanner-top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-lg) + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-lg);background:linear-gradient(rgba(0,0,0,.8),transparent);z-index:5}.scanner-back-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.scanner-back-btn:hover{background:#ffffff4d;border-color:#ffffff80}.scanner-search-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.scanner-search-toggle:hover{background:#ffffff4d;border-color:#ffffff80}.scanner-search-toggle.active{background:var(--white);color:var(--gray-900);border-color:var(--white)}.scanner-title{color:var(--white);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.scanner-hidden-canvas{display:none}.scanner-search-panel{position:absolute;inset:0;background-color:var(--bg-primary);display:flex;flex-direction:column;z-index:15;transform:translateY(-100%);transition:transform var(--transition-normal);max-height:100%}.scanner-search-panel.show{transform:translateY(0)}.scanner-search-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-lg) + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.scanner-search-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--bottom-nav-height) + var(--safe-area-bottom));max-height:100%}.auth-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-container{overflow:hidden;position:fixed;width:100%;height:100vh;top:0;left:0}.auth-background img{width:300px;height:300px;object-fit:cover;border-radius:50%;margin-bottom:20px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgb(244,114,182,.1))}@keyframes float{0%{transform:translateY(0);filter:drop-shadow(0 10px 20px rgb(244,114,182,.1))}50%{transform:translateY(-20px);filter:drop-shadow(0 20px 30px rgb(244,114,182,.5))}to{transform:translateY(0);filter:drop-shadow(0 10px 20px rgb(244,114,182,.1))}}