.loading-overlay[data-v-b06da189]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2e;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-overlay.hidden[data-v-b06da189]{opacity:0;visibility:hidden;pointer-events:none}.loading-spinner[data-v-b06da189]{width:60px;height:60px;border:4px solid #0f3460;border-top-color:#e94560;border-radius:50%;animation:spin-b06da189 1s linear infinite}.loading-text[data-v-b06da189]{margin-top:1rem;color:#eee;font-size:1.1rem}.loading-file[data-v-b06da189]{margin-top:.5rem;color:#888;font-size:.9rem;font-family:monospace}.loading-progress[data-v-b06da189]{width:200px;height:4px;background:#0f3460;border-radius:2px;margin-top:1rem;overflow:hidden}.loading-progress-bar[data-v-b06da189]{height:100%;background:#e94560;border-radius:2px;transition:width .3s ease}@keyframes spin-b06da189{to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-spinner[data-v-b06da189]{width:50px;height:50px;border-width:3px}.loading-text[data-v-b06da189]{font-size:1rem;margin-top:.8rem}.loading-file[data-v-b06da189]{font-size:.8rem;margin-top:.4rem;max-width:90%;text-align:center}.loading-progress[data-v-b06da189]{width:180px;margin-top:.8rem}}@media (max-width: 480px){.loading-spinner[data-v-b06da189]{width:40px;height:40px}.loading-text[data-v-b06da189]{font-size:.95rem}.loading-file[data-v-b06da189]{font-size:.75rem}.loading-progress[data-v-b06da189]{width:150px}}.welcome-banner[data-v-47876af1]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:2px solid #e94560;padding:.8rem 1rem;text-align:center;position:relative;z-index:100}.welcome-text[data-v-47876af1]{color:#e94560;font-size:1.2rem;font-weight:700;margin-bottom:.3rem;text-shadow:0 0 10px rgba(233,69,96,.5)}.contact-text[data-v-47876af1]{color:#eee;font-size:.95rem}.contact-text[data-v-47876af1]:before{content:"📧 "}@media (max-width: 768px){.welcome-banner[data-v-47876af1]{padding:.6rem 1rem}.welcome-text[data-v-47876af1]{font-size:1rem;margin-bottom:.2rem}.contact-text[data-v-47876af1]{font-size:.85rem}}@media (max-width: 480px){.welcome-text[data-v-47876af1]{font-size:.95rem}.contact-text[data-v-47876af1]{font-size:.8rem}}.header[data-v-c4ecf447]{background:#16213e;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #0f3460;position:sticky;top:0;z-index:1000}.logo[data-v-c4ecf447]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-c4ecf447]{font-size:1.8rem}.logo h1[data-v-c4ecf447]{font-size:1.4rem;color:#eee;margin:0}.version[data-v-c4ecf447]{color:#888;font-size:.85rem;background:#0f3460;padding:.2rem .5rem;border-radius:4px}.nav[data-v-c4ecf447]{display:flex;gap:.5rem;align-items:center}.nav-btn[data-v-c4ecf447]{padding:.6rem 1rem;background:transparent;border:1px solid #0f3460;color:#eee;text-decoration:none;border-radius:6px;transition:all .2s;font-size:.95rem}.nav-btn[data-v-c4ecf447]:hover,.nav-btn.active[data-v-c4ecf447]{background:#e94560;border-color:#e94560;color:#fff}.lang-selector-wrapper[data-v-c4ecf447]{margin-left:.5rem}.lang-btn[data-v-c4ecf447]{padding:.5rem 1rem;background:#0f3460;border:1px solid #0f3460;color:#eee;border-radius:6px;cursor:pointer;transition:all .2s}.lang-btn[data-v-c4ecf447]:hover{background:#1a3a5c;border-color:#4ecdc4}.mobile-menu-btn[data-v-c4ecf447]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-btn span[data-v-c4ecf447]{width:25px;height:3px;background:#eee;border-radius:2px;transition:all .3s}@media (max-width: 768px){.mobile-menu-btn[data-v-c4ecf447]{display:flex}.nav[data-v-c4ecf447]{position:absolute;top:100%;left:0;right:0;background:#16213e;flex-direction:column;padding:1rem;gap:.5rem;border-bottom:2px solid #0f3460;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s}.nav.open[data-v-c4ecf447]{transform:translateY(0);opacity:1;visibility:visible}.nav-btn[data-v-c4ecf447]{width:100%;text-align:center}.lang-selector-wrapper[data-v-c4ecf447]{margin-left:0;width:100%}.lang-btn[data-v-c4ecf447]{width:100%}}#app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.home-container[data-v-aed0dc62]{text-align:center;padding:2rem 0}.welcome-text[data-v-aed0dc62]{margin-bottom:1.5rem}.welcome-line[data-v-aed0dc62]{font-size:1.3rem;color:#fff;margin-bottom:.5rem;font-weight:500}.contact-line[data-v-aed0dc62]{font-size:1rem;color:#aaa;margin:0}.home-title[data-v-aed0dc62]{font-size:2.5rem;color:#e94560;margin-bottom:.5rem}.home-subtitle[data-v-aed0dc62]{font-size:1.2rem;color:#aaa;margin-bottom:3rem}.feature-grid[data-v-aed0dc62]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.feature-card[data-v-aed0dc62]{background:#16213e;border:1px solid #0f3460;border-radius:12px;padding:2rem;text-align:center;transition:all .3s;text-decoration:none;color:inherit}.feature-card[data-v-aed0dc62]:hover{border-color:#e94560;transform:translateY(-5px)}.feature-icon[data-v-aed0dc62]{font-size:3rem;margin-bottom:1rem}.feature-title[data-v-aed0dc62]{color:#e94560;margin-bottom:.75rem;font-size:1.4rem}.feature-desc[data-v-aed0dc62]{color:#aaa;line-height:1.6;font-size:.95rem}.stats[data-v-aed0dc62]{background:#16213e;padding:2rem;border-radius:12px;border:1px solid #0f3460}.stats h3[data-v-aed0dc62]{color:#e94560;margin-bottom:1.5rem;font-size:1.3rem}.stats-grid[data-v-aed0dc62]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-item[data-v-aed0dc62]{text-align:center}.stat-value[data-v-aed0dc62]{font-size:2.5rem;font-weight:700;color:#e94560;margin-bottom:.25rem}.stat-label[data-v-aed0dc62]{color:#888;font-size:.9rem}@media (max-width: 768px){.home-title[data-v-aed0dc62]{font-size:1.6rem}.home-subtitle[data-v-aed0dc62]{font-size:.9rem;margin-bottom:2rem}.feature-grid[data-v-aed0dc62]{grid-template-columns:1fr;gap:1rem}.feature-card[data-v-aed0dc62]{padding:1.25rem}.feature-icon[data-v-aed0dc62]{font-size:2.5rem}.feature-title[data-v-aed0dc62]{font-size:1.2rem}.stats-grid[data-v-aed0dc62]{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value[data-v-aed0dc62]{font-size:1.8rem}}@media (max-width: 480px){.home-title[data-v-aed0dc62]{font-size:1.4rem}.stat-value[data-v-aed0dc62]{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.section-header{margin-bottom:1.5rem}.section-header h2{color:#e94560;margin-bottom:.5rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.item-card{background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:1rem;text-align:center;transition:all .3s}.item-card:hover{border-color:#e94560;transform:translateY(-3px)}.item-card img{width:48px;height:48px;margin-bottom:.5rem}.item-card h4{font-size:.9rem;color:#eee;margin-bottom:.25rem}.item-card .category{font-size:.75rem;color:#888}.recipe-list{display:flex;flex-direction:column;gap:1rem}.recipe-card{background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:1.5rem}.recipe-card h3{color:#e94560;margin-bottom:1rem}.recipe-ingredients{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.recipe-ingredient{display:flex;align-items:center;gap:.5rem;background:#0f3460;padding:.5rem 1rem;border-radius:4px}.recipe-ingredient img{width:24px;height:24px}.recipe-arrow{color:#e94560;font-size:1.5rem}.recipe-output{display:flex;align-items:center;gap:.5rem;background:#1a4a3c;padding:.5rem 1rem;border-radius:4px}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-tab{padding:.5rem 1rem;background:#0f3460;border:1px solid #0f3460;color:#eee;border-radius:4px;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#e94560}.filter-tab.active{background:#e94560;border-color:#e94560}.search-box{width:100%;padding:.75rem 1rem;background:#0f3460;border:1px solid #0f3460;color:#eee;border-radius:6px;font-size:1rem;margin-bottom:1.5rem}.search-box:focus{outline:none;border-color:#e94560}.search-box::placeholder{color:#888}.empty-state{text-align:center;padding:3rem;color:#888}@media (max-width: 768px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.item-card{padding:.75rem}.item-card img{width:36px;height:36px}.recipe-card{padding:1rem}.recipe-ingredients{gap:.5rem}.filter-tabs{gap:.4rem}.filter-tab{padding:.4rem .8rem;font-size:.9rem}}@media (max-width: 480px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.5rem}.item-card{padding:.5rem}.item-card img{width:32px;height:32px}.recipe-ingredients{flex-direction:column;align-items:flex-start}.recipe-arrow{transform:rotate(90deg)}}@media (max-width: 768px){body{font-size:14px}.header{padding:.8rem 1rem}.logo h1{font-size:1.1rem}.logo-icon{font-size:1.4rem}.version{display:none}.home-container{padding:1rem .5rem}.welcome-text{margin-bottom:1rem}.welcome-line{font-size:1.1rem}.contact-line{font-size:.9rem}.home-title{font-size:1.8rem}.home-subtitle{font-size:1rem;margin-bottom:2rem}.feature-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.feature-card{padding:1.5rem 1rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.2rem}.feature-desc{font-size:.9rem}.stats{padding:1.5rem 1rem}.stats h3{font-size:1.1rem;margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value{font-size:2rem}.stat-label{font-size:.85rem}.canvas-container{padding:1rem}.canvas-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.canvas-title{font-size:1.3rem}.canvas-controls{flex-wrap:wrap;justify-content:center}.canvas-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.items-header,.recipes-header{padding:1rem}.section-header h2{font-size:1.3rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;padding:.5rem}.item-card{padding:.8rem .5rem}.item-card img{width:40px;height:40px}.item-card h4{font-size:.8rem}.item-card .category{font-size:.7rem}.recipe-card{padding:1rem;margin:.5rem}.recipe-card h3{font-size:1.1rem}.recipe-ingredients{flex-direction:column;align-items:flex-start;gap:.5rem}.recipe-ingredient{width:100%;justify-content:space-between}.calculator-container{padding:1rem}.calculator-header h2{font-size:1.3rem}.calculator-content{padding:1rem}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.95rem}.input-group input,.input-group select{width:100%;padding:.8rem;font-size:1rem}.result-card{padding:1rem}button,.btn{padding:.8rem 1.2rem;font-size:1rem;min-height:44px}input,select,textarea{font-size:16px}.card{padding:1rem;margin:.5rem}.loading-overlay{padding:1rem}.loading-content h3{font-size:1.1rem}.loading-bar{height:4px}}@media (max-width: 480px){.home-title{font-size:1.5rem}.home-subtitle{font-size:.9rem}.feature-icon{font-size:2rem}.feature-title{font-size:1.1rem}.stat-value{font-size:1.5rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.item-card img{width:32px;height:32px}}@media (max-width: 768px) and (orientation: landscape){.home-container{padding:1rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (hover: none) and (pointer: coarse){.item-card:hover,.feature-card:hover,.recipe-card:hover{transform:none}.nav-btn,.feature-card,.item-card{min-height:44px}}