:root{--primary-gradient-start: #667eea;--primary-gradient-end: #764ba2;--primary-color: #667eea;--success-gradient-start: #52c234;--success-gradient-end: #3a9e1f;--success-color: #27ae60;--success-hover: #229954;--error-color: #e74c3c;--error-hover: #c0392b;--text-primary: #333;--text-secondary: #555;--text-muted: #666;--text-white: white;--bg-primary: #f5f5f5;--bg-white: white;--bg-card: #f8f9fa;--bg-dark: #333;--border-light: #e1e5e9;--border-focus: #667eea;--whatsapp: #25D366;--twitter: #000;--facebook: #1877F2;--instagram-gradient: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);--tiktok: #000;--tiktok-blue: #69C9D0;--tiktok-red: #EE1D52;--link-color: #a8b8ff;--link-primary: #646cff;--link-hover: #535bf2;--link-light-hover: #747bff;--opacity-20: rgba(255, 255, 255, .2);--opacity-30: rgba(255, 255, 255, .3);--opacity-87: rgba(255, 255, 255, .87);--dark-bg: #242424;--dark-text: #213547;--dark-bg-white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}button{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;display:flex;flex-direction:column;will-change:auto}.app-header{background:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);color:var(--text-white);padding:2rem 1rem;text-align:center;position:relative}.logo-title{display:flex;align-items:center;justify-content:center;gap:.75rem}.app-logo{width:48px;height:48px}.language-switcher{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.language-switcher button{background:var(--opacity-20);color:var(--text-white);border:2px solid var(--opacity-30);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.language-switcher button.active{background:var(--text-white);color:var(--primary-color);border-color:var(--text-white)}.language-switcher button:hover{background:var(--opacity-30)}.welcome-banner{background:linear-gradient(135deg,var(--success-gradient-start) 0%,var(--success-gradient-end) 100%);color:var(--text-white);padding:1rem;text-align:center;font-weight:600;animation:slideDown .5s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.clear-data-btn{width:100%;background:var(--error-color);color:var(--text-white);border:none;padding:.75rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .3s ease}.clear-data-btn:hover{background:var(--error-hover)}.loading-spinner{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#666;font-weight:600}.app-header h1{font-size:2rem;margin-bottom:.5rem}.app-main{flex:1;padding:2rem 5%;margin:0 auto;width:100%}.calculator-container{display:grid;gap:2rem}.calorie-form{background:var(--bg-white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group select{padding-right:3rem;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--border-focus)}.error{color:var(--error-color);font-size:.875rem;margin-top:.25rem;display:block}.calculate-btn{width:100%;background:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);color:var(--text-white);border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.calculate-btn:hover{transform:translateY(-2px)}.results-display{background:var(--bg-white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.results-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:1.5rem;text-align:center}.results-header h2{color:var(--text-primary);margin:0;width:100%;font-size:1.75rem}.action-buttons{display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center;width:100%}.pdf-btn{background:var(--success-color);color:var(--text-white);border:none;padding:0 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;height:44px;gap:.75rem;width:fit-content;min-width:200px;box-shadow:0 2px 4px #0000001a}.pdf-btn:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.share-buttons{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-white);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;padding:0;cursor:pointer;box-shadow:0 2px 4px #0000001a}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;opacity:1}.share-btn:active{transform:translateY(0)}.share-btn.whatsapp{background:var(--whatsapp)}.share-btn.x-twitter{background:var(--twitter)}.share-btn.facebook{background:var(--facebook)}.share-btn.instagram{background:var(--instagram-gradient)}.share-btn.tiktok{background:var(--tiktok);position:relative;overflow:hidden}.share-btn.tiktok:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,var(--tiktok-blue) 45%,var(--tiktok-blue) 50%,var(--tiktok-red) 50%,var(--tiktok-red) 55%,transparent 55%);opacity:.2;animation:tiktok-scan 3s infinite linear}@keyframes tiktok-scan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-btn svg{position:relative;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.results-display h2{color:var(--text-primary);margin-bottom:0}.result-card{background:var(--bg-card);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.result-card h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.1rem}.result-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.result-description{color:var(--text-muted);font-size:.9rem}.macros-grid,.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.macro-item,.goal-item{text-align:center;padding:1rem;background:var(--bg-white);border-radius:6px}.macro-label,.goal-label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.macro-value,.goal-value{display:block;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.app-footer{background:var(--bg-dark);color:var(--text-white);text-align:center;padding:1.5rem;margin-top:auto}.footer-links{margin-top:.5rem;font-size:.9rem}.footer-links a{color:var(--link-color);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--text-white);text-decoration:underline}.food-equivalent{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border-light)}.food-text{font-size:1.1rem;color:var(--primary-color);font-weight:600;margin-top:.5rem}.faq-section{margin-top:3rem;width:100%}.formula-explanation{background:var(--bg-white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.formula-explanation h2{color:var(--text-primary);margin-bottom:1rem}.formula-description{color:var(--text-muted);line-height:1.8;margin-bottom:1.5rem}.formula-box{background:var(--bg-card);padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-color);margin:1.5rem 0}.formula-box p{margin:.75rem 0;color:var(--text-primary);font-size:.95rem}.activity-note{color:var(--text-muted);font-style:italic;margin-top:1rem}.faq-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.faq-content h2{color:#333;margin-bottom:1.5rem}.faq-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e1e5e9}.faq-item:last-child{border-bottom:none}.faq-item h3{color:#667eea;font-size:1.1rem;margin-bottom:.75rem}.faq-item p{color:#666;line-height:1.8}.weight-chart{padding:1rem 0}@media(max-width:767px){*{max-width:100%;box-sizing:border-box}.app-main{padding:1rem}.app-header{padding:1.5rem 1rem 2rem}.language-switcher{position:static;transform:none;width:auto;justify-content:center;margin-bottom:1rem}.app-header h1{font-size:1.75rem}.logo-title{flex-direction:column;gap:.5rem}.app-logo{width:36px;height:36px}.calorie-form,.results-display,.formula-explanation,.faq-content{padding:1.25rem}.results-header{margin-bottom:1.5rem}.action-buttons{flex-direction:column;width:100%}.pdf-btn{width:100%}.share-buttons{justify-content:center}.macros-grid,.goals-grid{grid-template-columns:1fr}}@media(min-width:768px){.app-main{padding:2rem 8%}.calculator-container{grid-template-columns:1fr 1fr;align-items:start}.app-header h1{font-size:2.5rem}.macros-grid,.goals-grid{grid-template-columns:repeat(3,1fr)}}