:root{--background:#fafafa;--background-secondary:#f5f5f5;--card:#fff;--card-hover:#fff;--border:#e8e8e8;--border-light:#f0f0f0;--foreground:#1a1a1a;--foreground-secondary:#4b5563;--muted:#6b7280;--muted-light:#9ca3af;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--primary-muted:#a5b4fc;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--sidebar-width:240px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--foreground);font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}.text-muted{color:var(--muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.container{max-width:1200px;padding:var(--spacing-lg);margin:0 auto}.app-layout{min-height:100dvh;display:flex}.main-content{width:100%;min-width:0;padding:var(--spacing-lg);flex:1;padding-bottom:100px;overflow-x:hidden}@media (min-width:768px){.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));padding:var(--spacing-xl);padding-bottom:var(--spacing-xl)}}.card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-compact{padding:var(--spacing-lg)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-size:.875rem;font-weight:500;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--foreground);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--background-secondary);border-color:var(--border)}.btn-ghost{color:var(--foreground-secondary);background:0 0}.btn-ghost:hover{background:var(--background-secondary);color:var(--foreground)}.btn-lg{padding:var(--spacing-lg)var(--spacing-xl);font-size:1rem}.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:.75rem}.btn-icon{padding:var(--spacing-md);border-radius:var(--radius-md)}.input{width:100%;padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--card);color:var(--foreground);outline:none;font-size:.875rem}.error-box{background:var(--error-light);color:var(--error);border-radius:8px;padding:.75rem;font-size:.875rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input::placeholder{color:var(--muted-light)}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-error{background:var(--error-light);color:#991b1b}.badge-neutral{background:var(--background-secondary);color:var(--muted)}.stat-card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stat-card-label{color:var(--muted);margin-bottom:var(--spacing-xs);font-size:.75rem}.stat-card-value{color:var(--foreground);font-size:1.5rem;font-weight:700}.stat-card-change{margin-top:var(--spacing-xs);font-size:.75rem}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--error)}.progress-bar{background:var(--background-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar-success .progress-bar-fill{background:var(--success)}.progress-bar-warning .progress-bar-fill{background:var(--warning)}.rating-bar{background:var(--background-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.rating-bar-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.avatar{object-fit:cover;background:var(--background-secondary);border-radius:50%}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:100px;height:100px}.list-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.list-item:hover{background:var(--background-secondary)}.list-item-active{background:var(--primary-light);color:var(--primary)}.divider{background:var(--border-light);height:1px;margin:var(--spacing-lg)0}.empty-state{text-align:center;padding:var(--spacing-3xl)var(--spacing-xl)}.empty-state-icon{margin-bottom:var(--spacing-lg);font-size:3rem}.empty-state-title{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.empty-state-description{color:var(--muted);margin-bottom:var(--spacing-xl)}.grid{gap:var(--spacing-lg);display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.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-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)}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:1rem;font-weight:600}.sidebar{width:var(--sidebar-width);background:var(--card);border-right:1px solid var(--border-light);padding:var(--spacing-lg);z-index:100;flex-direction:column;display:none;position:fixed;top:0;bottom:0;left:0}@media (min-width:768px){.sidebar{display:flex}}.sidebar-logo{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-size:1rem;font-weight:600;display:flex}.sidebar-nav{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-md);border-radius:var(--radius-md);color:var(--foreground-secondary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.sidebar-link:hover{background:var(--background-secondary);color:var(--foreground)}.sidebar-link-active{background:var(--primary-light);color:var(--primary)}.sidebar-link svg{width:20px;height:20px}.sidebar-divider{background:var(--border-light);height:1px;margin:var(--spacing-lg)0}.sidebar-footer{margin-top:auto}.bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-light);padding:var(--spacing-sm)var(--spacing-lg);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));z-index:100;background:#ffffffe6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav-item{padding:var(--spacing-sm);color:var(--muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;font-size:.625rem;font-weight:500;display:flex}.bottom-nav-item:hover,.bottom-nav-item-active{color:var(--primary)}.bottom-nav-item svg{width:24px;height:24px}.bottom-nav-scan{background:var(--primary);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-top:-20px;display:flex}.bottom-nav-scan:hover{background:var(--primary-hover);transform:scale(1.05)}.bottom-nav-scan svg{width:28px;height:28px}.page-header{margin-bottom:var(--spacing-xl)}.page-title{margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:600}.page-subtitle{color:var(--muted);font-size:.875rem}.greeting{margin-bottom:var(--spacing-xl);font-size:1.25rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.3s ease-out fadeIn}select{appearance:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-lg);padding-right:var(--spacing-2xl);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;font-size:.875rem}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.dashboard{max-width:100%}@media (min-width:1200px){.dashboard{max-width:1000px}}.stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:900px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-label{color:var(--muted);font-size:.75rem;font-weight:500}.stat-value{color:var(--foreground);font-size:1.5rem;font-weight:700;line-height:1.2}.section{margin-bottom:var(--spacing-2xl)}.section-link{color:var(--primary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.section-link:hover{color:var(--primary-hover)}.card-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.card-grid{grid-template-columns:repeat(3,1fr)}}.pet-card{align-items:center;gap:var(--spacing-lg);display:flex}.pet-avatar{flex-shrink:0}.pet-avatar-img{object-fit:cover;border-radius:50%;width:56px;height:56px}.pet-avatar-placeholder{background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.pet-info{flex:1;min-width:0}.pet-name{margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.pet-stat{align-items:baseline;gap:var(--spacing-xs);display:flex}.pet-stat-value{color:var(--primary);font-size:1.125rem;font-weight:700}.pet-stat-label{color:var(--muted);font-size:.75rem}.feeder-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.feeder-card-link{gap:var(--spacing-md);flex-direction:column;flex:1;min-width:0;display:flex}.feeder-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);min-width:0;display:flex}.feeder-header h3{flex:1;min-width:0}.feeder-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.feeder-fill{gap:var(--spacing-xs);flex-direction:column;display:flex}.feeder-fill-labels{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.feeder-food{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);min-width:0;display:flex;overflow:hidden}.feeder-food-img{border-radius:var(--radius-sm);object-fit:cover;width:40px;height:40px}.feeder-food-info{flex:1;min-width:0}.feeder-food-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:500;display:-webkit-box;overflow:hidden}.feeder-food-brand{color:var(--muted);font-size:.75rem}.feeder-scan-btn{margin-top:var(--spacing-lg);width:100%}.back-link{color:var(--muted);margin-bottom:var(--spacing-sm);transition:color var(--transition-fast);font-size:.875rem;display:inline-block}.back-link:hover{color:var(--primary)}.feeder-detail-header{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.card-grid-2col{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:768px){.card-grid-2col{grid-template-columns:repeat(2,1fr)}}.card-title{margin-bottom:var(--spacing-lg);font-size:1rem;font-weight:600}.detail-list{gap:var(--spacing-md);flex-direction:column;display:flex}.detail-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.detail-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.detail-row-small{justify-content:space-between;align-items:center;display:flex}.detail-label{color:var(--muted);font-size:.875rem}.detail-value{font-weight:500}.detail-value-lg{font-size:1.125rem;font-weight:700}.detail-value.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.progress-bar-lg{height:12px}.food-link-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.food-link-card:hover{background:var(--border)}.food-link-img{border-radius:var(--radius-md);object-fit:cover;width:64px;height:64px}.food-link-info{flex:1;min-width:0}.food-link-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.food-link-brand{color:var(--muted);font-size:.875rem}.food-link-arrow{color:var(--muted);font-size:1.5rem}.pet-card-lg{align-items:center;gap:var(--spacing-lg);display:flex}.pet-avatar-lg{flex-shrink:0}.pet-avatar-img-lg{object-fit:cover;border-radius:50%;width:80px;height:80px}.pet-avatar-placeholder-lg{background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex}.pet-name-lg{margin-bottom:var(--spacing-xs);font-size:1.125rem;font-weight:600}.card-arrow{color:var(--muted);margin-left:auto;font-size:1.5rem}.page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.loading-state{padding:var(--spacing-3xl);justify-content:center;align-items:center;display:flex}.food-card{flex-direction:column;display:flex}.food-card-content{align-items:flex-start;gap:var(--spacing-md);display:flex}.food-card-img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:80px;height:80px}.food-card-placeholder{border-radius:var(--radius-md);background:var(--background-secondary);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex}.food-card-info{flex:1;min-width:0}.food-card-name{margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.food-card-brand{color:var(--muted);margin-bottom:var(--spacing-sm);font-size:.875rem}.food-card-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.food-card-ean{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.filter-pills{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.filter-pill{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);background:var(--card);color:var(--foreground);cursor:pointer;white-space:nowrap;box-shadow:0 0 0 1px var(--border);transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500}.filter-pill:hover{background:var(--background-secondary)}.filter-pill-active{background:var(--primary);color:#fff;box-shadow:none}.filter-pill-active:hover{background:var(--primary-hover)}.timeline-groups{gap:var(--spacing-xl);flex-direction:column;display:flex}.timeline-group{gap:var(--spacing-md);flex-direction:column;display:flex}.timeline-group-date{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.timeline-group-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.timeline-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex}.timeline-card-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.timeline-card-avatar-placeholder{background:var(--primary-light);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.timeline-card-icon{border-radius:var(--radius-md);background:var(--background-secondary);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.timeline-card-content{flex:1;min-width:0}.timeline-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.timeline-card-title{font-size:.9375rem;font-weight:600}.timeline-card-subtitle{color:var(--foreground);margin-top:var(--spacing-xs);font-size:.875rem}.timeline-card-time{color:var(--muted);flex-shrink:0;font-size:.8125rem}.timeline-card-detail{color:var(--muted);margin-top:var(--spacing-xs);font-size:.8125rem}.card-error{background:var(--error-light);border-color:var(--error);color:#991b1b}.settings-page{max-width:640px}.settings-section{margin-bottom:var(--spacing-lg)}.settings-card-title{margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.settings-card-description{color:var(--muted);margin-bottom:var(--spacing-lg);font-size:.875rem}.settings-row{padding:var(--spacing-md)0;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{gap:var(--spacing-xs);flex-direction:column;display:flex}.settings-row-title{font-weight:500}.settings-row-description{color:var(--muted);font-size:.75rem}.toggle-switch{background:var(--border);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast);position:relative}.toggle-switch.active{background:var(--primary)}.toggle-switch-thumb{width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-switch-thumb{transform:translate(20px)}.sync-status{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);color:var(--muted);font-size:.875rem}.btn-danger{background:var(--error-light);color:#dc2626}.btn-danger:hover{background:#fecaca}[data-theme=dark]{--background:#0a0a0a;--background-secondary:#141414;--card:#1a1a1a;--card-hover:#222;--border:#2a2a2a;--border-light:#222;--foreground:#fafafa;--foreground-secondary:#a1a1aa;--muted:#71717a;--muted-light:#52525b;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#6366f126;--primary-muted:#6366f1;--success:#34d399;--success-light:#10b98126;--warning:#fbbf24;--warning-light:#f59e0b26;--error:#f87171;--error-light:#ef444426;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006}[data-theme=dark] .bottom-nav{background:#1a1a1ae6}[data-theme=dark] .badge-success{color:#34d399}[data-theme=dark] .badge-warning{color:#fbbf24}[data-theme=dark] .badge-error{color:#f87171}[data-theme=dark] .card-error{color:#f87171;background:#ef44441a}[data-theme=dark] .btn-danger{color:#f87171;background:#ef444426}[data-theme=dark] .btn-danger:hover{background:#ef444440}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.theme-options{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:480px){.theme-options{grid-template-columns:1fr}}.theme-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-direction:column;display:flex}.theme-option:hover{border-color:var(--primary-muted)}.theme-option-active{border-color:var(--primary);background:var(--primary-light)}.theme-option-preview{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--border-light);width:100%;overflow:hidden}.theme-option-light{background:#fafafa}.theme-option-light .theme-preview-header{background:#fff;border-bottom:1px solid #e8e8e8;height:20%}.theme-option-light .theme-preview-content{gap:8%;padding:8%;display:flex}.theme-option-light .theme-preview-card{background:#fff;border:1px solid #e8e8e8;border-radius:4px;flex:1;height:100%}.theme-option-dark{background:#0a0a0a}.theme-option-dark .theme-preview-header{background:#1a1a1a;border-bottom:1px solid #2a2a2a;height:20%}.theme-option-dark .theme-preview-content{gap:8%;padding:8%;display:flex}.theme-option-dark .theme-preview-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;flex:1;height:100%}.theme-option-system .theme-preview-split{height:100%;display:flex}.theme-preview-light-half{background:#fafafa;flex:1}.theme-preview-light-half .theme-preview-header{background:#fff;border-bottom:1px solid #e8e8e8;height:20%}.theme-preview-dark-half{background:#0a0a0a;flex:1}.theme-preview-dark-half .theme-preview-header{background:#1a1a1a;border-bottom:1px solid #2a2a2a;height:20%}.theme-option-label{color:var(--foreground);font-size:.875rem;font-weight:500}.feeder-overview-card{gap:var(--spacing-md);flex-direction:column;display:flex}.feeder-overview-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.feeder-overview-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.feeder-status-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.feeder-status-item{padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md)}.feeder-status-row{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:flex}.feeder-status-icon{font-size:1rem}.feeder-status-value{font-size:.875rem;font-weight:600}.feeder-status-label{color:var(--muted);font-size:.75rem}.feeder-bowl-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.feeder-bowl-label{color:var(--muted);font-size:.75rem}.feeder-bowl-row{align-items:center;gap:var(--spacing-sm);display:flex}.feeder-bowl-weight{text-align:right;min-width:50px;font-size:.875rem;font-weight:500}.feeder-food-img-sm{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:36px;height:36px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}