:root{--primary: #B7D93D;--primary-bright: #CBEA63;--primary-pressed: #9FBE31;--on-primary: #16181B;--primary-gradient: linear-gradient(135deg, #B7D93D 0%, #CBEA63 100%);--success: #34C759;--success-background: #E9F8ED;--warning: #FFB020;--warning-background: #FFF4D9;--error: #FF4D4F;--error-background: #FFE9EA;--info: #3BA7FF;--info-background: #E8F4FF;--rarity-common: #8B95A1;--rarity-uncommon: #34C759;--rarity-rare: #3BA7FF;--rarity-epic: #A855F7;--rarity-legendary: #F5A623;--score-health: #70C934;--score-taste: #FF6B6B;--score-satiety: #F4B942;--background: #FFFFFF;--surface: #F6F8F3;--card: #FFFFFF;--card-secondary: #FAFBF8;--surface-elevated: #FFFFFF;--border: #E5E9E0;--border-strong: #CDD4C8;--text-primary: #16181B;--text-secondary: #64707A;--text-muted: #929AA2;--disabled-background: #EEF1EC;--disabled-text: #929AA2;--input-background: #F6F8F3;--warning-surface: #FFF4D9;--warning-text: #16181B;--overlay: rgb(22 24 27 / 35%);--card-shadow: 0 6px 20px rgb(22 24 27 / 8%);--active-glow: 0 0 10px rgb(183 217 61 / 10%);--legendary-glow: 0 0 20px rgb(245 166 35 / 22%);color-scheme:light;color:var(--text-primary);background:var(--background);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{--primary: #C6FF00;--primary-bright: #7CFF00;--primary-pressed: #A8DA00;--on-primary: #0B0D0E;--primary-gradient: linear-gradient(135deg, #C6FF00 0%, #7CFF00 100%);--background: #0B0D0E;--surface: #16181B;--card: #1C1F24;--card-secondary: #23272D;--surface-elevated: #23272D;--border: #2A2E34;--border-strong: #3A4048;--text-primary: #FFFFFF;--text-secondary: #A6ADB4;--text-muted: #747C85;--disabled-background: #4A5058;--disabled-text: #A6ADB4;--input-background: #16181B;--warning-surface: color-mix(in srgb, var(--warning) 14%, var(--card));--warning-text: var(--text-primary);--overlay: rgb(0 0 0 / 65%);--card-shadow: 0 8px 24px rgb(0 0 0 / 28%);--active-glow: 0 0 18px rgb(198 255 0 / 24%);--legendary-glow: 0 0 20px rgb(245 166 35 / 30%);color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;background:var(--background)}body{margin:0}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:8px;background:var(--primary-gradient);color:var(--on-primary);padding:11px 14px;font-weight:800;min-height:42px;cursor:pointer;box-shadow:var(--active-glow)}button:hover:not(:disabled){filter:brightness(1.04)}button:active:not(:disabled){background:var(--primary-pressed);filter:none}button.secondary{border-color:var(--primary-pressed);background:var(--card-secondary);color:var(--text-primary);box-shadow:none}button:disabled{border-color:var(--border);background:var(--disabled-background);color:var(--disabled-text);opacity:1;cursor:not-allowed;box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:2px}input,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--input-background);color:var(--text-primary);accent-color:var(--primary)}input::placeholder{color:var(--text-muted)}label{display:grid;gap:6px;font-weight:700;color:var(--text-primary)}.app{min-height:100vh;max-width:640px;margin:0 auto;padding-bottom:calc(76px + env(safe-area-inset-bottom));background:var(--background)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 16px 12px}.languageSwitcher{min-width:116px;gap:4px;font-size:12px}.languageSwitcher select{padding:8px}.eyebrow{margin:0 0 4px;color:var(--text-secondary);font-weight:800;text-transform:uppercase;font-size:12px}h1,h2{margin:0;color:var(--text-primary)}h1{font-size:26px;line-height:1.12}h2{font-size:18px;line-height:1.2}h3{color:var(--text-primary)}.content{padding:0 16px}.stack{display:grid;gap:12px}.dataExportSection{display:grid;gap:12px;margin-top:8px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card-secondary)}.dataExportSection p{margin:6px 0 0}.authScreen{display:grid;place-items:center;padding:24px 16px}.telegramIdentityCard{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:12px;box-shadow:var(--card-shadow)}.telegramAvatar{width:52px;height:52px;flex:0 0 52px;border-radius:50%;object-fit:cover}.telegramAvatarFallback{display:grid;place-items:center;background:var(--primary-gradient);color:var(--on-primary);font-weight:900}.telegramIdentityText{display:grid;gap:4px;min-width:0}.telegramIdentityText strong,.telegramIdentityText span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegramIdentityText span{color:var(--text-secondary)}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{display:grid;gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:11px;box-shadow:var(--card-shadow)}.metric strong{font-size:23px}.metric small,.muted,.row span{color:var(--text-secondary)}.list{display:grid;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:12px;min-width:0;box-shadow:var(--card-shadow)}.row div{display:grid;gap:3px;min-width:0}.row strong,.row span{overflow-wrap:anywhere}.row button{flex:0 0 auto}.twoCols,.searchRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.searchRow{grid-template-columns:1fr auto}.notice,.calorieWarning,.calorieExceededNotice{margin:0 16px 12px;border:1px solid var(--warning);border-radius:8px;background:var(--warning-surface);color:var(--warning-text);padding:10px}.inlineNotice,.calorieWarning,.calorieExceededNotice{margin:0}.calorieWarning{display:grid;gap:8px}.calorieWarning p,.calorieExceededNotice{margin:0}.confirmationActions{display:flex;gap:8px}.emptyState{margin:0;border:1px dashed var(--border-strong);border-radius:8px;background:var(--card-secondary);color:var(--text-secondary);padding:12px}.tabs{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;max-width:640px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom);background:var(--border);border-top:1px solid var(--border-strong);z-index:10}.tabs button{border-radius:0;background:var(--surface);color:var(--text-muted);min-width:0;min-height:52px;padding:9px 1px 10px;font-size:10px;line-height:1.15;overflow-wrap:anywhere;box-shadow:none}.tabs button.active{background:var(--primary-gradient);color:var(--on-primary);box-shadow:var(--active-glow)}.roulettePage{padding-bottom:8px}.rouletteHeading,.rouletteResultHeader,.ingredientReadiness p{display:flex;align-items:center;justify-content:space-between;gap:12px}.rouletteHeading .muted{margin:4px 0 0}.rouletteCount,.rarityBadge{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--rarity-common) 16%,var(--card));color:var(--text-primary);padding:5px 8px;font-size:12px;font-weight:800}.slotMachine{--slot-item-height: 52px;position:relative;height:156px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--card-shadow)}.slotMachine:before,.slotMachine:after{position:absolute;right:0;left:0;z-index:1;height:48px;content:"";pointer-events:none}.slotMachine:before{top:0;background:linear-gradient(var(--card),transparent)}.slotMachine:after{bottom:0;background:linear-gradient(transparent,var(--card))}.slotReel{display:grid;grid-auto-rows:var(--slot-item-height)}.slotMachine.reelTransitioning .slotReel{transition:transform 4s cubic-bezier(.08,.7,.18,1)}.slotItem{display:flex;align-items:center;gap:10px;min-width:0;height:var(--slot-item-height);border-radius:8px;background:var(--card-secondary);color:var(--text-primary);padding:8px 10px;font-weight:800;white-space:nowrap}.slotItemName{overflow:hidden;text-overflow:ellipsis}.slotSelectionZone{position:absolute;right:6px;left:6px;top:52px;z-index:2;height:var(--slot-item-height);border:2px solid var(--primary);border-radius:8px;pointer-events:none;box-shadow:var(--active-glow)}.slotIcon{display:inline-grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:8px;background:var(--primary);color:var(--on-primary);font-weight:900}.rouletteResult{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:12px;box-shadow:var(--card-shadow)}.rouletteResultHeader{justify-content:flex-start;align-items:flex-start}.rouletteResultHeader h2{margin-top:5px}.rarityBadge{--rarity-color: var(--rarity-common);border-color:var(--rarity-color);background:color-mix(in srgb,var(--rarity-color) 16%,var(--card))}.rarityBadge.common{--rarity-color: var(--rarity-common)}.rarityBadge.uncommon{--rarity-color: var(--rarity-uncommon)}.rarityBadge.rare{--rarity-color: var(--rarity-rare)}.rarityBadge.epic{--rarity-color: var(--rarity-epic)}.rarityBadge.legendary{--rarity-color: var(--rarity-legendary);box-shadow:var(--legendary-glow)}.ingredientReadiness{display:grid;gap:7px}.ingredientReadiness h3,.ingredientReadiness p{margin:0}.nutritionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nutritionGrid span{border:1px solid var(--border);border-radius:8px;background:var(--card-secondary);color:var(--text-primary);padding:8px;font-size:12px}@media (prefers-reduced-motion: reduce){.slotMachine.reelTransitioning .slotReel{transition-duration:0ms}}.settingsPage{display:grid;gap:12px}.settingsSection{display:grid;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:12px;box-shadow:var(--card-shadow)}.settingsActions,.themeOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.themeOption.selected{border-color:var(--primary);background:var(--primary-gradient);color:var(--on-primary);box-shadow:var(--active-glow)}.settingsInfo{display:grid;gap:8px;margin:0}.settingsInfo div{display:flex;justify-content:space-between;gap:12px}.settingsInfo dt{color:var(--text-secondary)}.settingsInfo dd{margin:0;color:var(--text-primary);font-weight:700;text-align:right}.debugToggle{position:fixed;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:20;padding:9px 12px}.debugOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:var(--overlay)}.debugPanel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:min(640px,100%);max-height:82vh;border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;background:var(--surface-elevated);padding:14px;box-shadow:var(--card-shadow)}.debugHeader,.debugActions{display:flex;align-items:center;justify-content:space-between;gap:8px}.debugActions{justify-content:flex-start;overflow-x:auto}.debugList{display:grid;gap:8px;overflow:auto}.debugEntry{border:1px solid var(--border);border-left:4px solid var(--info);border-radius:8px;background:var(--card);color:var(--text-primary);padding:10px}.debugEntry.error{border-left-color:var(--error);background:color-mix(in srgb,var(--error) 8%,var(--card))}.debugEntry.warn{border-left-color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--card))}.debugEntry div{display:grid;gap:4px}.debugEntry small{color:var(--text-secondary);overflow-wrap:anywhere}@media (max-width: 420px){.tabs button{font-size:9px}.confirmationActions{display:grid;grid-template-columns:1fr 1fr}}