.bottom-navigation{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#fff;border-top:1px solid #f0f0f0;height:68px;z-index:50;box-shadow:0 -1px 3px #0000001a}@media (min-width: 768px){.bottom-navigation{position:static;height:60px;box-shadow:none;border-top:none;border-bottom:1px solid #f0f0f0;background-color:#fff}}.bottom-nav-container{display:flex;align-items:center;justify-content:space-around;height:100%;width:100%;padding:0 16px;max-width:500px;margin:0 auto}@media (min-width: 768px){.bottom-nav-container{max-width:600px;justify-content:center;gap:60px;padding:0 32px}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .2s ease;padding:10px 8px 8px;border-radius:8px;min-width:0;position:relative;flex:1}@media (min-width: 768px){.bottom-nav-item{flex-direction:row;padding:12px 16px;gap:8px;flex:none}}.bottom-nav-item:hover{transform:translateY(-1px)}.bottom-nav-item.active{color:#333}.bottom-nav-item.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:24px;height:2px;background-color:#333;border-radius:1px}@media (min-width: 768px){.bottom-nav-item.active:after{top:-1px;bottom:auto}}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px}@media (min-width: 768px){.bottom-nav-icon{margin-bottom:0;margin-right:8px}}.bottom-nav-label{font-size:12px!important;font-weight:400!important;color:#666!important;text-align:center;transition:color .2s ease;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:block}@media (min-width: 768px){.bottom-nav-label{font-size:14px!important;font-weight:500!important;max-width:none;color:#666!important}}.bottom-nav-item.active .bottom-nav-label{color:#333!important;font-weight:500!important}@media (min-width: 768px){.bottom-nav-item.active .bottom-nav-label{font-weight:600!important;color:#333!important}}.bottom-nav-item:hover .bottom-nav-label{color:#333!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:env(safe-area-inset-bottom);height:calc(68px + env(safe-area-inset-bottom))}}.home-screen{display:flex;flex-direction:column;min-height:100vh;padding:20px;background-color:#fafaf5;position:relative}@media (min-width: 768px){.home-screen{max-width:600px;margin:0 auto;padding:20px 40px 40px;justify-content:center;min-height:calc(100vh - 80px)}}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header-right{display:flex;align-items:center;gap:12px}.plan-badge{font-size:12px;font-weight:500;padding:6px 12px;border-radius:16px;border:none;cursor:pointer;transition:all .2s ease}.plan-badge.pro{background-color:#4caf50;color:#fff;cursor:default}.plan-badge.free{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.plan-badge.free:hover{background-color:#ff6b35;color:#fff;border-color:#ff6b35;transform:translateY(-1px)}@media (min-width: 768px){.home-header{margin-bottom:20px}.logo{font-size:28px}.plan-badge{font-size:13px;padding:8px 16px}}.logo{font-size:24px;font-weight:700;color:#333}.exit-button{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s}.exit-button:hover{background-color:#f0f0f0}.home-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:80px;min-height:70vh}@media (min-width: 768px){.home-content{padding-bottom:40px;min-height:60vh;justify-content:center}}.main-title{font-size:32px;font-weight:700;color:#333;margin-bottom:16px;line-height:1.2}@media (min-width: 768px){.main-title{font-size:36px;margin-bottom:20px}}.subtitle{font-size:16px;color:#666;margin-bottom:40px;max-width:350px;line-height:1.4}@media (min-width: 768px){.subtitle{font-size:18px;margin-bottom:50px}}.search-mode-selector{display:flex;background-color:#f4f4f5;border-radius:16px;padding:4px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;max-width:300px;width:100%;gap:0;align-items:stretch;justify-content:center;margin-left:auto;margin-right:auto;box-sizing:border-box}.mode-button{flex:1;padding:8px 10px;border:none;background:transparent;border-radius:12px;font-size:12px;font-weight:600;color:#1c1917;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;margin:0;outline:none;min-width:0;overflow:hidden;text-overflow:ellipsis;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.mode-button.active{background-color:#f97316;color:#fff;box-shadow:0 2px 8px #f9731640;z-index:1}.mode-button:hover:not(.active){background-color:#1c19170d}.mode-button:focus{outline:none}@media (min-width: 480px){.search-mode-selector{max-width:350px}.mode-button{padding:10px 14px;font-size:13px;height:44px}}@media (min-width: 768px){.search-mode-selector{margin-bottom:32px;padding:4px;max-width:380px}.mode-button{padding:12px 16px;font-size:14px;border-radius:12px;height:48px}}.search-container{width:100%;max-width:400px;position:relative;margin-bottom:30px}.search-input{width:100%;padding:16px 60px 16px 20px;border:1px solid #ddd;border-radius:12px;font-size:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.search-input::placeholder{color:#999}.camera-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:#f97316;border:none;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .1s}.camera-button:hover{background-color:#ea6b0f;transform:translateY(-50%) scale(1.05)}.camera-button:active{transform:translateY(-50%) scale(.95)}.camera-icon{width:24px;height:24px;color:#fff}.logo-icon{width:22px;height:22px;transition:transform .2s ease}.camera-button:hover .logo-icon{transform:scale(1.1)}.kitchen-card{width:100%;max-width:400px;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.kitchen-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;border-color:#ff6b35}.kitchen-card-header{display:flex;align-items:center;margin-bottom:8px}.kitchen-icon{width:24px;height:24px;margin-right:12px;color:#666;transition:color .2s}.kitchen-card:hover .kitchen-icon{color:#ff6b35}.kitchen-title{font-size:18px;font-weight:600;color:#333;transition:color .2s}.kitchen-card:hover .kitchen-title{color:#ff6b35}.kitchen-description{font-size:14px;color:#666;line-height:1.4}.ingredients-section{width:100%;max-width:400px;margin:30px 0}.ingredients-label{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;text-align:center}.ingredients-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;min-height:32px}.search-recipes-button{width:100%;background-color:#ff6b35;color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 4px 12px #ff6b3533}.search-recipes-button:hover{background-color:#e55a2b;transform:translateY(-1px);box-shadow:0 6px 16px #ff6b354d}.recipe-search-section{width:100%;max-width:400px;margin:20px 0}.search-recipes-button:active{transform:translateY(0)}.suggestions-section{width:100%;max-width:400px;margin:20px 0}.suggestions-label{font-size:14px;color:#666;margin-bottom:12px;text-align:center}.suggestions-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media (max-width: 480px){.search-recipes-button{font-size:14px;padding:14px 20px}.ingredients-section,.suggestions-section{max-width:350px}}.maintenance-banner{background:linear-gradient(135deg,#ffa726,#ff8f65);color:#fff;padding:16px 20px;margin:-20px -20px 20px;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #ffa7264d}.maintenance-content{display:flex;align-items:center;gap:12px;max-width:600px;margin:0 auto}.maintenance-icon{font-size:24px;flex-shrink:0}.maintenance-text{flex:1}.maintenance-text strong{display:block;font-size:16px;margin-bottom:4px;font-weight:600}.maintenance-text p{margin:0;font-size:14px;opacity:.95;line-height:1.4}@media (min-width: 768px){.maintenance-banner{margin:-20px -40px 20px}}.search-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.camera-button:disabled{opacity:.5;cursor:not-allowed}.search-recipes-button:disabled{background-color:#ddd;color:#999;cursor:not-allowed;opacity:.7}.mode-button:disabled{opacity:.5;cursor:not-allowed}