:root{--naruto-orange:#ff6b00;--naruto-orange-bright:#ff8c00;--naruto-orange-light:#ffa726;--naruto-orange-bg:#fff3e0;--naruto-orange-dim:#ff6b001f;--naruto-orange-glow:#ff6b004d;--dark:#1a1a1a;--dark-light:#2d2d2d;--leaf-green:#4caf50;--leaf-green-dark:#2e7d32;--leaf-green-light:#e8f5e9;--leaf-green-mid:#66bb6a;--ichi-cream:#fff8f0;--ichi-warm:#ffe0b2;--ichi-gold:#ffcc80;--ramen-gold:#ffd54f;--ramen-gold-dark:#ffc107;--seal-red:#e53935;--seal-red-dark:#c62828;--seal-red-dim:#e5393526;--chakra-blue:#42a5f5;--chakra-blue-dim:#42a5f51f;--white:#fff;--text:#2d2d2d;--text-secondary:#666;--text-muted:#999;--bg:#fff8f0;--bg-warm:#fff3e0;--card:#fff;--card-hover:#fff9f0;--border:#ffcc80;--border-light:#ffe0b2;--shadow:0 2px 12px #ff6b0014;--shadow-hover:0 4px 20px #ff6b0026;--radius:16px;--radius-sm:12px;--radius-xs:8px;--swirl-opacity:.06}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";background:radial-gradient(circle at 20% 20%, var(--naruto-orange) 0%, transparent 3%), radial-gradient(circle at 50% 50%, var(--naruto-orange) 0%, transparent 2%), radial-gradient(circle at 80% 30%, var(--naruto-orange) 0%, transparent 2.5%), radial-gradient(circle at 30% 70%, var(--naruto-orange) 0%, transparent 2%), radial-gradient(circle at 70% 80%, var(--naruto-orange) 0%, transparent 3%), radial-gradient(circle at 10% 50%, var(--naruto-orange) 0%, transparent 2%), radial-gradient(circle at 90% 60%, var(--naruto-orange) 0%, transparent 2.5%);opacity:var(--swirl-opacity);pointer-events:none;z-index:0;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-layout{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.app-header{color:var(--white);background:linear-gradient(135deg,#ff6b00 0%,#ff8c00 50%,#e53935 100%);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex;position:relative;overflow:hidden}.app-header:before{content:"";background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:-50%;right:-20%}.app-header:after{content:"";background:#ffffff0d;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-30%;left:10%}.app-header h1{color:var(--white);text-shadow:0 1px 3px #00000026;z-index:1;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:700;display:flex;position:relative}.app-header h1 .header-icon{filter:brightness(0)invert();width:32px;height:32px}.app-header h1 .header-leaf{opacity:.7;filter:brightness(0)invert();width:22px;height:22px}.app-header span{color:#ffffffe6;z-index:1;font-family:Fredoka,sans-serif;font-size:12px;position:relative}.app-content{background:var(--bg);flex:1;padding:16px 16px 88px;overflow-y:auto}.bottom-nav{background:var(--white);border-top:2px solid var(--border-light);z-index:100;max-width:480px;margin:0 auto;padding:4px 0 2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #ff6b000f}.bottom-nav button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px 4px;transition:all .25s;display:flex;position:relative}.bottom-nav button.active{color:var(--naruto-orange)}.bottom-nav button.active:before{content:"";background:linear-gradient(90deg, var(--naruto-orange), var(--naruto-orange-bright));border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:20%;right:20%}.bottom-nav button img{opacity:.4;width:24px;height:24px;transition:all .25s}.bottom-nav button.active img{opacity:1;transform:scale(1.1)}.bottom-nav button span:last-child{letter-spacing:.3px;font-family:Fredoka,sans-serif;font-size:9px;font-weight:600}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1.5px solid var(--border-light);margin-bottom:12px;padding:16px;transition:all .2s;position:relative}.card:active{box-shadow:var(--shadow);transform:scale(.98)}.card:hover{border-color:var(--naruto-orange-light);box-shadow:var(--shadow-hover)}.tag{letter-spacing:.02em;border-radius:20px;padding:3px 10px;font-family:Fredoka,sans-serif;font-size:10px;font-weight:600;display:inline-block}.tag-green{background:var(--leaf-green-light);color:var(--leaf-green-dark)}.tag-orange{background:var(--naruto-orange-bg);color:var(--naruto-orange)}.tag-red{background:var(--seal-red-dim);color:var(--seal-red)}.tag-muted{color:#999;background:#f5f5f5}.tag-gold{color:#f57f17;background:#ffc10726}.tag-blue{background:var(--chakra-blue-dim);color:var(--chakra-blue)}.btn{border-radius:var(--radius-xs);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--naruto-orange), var(--naruto-orange-bright));color:#fff;box-shadow:0 2px 8px var(--naruto-orange-glow)}.btn-primary:hover{box-shadow:0 4px 16px var(--naruto-orange-glow)}.btn-green{background:linear-gradient(135deg, var(--leaf-green), var(--leaf-green-mid));color:#fff;box-shadow:0 2px 8px #4caf504d}.btn-outline{border:1.5px solid var(--border);color:var(--naruto-orange);background:0 0}.btn-outline:hover{border-color:var(--naruto-orange);background:var(--naruto-orange-dim)}.btn-sm{border-radius:var(--radius-xs);padding:6px 12px;font-size:11px}.btn-danger{border:1.5px solid var(--seal-red);color:var(--seal-red);background:0 0}.btn-danger:hover{background:var(--seal-red-dim)}.form-input{border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--text);outline:none;padding:10px 14px;font-family:Noto Sans,sans-serif;font-size:14px;transition:border .2s,box-shadow .2s}.form-input:focus{border-color:var(--naruto-orange);box-shadow:0 0 0 3px var(--naruto-orange-dim)}.form-input::placeholder{color:var(--text-muted)}.meal-slot{background:linear-gradient(135deg, var(--naruto-orange-bg), #fff8f0);border:1.5px solid var(--border-light);border-radius:var(--radius);cursor:pointer;min-height:64px;margin-bottom:10px;padding:14px;transition:all .2s;position:relative}.meal-slot:active{transform:scale(.98)}.meal-slot:hover{border-color:var(--naruto-orange-light);box-shadow:0 2px 12px var(--naruto-orange-dim)}.meal-slot.empty{opacity:.6;border:2px dashed var(--border);background:0 0}.meal-slot-label{color:var(--naruto-orange);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:4px;margin-bottom:4px;font-family:Fredoka,sans-serif;font-size:11px;font-weight:700;display:flex}.meal-slot-name{color:var(--text);font-size:14px;font-weight:600}.meal-slot-time{color:var(--text-secondary);font-size:11px}.shop-item{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 0;display:flex}.shop-item:last-child{border-bottom:none}.shop-check{border:2px solid var(--naruto-orange-light);cursor:pointer;background:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.shop-check:hover{border-color:var(--naruto-orange)}.shop-check.checked{background:var(--naruto-orange);border-color:var(--naruto-orange);color:#fff}.shop-item-name{color:var(--text);flex:1;font-size:13px}.shop-item-name.checked{color:var(--text-muted);text-decoration:line-through}.shop-item-qty{color:var(--text-secondary);font-family:Fredoka,sans-serif;font-size:11px;font-weight:600}.ingredient-row{border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:8px 0;display:flex}.ingredient-row:last-child{border-bottom:none}.step-row{gap:10px;padding:10px 0;display:flex}.step-num{background:linear-gradient(135deg, var(--naruto-orange), var(--naruto-orange-bright));color:#fff;width:26px;height:26px;box-shadow:0 2px 6px var(--naruto-orange-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;display:flex}.despensa-item{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 0;display:flex}.despensa-item:last-child{border-bottom:none}.despensa-item-name{color:var(--text);flex:1;font-size:13px}.despensa-item-qty{color:var(--naruto-orange);font-family:Fredoka,sans-serif;font-size:12px;font-weight:600}.day-check{border:1.5px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;color:var(--text-secondary);background:var(--white);align-items:center;gap:4px;padding:6px 10px;font-family:Fredoka,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.day-check.active{border-color:var(--naruto-orange);color:var(--naruto-orange);background:var(--naruto-orange-dim)}.meal-check{border:1.5px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;color:var(--text-secondary);background:var(--white);align-items:center;gap:4px;padding:6px 14px;font-family:Fredoka,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.meal-check.active{border-color:var(--naruto-orange);color:var(--naruto-orange);background:var(--naruto-orange-dim)}.section-header{color:var(--naruto-orange);border-bottom:2px solid var(--border-light);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:700;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.95)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.3s ease-out fadeIn}.bounce-in{animation:.3s ease-out bounceIn}.progress-bar{background:var(--border-light);border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--naruto-orange), var(--leaf-green));border-radius:3px;height:100%;transition:width .4s}.naruto-divider{text-align:center;color:var(--naruto-orange-light);letter-spacing:8px;opacity:.5;margin:16px 0;font-size:14px}.meal-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.meal-icon.lunch{background:var(--naruto-orange-dim);border:1px solid #ff6b0026}.meal-icon.dinner{background:var(--chakra-blue-dim);border:1px solid #42a5f526}.meal-icon.breakfast{background:#ffd54f26;border:1px solid #ffc10726}@media (width>=481px){.app-layout{border-left:1px solid var(--border-light);border-right:1px solid var(--border-light)}}.app-content::-webkit-scrollbar{width:4px}.app-content::-webkit-scrollbar-track{background:var(--bg)}.app-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.app-content::-webkit-scrollbar-thumb:hover{background:var(--naruto-orange)}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius);border:2px solid var(--border);width:100%;max-width:400px;max-height:80vh;padding:20px;overflow-y:auto;box-shadow:0 8px 40px #0003}.text-orange{color:var(--naruto-orange)}.text-green{color:var(--leaf-green)}.text-red{color:var(--seal-red)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}