*{box-sizing:border-box;margin:0;padding:0}body{font-family:Source Sans Pro,system-ui,sans-serif;background:linear-gradient(180deg,#f5f7fa,#f0f4f8);min-height:100vh;color:#2c2c2c;padding-bottom:calc(150px + env(safe-area-inset-bottom));position:relative}body:before{content:"";position:fixed;inset:0;background:url(/meals/backgrounds/bg-food-warm-01.jpg) center/cover no-repeat;opacity:.18;z-index:-1;pointer-events:none}.header{background:#fff;padding:16px 20px;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100}.header-content{max-width:600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{text-align:center;flex:1}.header h1{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;color:#2c2c2c;font-weight:600}.header-subtitle{font-size:.9rem;color:#6b7280;margin-top:2px}.back-link{color:#1e3a5f;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px;transition:background .15s ease}.back-link:hover{background:#f0f4f8}.container{max-width:600px;margin:0 auto;padding:20px 16px}.loading{text-align:center;padding:48px 20px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#1e3a5f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.section-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;overflow:hidden;border:1px solid #E8E4E1}.section-header{padding:16px;border-bottom:1px solid #F0EBE8}.section-title{font-family:Playfair Display,Georgia,serif;font-weight:600;font-size:1.1rem;margin-bottom:4px}.section-description{font-size:.85rem;color:#6b7280}.section-content{padding:16px}.slider-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.slider-row:last-child{margin-bottom:0}.slider-label{width:100px;font-size:.9rem;font-weight:500;flex-shrink:0}.slider-label .icon{margin-right:6px}.slider-container{flex:1;position:relative}.slider-input{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:4px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#1e3a5f;border-radius:50%;cursor:pointer}.slider-input::-moz-range-thumb{width:20px;height:20px;background:#1e3a5f;border-radius:50%;cursor:pointer;border:none}.slider-value{width:50px;text-align:right;font-size:.85rem;font-weight:600;color:#1e3a5f}.warning-message{background:#fef3c7;border:1px solid #F59E0B;border-radius:8px;padding:12px;margin-bottom:16px;font-size:.85rem;color:#92400e;display:none}.warning-message.show{display:block}.number-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.number-row:last-child{margin-bottom:0}.number-label{flex:1;font-size:.9rem;font-weight:500}.number-input{width:70px;padding:8px 12px;border:2px solid #E5E7EB;border-radius:8px;font-size:.9rem;font-family:inherit;text-align:center}.number-input:focus{outline:none;border-color:#1e3a5f}.save-section{margin-top:24px}.save-btn{display:block;width:100%;padding:16px;background:#1e3a5f;color:#fff;border:none;border-radius:12px;font-family:Source Sans Pro,system-ui,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.save-btn:hover{background:#162d4d}.save-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.save-btn.success{background:#10b981}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(100px);background:#2c2c2c;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;box-shadow:0 4px 12px #0003;z-index:200;opacity:0;transition:all .3s ease}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{background:#10b981}.toast.error{background:#ef4444}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #E5E7EB;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 12px #0000000f;z-index:100}.nav-items{display:flex;justify-content:space-around;max-width:500px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;color:#6b7280;font-size:11px;min-width:64px;transition:color .15s ease}.nav-item:hover,.nav-item.active{color:#1e3a5f}.nav-item .nav-icon{font-size:1.5rem}.multiplier-indicator{font-size:.7rem;padding:2px 6px;border-radius:4px;margin-left:4px}.multiplier-indicator.boost{background:#d1fae5;color:#059669}.multiplier-indicator.reduce{background:#fee2e2;color:#dc2626}.multiplier-indicator.normal{background:#f3f4f6;color:#6b7280}