*{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)}}.empty-state{background:#fff;border-radius:12px;padding:48px 24px;text-align:center;box-shadow:0 2px 8px #00000014}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.4}.empty-state h2{font-family:Playfair Display,Georgia,serif;font-size:1.25rem;margin-bottom:8px}.empty-state p{color:#6b7280;margin-bottom:20px}.empty-state-btn{display:inline-block;padding:12px 24px;background:#1e3a5f;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .15s ease}.empty-state-btn:hover{background:#162d4d}.meals-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.meal-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;border:1px solid #E8E4E1}.meal-card-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #F0EBE8}.meal-number{width:32px;height:32px;background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.meal-name{font-family:Playfair Display,Georgia,serif;font-weight:600;font-size:1rem;flex:1}.ratings-section{padding:12px 16px}.ratings-header{display:flex;gap:8px;margin-bottom:8px;justify-content:center}.person-label{width:80px;text-align:center;font-size:12px;font-weight:600;color:#6b7280}.ratings-row{display:flex;gap:8px;justify-content:center}.person-ratings{width:80px;display:flex;gap:4px;justify-content:center}.rating-btn{width:36px;height:36px;border:2px solid #E5E7EB;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.rating-btn svg{width:18px;height:18px;fill:none;stroke:#9ca3af;stroke-width:2}.rating-btn:hover{border-color:#3b82f6}.rating-btn:hover svg{stroke:#3b82f6}.rating-btn.selected-up{background:#d1fae5;border-color:#10b981}.rating-btn.selected-up svg{stroke:#10b981;fill:#10b981}.rating-btn.selected-down{background:#fee2e2;border-color:#ef4444}.rating-btn.selected-down svg{stroke:#ef4444;fill:#ef4444}.save-section{margin-top:24px}.save-btn{display:block;width:100%;padding:16px;background:#10b981;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:#059669}.save-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.save-hint{text-align:center;font-size:.85rem;color:#9ca3af;margin-top:8px}.history-link{display:block;text-align:center;margin-top:16px;color:#1e3a5f;text-decoration:none;font-weight:500}.history-link:hover{text-decoration:underline}.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}