:root{--color-primary: #FF6B35;--color-secondary: #4ECDC4;--color-accent: #FFE66D;--color-danger: #FF4757;--color-success: #2ED573;--color-bg: #FFF9F0;--color-card: #FFFFFF;--color-text: #2D3436;--color-text-muted: #636E72;--color-surface: #FFFFFF;--primary: #FF6B35;--primary-dark: #E54D1A;--primary-light: #FF8F5A;--background: #FFF9F0;--surface: #FFFFFF;--border: #e0e0e0;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.search-page{min-height:100vh}.hero-section{position:relative;overflow:hidden;padding:32px 20px 40px;background:linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460);min-height:320px;display:flex;flex-direction:column}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(255,107,53,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(78,205,196,.2) 0%,transparent 60%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(255,230,109,.1) 0%,transparent 50%)}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0}.hero-particle{position:absolute;bottom:-10px;animation:particle-float 3s ease-in-out infinite}@keyframes particle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(15deg)}}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;height:40px;background:var(--color-bg);clip-path:polygon(0 60%,100% 0,100% 100%,0 100%)}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:6px 14px;font-size:.75rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.hero-badge-icon{font-size:.9rem}.hero-title{font-size:clamp(2rem,8vw,3rem);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-1px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-title-accent{background:linear-gradient(135deg,#ff6b35,#ffe66d,#ff6b35);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1rem;color:#ffffffb3;max-width:280px;line-height:1.5}.floating-foods{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floating-food{position:absolute;bottom:30px;left:var(--x);font-size:1.5rem;opacity:.2;animation:food-float 4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes food-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(20deg)}}.search-section{width:100%;max-width:500px}.search-container{display:flex;gap:10px;margin-bottom:12px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;font-size:1rem;opacity:.5;pointer-events:none}.search-input{width:100%;padding:14px 14px 14px 40px;font-size:1rem;border:2px solid rgba(255,255,255,.15);border-radius:50px;background:#fffffff2;color:#2d2d2d;outline:none;transition:all .25s ease;box-shadow:0 4px 20px #00000026}.search-input:focus{border-color:#ff6b35;box-shadow:0 4px 25px #ff6b354d}.search-input::placeholder{color:#999}.search-clear{position:absolute;right:12px;background:#0000001a;border:none;border-radius:50%;width:22px;height:22px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666}.search-btn{background:linear-gradient(135deg,#ff6b35,#e54d1a);color:#fff;border:none;padding:14px 24px;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #ff6b3566;transition:all .2s ease;letter-spacing:.3px}.search-btn:hover{box-shadow:0 6px 20px #ff6b3580;transform:translateY(-1px)}.random-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#ffffff14;color:#ffffffd9;border:2px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.random-btn-secondary:hover{background:#ffffff26;border-color:#ffffff59;color:#fff}.dice-icon{font-size:1.1rem}.search-results{padding:24px 16px;max-width:600px;margin:0 auto;width:100%}.loading{text-align:center;padding:56px 16px}.loading .spinner{width:48px;height:48px;border:3px solid rgba(255,107,53,.2);border-top-color:#ff6b35;border-radius:50%;margin:0 auto 20px;animation:spin .8s linear infinite;box-shadow:0 4px 15px #ff6b354d}.loading p{color:var(--color-text);font-size:1rem;font-weight:600}.loading-dots span{animation:dot-blink 1.4s infinite;animation-fill-mode:both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,80%,to{opacity:0}40%{opacity:1}}.error-message{background:linear-gradient(135deg,#fff5f5,#fff);border:2px solid #fecaca;color:#dc2626;padding:20px;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.error-icon{font-size:2.5rem}.error-message p{margin:0;font-size:.95rem}.empty-state{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{font-size:4rem;margin-bottom:4px}.empty-state h3{font-size:1.25rem;color:var(--color-text);font-weight:800}.empty-state p{color:var(--color-text-muted);font-size:.95rem;max-width:280px}.empty-action{margin-top:8px;background:linear-gradient(135deg,#ff6b35,#e54d1a);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px #ff6b3559}.welcome-state{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.welcome-icon{font-size:5rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.welcome-state h2{font-size:1.5rem;color:var(--color-text);font-weight:800}.welcome-state p{color:var(--color-text-muted);font-size:1rem;max-width:300px;line-height:1.5}.meal-list{display:flex;flex-direction:column;gap:14px}.meal-list-header{font-size:.85rem;color:var(--color-text-muted);margin-bottom:8px;font-weight:600}.meal-count{font-weight:800;color:var(--color-primary);font-size:1.1rem}.meal-card{display:flex;background:var(--color-card);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid rgba(0,0,0,.05)}.meal-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.meal-card:active{transform:scale(.99)}.meal-card-image{width:110px;height:110px;object-fit:cover;flex-shrink:0}.meal-card-image-wrapper{position:relative;width:110px;height:110px;flex-shrink:0;overflow:hidden}.meal-card-image-wrapper .meal-card-image{width:110px;height:110px}.favorite-btn{position:absolute;top:8px;right:8px;background:#fffffff2;border:none;border-radius:50%;width:34px;height:34px;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026}.favorite-btn.favorited{background:#fff0f0}.meal-card-content{flex:1;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:6px}.meal-card-title{font-size:1.05rem;font-weight:700;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.meal-card-meta{font-size:.8rem;color:var(--color-text-muted);display:flex;gap:12px}.meal-card-meta span{display:flex;align-items:center;gap:4px}.meal-detail{padding-bottom:32px}.detail-back{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-primary);font-size:1rem;font-weight:600;padding:12px 16px;cursor:pointer;margin-bottom:8px}.detail-image-container{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}.detail-image{width:100%;height:100%;object-fit:cover}.detail-content{padding:16px;max-width:600px;margin:0 auto}.detail-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.detail-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.detail-meta-item{display:flex;align-items:center;gap:6px;background:var(--color-bg);padding:6px 12px;border-radius:20px;font-size:.85rem;color:var(--color-text-secondary)}.detail-section{margin-top:24px}.detail-section-title{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-primary)}.ingredient-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.ingredient-item{display:flex;align-items:center;gap:8px;background:var(--color-surface);padding:10px 12px;border-radius:8px;box-shadow:var(--shadow);font-size:.9rem}.ingredient-bullet{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.ingredient-measure{color:var(--color-text-muted);font-size:.8rem;flex-shrink:0}.ingredient-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instructions-text{background:var(--color-surface);padding:16px;border-radius:12px;box-shadow:var(--shadow);font-size:.95rem;line-height:1.7;white-space:pre-wrap}.youtube-link{display:inline-flex;align-items:center;gap:8px;background:red;color:#fff;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:600;margin-top:16px;transition:background .2s}.youtube-link:hover{background:#c00}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 30px #0000001a;display:flex;justify-content:center;gap:6px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:50}.tab-btn{flex:1;max-width:140px;background:transparent;border:none;border-radius:14px;padding:10px 14px;font-size:.8rem;font-weight:700;color:var(--color-text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .25s ease;min-height:56px;position:relative}.tab-btn .tab-icon{font-size:1.4rem;transition:transform .25s ease}.tab-btn.active{color:#ff6b35}.tab-btn.active .tab-icon{transform:scale(1.15)}.tab-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(90deg,#ff6b35,#ffe66d);border-radius:0 0 4px 4px}.tab-btn:not(.active):hover{color:var(--color-text);background:#0000000a}.tab-btn.active{background:#ff6b3514}.tab-label{font-size:.7rem;font-weight:700;letter-spacing:.3px}.tab-badge-hot{position:absolute;top:4px;right:8px;font-size:.7rem;animation:hot-pulse 1s ease-in-out infinite}@keyframes hot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.app-header{background:linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460);color:#fff;padding:24px 16px 20px;text-align:center;position:relative;overflow:hidden}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b35,#ffe66d,#4ecdc4,#ff6b35);background-size:300% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.app-header h1{font-size:1.6rem;font-weight:900;margin-bottom:4px;letter-spacing:-.5px;display:flex;align-items:center;justify-content:center;gap:8px}.app-header h1 .header-icon{font-size:1.8rem}.tagline{font-size:.8rem;opacity:.8;font-weight:600;color:#fffc}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.app-main{flex:1;padding:0 0 76px;max-width:100%;margin:0 auto;width:100%}.tab-content{display:contents}.app-footer{text-align:center;padding:16px 16px 80px;color:var(--color-text-muted);font-size:.85rem}.app-footer a{color:var(--color-primary);text-decoration:none}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:var(--color-bg)}.app-loading .spinner{width:44px;height:44px;border:3px solid rgba(255,107,53,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite}.app-loading p{color:var(--color-text);font-weight:600}.install-banner{background:var(--color-primary);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:100}.ios-banner{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.install-banner-content{display:flex;align-items:center;gap:12px;max-width:600px;margin:0 auto}.install-icon{font-size:1.5rem;flex-shrink:0}.install-text{flex:1}.install-text strong{display:block;font-size:.9rem}.install-text p{font-size:.75rem;opacity:.9;margin-top:2px}.install-btn{background:#fff;color:var(--color-primary);border:none;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer}.dismiss-btn{background:transparent;color:#fff;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px;opacity:.8}.favorites-empty{padding-top:56px}.favorites-empty-icon{font-size:3.5rem;margin-bottom:12px}.favorites-empty h2{font-size:1.25rem;color:var(--color-text);margin-bottom:8px}.auth-screen{min-height:100vh;background:linear-gradient(145deg,#fff9f0,#ffe8d0,#fff0e0);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative;overflow:hidden}.auth-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,107,53,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(78,205,196,.06) 0%,transparent 50%);pointer-events:none}.auth-logo{font-size:4rem;margin-bottom:16px;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.15));position:relative;z-index:1}.auth-title{font-size:2rem;font-weight:900;color:var(--color-text);text-align:center;margin-bottom:4px;letter-spacing:-.5px;position:relative;z-index:1}.auth-subtitle{font-size:1rem;color:var(--color-text-muted);text-align:center;margin-bottom:32px;font-weight:600;position:relative;z-index:1}.auth-form{background:var(--color-card);border:3px solid var(--color-text);border-radius:16px;padding:32px 28px;width:100%;max-width:400px;box-shadow:6px 6px 0 var(--color-text);display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.auth-form-title{font-size:1.3rem;font-weight:900;text-align:center;color:var(--color-text);margin-bottom:4px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:.85rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.auth-field input{width:100%;padding:14px 16px;font-size:1rem;border:2px solid var(--color-text);border-radius:10px;background:var(--color-bg);color:var(--color-text);outline:none;transition:all .2s;box-sizing:border-box}.auth-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b3533;background:#fff}.auth-field input::placeholder{color:var(--color-text-muted);opacity:.6}.auth-field-hint{font-size:.75rem;color:var(--color-text-muted);font-weight:600}.auth-code-input{text-transform:uppercase!important;letter-spacing:4px!important;font-size:1.2rem!important;font-weight:900!important;text-align:center!important}.auth-error{background:#fef2f2;border:2px solid var(--color-danger);border-radius:8px;padding:10px 14px;color:var(--color-danger);font-size:.85rem;font-weight:600;text-align:center}.auth-btn{width:100%;padding:16px 24px;border-radius:10px;font-weight:800;font-size:1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;border:3px solid var(--color-text);box-shadow:4px 4px 0 var(--color-text)}.auth-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:4px 4px color-mix(in srgb,var(--color-primary) 60%,#000)}.auth-btn--primary:active{box-shadow:2px 2px color-mix(in srgb,var(--color-primary) 60%,#000)}.auth-btn--secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary);box-shadow:4px 4px color-mix(in srgb,var(--color-secondary) 60%,#000)}.auth-btn--outline{background:transparent;color:var(--color-text);border-color:var(--color-text);width:auto;padding:12px 20px;font-size:.9rem;box-shadow:3px 3px 0 var(--color-text)}.auth-btn--outline:hover{background:var(--color-text);color:var(--color-bg)}.auth-switch{text-align:center;font-size:.9rem;color:var(--color-text-muted)}.auth-switch button{background:none;border:none;color:var(--color-primary);font-weight:700;cursor:pointer;font-size:.9rem;text-decoration:underline}.auth-options{display:flex;flex-direction:column;gap:12px;margin-top:24px;width:100%;max-width:400px;position:relative;z-index:1}.auth-family-icon{text-align:center;font-size:3rem}.auth-family-desc{text-align:center;color:var(--color-text-muted);font-size:.9rem;line-height:1.5;padding:0 8px}.no-family-screen{padding:24px 16px;display:flex;flex-direction:column;gap:24px;min-height:60vh;justify-content:center}.no-family-header{text-align:center;padding:16px 16px 0}.no-family-header h1{font-size:2rem}.no-family-cta{display:flex;justify-content:center}.no-family-cta__btn{padding:16px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:800;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px color-mix(in srgb,var(--color-primary) 70%,#000)}.no-family-cards{display:flex;flex-direction:column;gap:16px}.no-family-card{background:var(--color-surface);border:3px solid var(--color-primary);border-radius:var(--radius);padding:24px 20px;text-align:center;box-shadow:4px 4px 0 var(--color-primary)}.no-family-card__icon{font-size:3rem;margin-bottom:12px;animation:float 3s ease-in-out infinite}.no-family-card h2{font-size:1.3rem;color:var(--color-primary);margin-bottom:8px}.no-family-card p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:20px;line-height:1.4}.no-family-card__btn{width:100%;padding:14px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:800;font-size:1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:3px 3px color-mix(in srgb,var(--color-primary) 70%,#000)}.no-family-card__btn.secondary{background:var(--color-secondary);box-shadow:3px 3px color-mix(in srgb,var(--color-secondary) 70%,#000)}.no-family-signout{text-align:center}.no-family-signout button{background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;text-decoration:underline}.vote-badge{display:flex;align-items:center;gap:4px;background:var(--color-bg);border:2px solid var(--color-text);border-radius:50px;padding:4px 6px;box-shadow:3px 3px 0 var(--color-text)}.vote-badge__btn{background:var(--color-card);border:none;border-radius:50px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;font-weight:700;font-size:.7rem;color:var(--color-text);transition:all .15s ease;letter-spacing:.5px}.vote-badge__btn--up{border:2px solid var(--color-primary);color:var(--color-primary)}.vote-badge__btn--up.active{background:var(--color-primary);color:#fff;box-shadow:0 0 12px #ff6b3599}.vote-badge__btn.animating{animation:punch-hit .3s ease-out}@keyframes punch-hit{0%{transform:scale(1)}30%{transform:scale(1.4) rotate(-8deg)}60%{transform:scale(1.1) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes punch-hit-down{0%{transform:scale(1)}30%{transform:scale(1.4) rotate(8deg)}60%{transform:scale(1.1) rotate(-4deg)}to{transform:scale(1) rotate(0)}}.vote-badge__btn--down{border:2px solid var(--color-danger);color:var(--color-danger)}.vote-badge__btn--down.active{background:var(--color-danger);color:#fff;box-shadow:0 0 12px #ff475799}.vote-badge__fist{font-size:1rem}.vote-badge__label{display:none}.vote-badge--medium .vote-badge__label,.vote-badge--large .vote-badge__label{display:inline}.vote-badge__count{min-width:40px;height:40px;background:var(--color-text-muted);border-radius:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.9rem;letter-spacing:1px;box-shadow:2px 2px #0003}.vote-badge--small .vote-badge__count{min-width:32px;font-size:.75rem}.vote-badge--large .vote-badge__count{min-width:52px;font-size:1.1rem}@keyframes knockout-flash{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:0}}.ko-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:900;color:var(--color-accent);text-shadow:4px 4px 0 var(--color-primary),-2px -2px 0 var(--color-danger),0 0 40px rgba(255,230,109,.8);z-index:999;animation:knockout-flash .8s ease-out forwards;pointer-events:none;letter-spacing:2px}@keyframes power-burst{0%{transform:scale(0) translateY(0);opacity:1}50%{transform:scale(1.2) translateY(-20px);opacity:1}to{transform:scale(.8) translateY(-40px);opacity:0}}.power-text{position:fixed;font-size:2rem;font-weight:900;color:var(--color-primary);text-shadow:2px 2px 0 var(--color-accent);z-index:998;animation:power-burst .6s ease-out forwards;pointer-events:none}.family-card__champion-bar{background:linear-gradient(90deg,var(--color-accent),var(--color-primary));color:var(--color-text);padding:8px 12px;font-weight:800;font-size:.85rem;text-align:center;letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius) var(--radius) 0 0}.champion-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.champion-content{text-align:center;color:#fff}.champion-crown{font-size:6rem;margin-bottom:16px;animation:crown-bounce .6s ease-out}@keyframes crown-bounce{0%{transform:scale(0) rotate(-20deg)}50%{transform:scale(1.3) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.champion-title{font-size:2.5rem;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#ffe66d,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;text-transform:uppercase}.champion-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:24px}.champion-trophy{font-size:4rem;animation:trophy-spin 1s ease-out}@keyframes trophy-spin{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.champion-content button{background:linear-gradient(135deg,#ff6b35,#e54d1a);color:#fff;border:none;padding:16px 40px;border-radius:50px;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 20px #ff6b3580}.family-feed__title{font-size:1.4rem;font-weight:900;color:var(--color-text);letter-spacing:1px}.family-card{background:var(--color-card);border:2px solid var(--color-text);border-radius:var(--radius);overflow:hidden;box-shadow:4px 4px 0 var(--color-text);display:flex;flex-direction:row;align-items:center;gap:0;padding:0}.family-card__champion-bar{display:none}.family-card--champion .family-card__champion-bar{display:block;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));color:var(--color-text);padding:4px 8px;font-weight:800;font-size:.7rem;text-align:center;letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius) var(--radius) 0 0}.family-card__image-link{position:relative;display:block;cursor:pointer;flex-shrink:0;width:100px;height:100px;overflow:hidden}.family-card__image-wrapper{width:100px;height:100px;overflow:hidden;flex-shrink:0}.family-card__image{width:100px;height:100px;object-fit:cover;display:block;transition:transform .2s ease}.family-card__image-link:hover .family-card__image{transform:scale(1.05)}.family-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;opacity:0;transition:opacity .2s;pointer-events:none}.family-card__image-link:hover .family-card__image-overlay,.family-card__image-link:focus .family-card__image-overlay{opacity:1}.family-card__title-link{cursor:pointer;display:inline-block}.family-card__title-link:hover h3{text-decoration:underline;text-decoration-color:var(--color-primary)}.family-card__content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px 10px;gap:4px;min-width:0}.family-card__header{display:flex;flex-direction:column;gap:2px}.family-card__title{font-size:.85rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-card__saver{font-size:.7rem;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.family-card__saver-row{display:flex;align-items:center;gap:6px;margin-top:2px}.family-card__avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;flex-shrink:0;text-transform:uppercase}.family-card__tags{margin-top:4px}.family-card__tag{display:inline-block;background:var(--color-bg);border:1px solid var(--color-text-muted);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.3px}.family-card__footer{display:flex;align-items:center}.family-feed__list{display:flex;flex-direction:column;gap:8px;padding:8px}.family-feed-empty,.family-feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:16px}.family-feed-empty__icon,.no-family-cards__icon{font-size:4rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.family-feed-empty h2,.no-family-cards h2{font-size:1.5rem;font-weight:900;color:var(--color-text);margin:0}.family-feed-empty p,.no-family-cards p{color:var(--color-text-muted);font-size:.95rem;max-width:280px;line-height:1.5}.voting-countdown{background:linear-gradient(135deg,#ff6b35,#e54d1a,#ff8f5a);padding:16px 12px;text-align:center;border-bottom:4px solid #2D3436;box-shadow:0 4px #0003}.voting-countdown--urgent{animation:countdown-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#ff4757,#e54d1a,#ff6b35)}@keyframes countdown-pulse{0%,to{transform:scale(1);box-shadow:0 4px #0003}50%{transform:scale(1.02);box-shadow:0 6px 20px #ff475780}}.countdown-inner{color:#fff}.countdown-label{font-size:.7rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.3);margin-bottom:8px}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:4px}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:2.5rem;font-weight:900;line-height:1;text-shadow:3px 3px 0 rgba(0,0,0,.3);font-variant-numeric:tabular-nums;min-width:60px;background:#0003;border-radius:8px;padding:8px 4px}.countdown-name{font-size:.6rem;font-weight:700;letter-spacing:1px;opacity:.8;margin-top:2px}.countdown-sep{font-size:2rem;font-weight:900;color:#fff9;margin:0 2px 20px}.countdown-deadline{font-size:.75rem;opacity:.9;font-weight:600;letter-spacing:.5px}.countdown-expired{font-size:1.8rem;font-weight:900;letter-spacing:2px;animation:flash-text .5s ease-in-out infinite}@keyframes flash-text{0%,to{opacity:1}50%{opacity:.5}}.eat-out-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ff6b35,#f7931e,#ffe066);border:3px solid var(--color-text);border-radius:var(--radius);padding:14px;cursor:pointer;position:relative;box-shadow:4px 4px 0 var(--color-text);animation:eat-out-pulse 2s ease-in-out infinite}@keyframes eat-out-pulse{0%,to{box-shadow:4px 4px 0 var(--color-text)}50%{box-shadow:4px 4px 0 var(--color-text),0 0 12px #ff6b3566}}.eat-out-card:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--color-text)}.eat-out-card__icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2))}.eat-out-card__content{flex:1;display:flex;flex-direction:column;gap:2px}.eat-out-card__type{font-weight:900;font-size:1.1rem;color:var(--color-text);text-shadow:1px 1px 0 rgba(255,255,255,.3);letter-spacing:-.3px}.eat-out-card__label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#0009}.eat-out-card__remove{background:#00000026;border:2px solid rgba(0,0,0,.3);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#000000b3;cursor:pointer;flex-shrink:0;transition:all .15s ease}.eat-out-card__remove:hover{background:#0000004d;color:#fff}.meal-detail--eat-out .eat-out-hero{background:linear-gradient(135deg,#4ecdc4,#2ed573);display:flex;align-items:center;justify-content:center;min-height:250px}.eat-out-icon{font-size:5rem}.eat-out-info{background:var(--color-bg);padding:20px;border-radius:var(--radius);border:2px dashed var(--color-primary);text-align:center}.eat-out-info p{font-size:1rem;color:var(--color-text);margin-bottom:8px}.eat-out-tip{font-weight:600;color:var(--color-primary)!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:var(--color-surface);border:3px solid var(--color-text);border-radius:var(--radius);padding:24px 20px;width:100%;max-width:400px;box-shadow:6px 6px 0 var(--color-text);max-height:85vh;overflow-y:auto}.modal-card--tall{max-height:90vh}.modal-title{font-size:1.4rem;font-weight:900;text-align:center;margin-bottom:4px}.modal-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-bottom:16px;text-align:center}.modal-choice-btns{display:flex;gap:12px;margin:20px 0}.modal-choice-btn{flex:1;background:var(--color-bg);border:3px solid var(--color-text);border-radius:var(--radius);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;box-shadow:4px 4px 0 var(--color-text);transition:all .15s ease}.modal-choice-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-text)}.modal-choice-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.modal-choice-btn--eatout{border-color:var(--color-secondary);box-shadow:4px 4px 0 var(--color-secondary)}.modal-choice-btn--eatout:hover{box-shadow:6px 6px 0 var(--color-secondary)}.modal-choice-icon{font-size:2.5rem}.modal-choice-label{font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text)}.modal-choice-desc{font-size:.75rem;color:var(--color-text-muted)}.modal-back-btn{background:transparent;border:none;color:var(--color-primary);font-weight:600;font-size:.9rem;cursor:pointer;padding:4px 0;margin-bottom:8px}.modal-input{width:100%;padding:14px 16px;font-size:1rem;border:2px solid var(--color-text);border-radius:var(--radius);background:#fff;color:var(--color-text);outline:none;margin-bottom:12px;box-sizing:border-box}.modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b3533}.modal-submit{width:100%;background:var(--color-primary);color:#fff;border:none;padding:14px;border-radius:var(--radius);font-weight:800;font-size:1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.modal-submit:disabled{background:var(--color-text-muted);cursor:not-allowed}.fav-picker-section{max-height:300px;overflow-y:auto;margin-bottom:16px;border:2px solid var(--color-text);border-radius:var(--radius);background:var(--color-bg)}.fav-picker-list{display:flex;flex-direction:column;gap:2px}.fav-picker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface);border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;text-align:left;transition:background .15s}.fav-picker-item:last-child{border-bottom:none}.fav-picker-item:hover{background:var(--color-primary-light)}.fav-picker-item__img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;border:2px solid var(--color-text)}.fav-picker-item__name{flex:1;font-weight:600;font-size:.9rem;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-picker-item__add{font-size:1.2rem;font-weight:900;color:var(--color-primary);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.fav-picker-item:hover .fav-picker-item__add{color:var(--color-text)}.modal-empty{text-align:center;padding:24px 16px;color:var(--color-text-muted)}.detail-save-section{margin:20px 0;display:flex;justify-content:center}.detail-save-btn{width:100%;padding:16px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:800;font-size:1.05rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px color-mix(in srgb,var(--color-primary) 70%,#000);transition:box-shadow .1s}.detail-save-btn:hover{box-shadow:5px 5px color-mix(in srgb,var(--color-primary) 70%,#000)}.detail-save-btn:disabled{background:var(--color-text-muted);box-shadow:none;cursor:not-allowed}.detail-saved-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#fff3cd;border:3px solid #ffc107;border-radius:var(--radius);font-weight:800;font-size:1rem;color:#856404;box-shadow:4px 4px #ffc107}.saved-heart{font-size:1.3rem}.saved-check{font-size:1.2rem;margin-left:4px}.meal-planner{padding:16px 12px;background:var(--color-surface);border-radius:var(--radius);border:3px solid var(--color-primary);box-shadow:5px 5px 0 var(--color-primary);margin:8px 0}.planner-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-text-muted)}.planner-title{font-size:1.4rem;font-weight:900;color:var(--color-text);text-align:center;letter-spacing:.5px}.planner-week-nav{display:flex;align-items:center;justify-content:center;gap:12px}.planner-nav-btn{background:var(--color-primary);color:#fff;border:3px solid var(--color-primary);border-radius:var(--radius);width:40px;height:40px;font-size:1.1rem;cursor:pointer;box-shadow:3px 3px color-mix(in srgb,var(--color-primary) 70%,#000);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.planner-nav-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px color-mix(in srgb,var(--color-primary) 70%,#000)}.planner-nav-btn:active{transform:translate(1px,1px);box-shadow:2px 2px color-mix(in srgb,var(--color-primary) 70%,#000)}.planner-week-label{font-weight:700;font-size:.85rem;color:var(--color-text);padding:8px 12px;background:var(--color-bg);border:2px solid var(--color-text);border-radius:var(--radius)}.planner-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;min-height:280px}.planner-day{background:var(--color-bg);border:3px solid var(--color-text);border-radius:var(--radius);padding:10px 8px;display:flex;flex-direction:column;gap:8px;min-height:320px;box-shadow:3px 3px 0 var(--color-text);position:relative;overflow:hidden}.planner-day--today{border-color:var(--color-primary);box-shadow:3px 3px 0 var(--color-primary),inset 0 0 0 2px var(--color-primary)}.planner-day__label{text-align:center;padding:8px 4px;border-bottom:2px dashed var(--color-text-muted);display:flex;flex-direction:column;gap:4px}.planner-day__name{font-weight:900;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text)}.planner-day__date{font-size:1.5rem;font-weight:900;color:var(--color-primary);line-height:1}.planner-day__meals{flex:1;display:flex;flex-direction:column;gap:8px}.planner-slot{flex:1;min-height:200px;display:flex;align-items:stretch}.planner-meal{flex:1;display:flex;flex-direction:column;background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius);overflow:hidden;cursor:pointer;position:relative;box-shadow:2px 2px 0 var(--color-text)}.planner-meal__img{width:100%;height:140px;object-fit:cover;display:block}.planner-meal__add-to-list{position:absolute;bottom:4px;right:4px;background:var(--color-secondary);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.planner-meal:hover .planner-meal__add-to-list{opacity:1}.planner-meal__name{flex:1;font-weight:700;font-size:.8rem;color:var(--color-text);padding:8px;display:flex;align-items:center;text-align:center;line-height:1.2}.planner-meal__remove{position:absolute;top:4px;right:4px;background:var(--color-danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;transition:opacity .15s}.planner-meal:hover .planner-meal__remove{opacity:1}.planner-add-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--color-surface);border:3px dashed var(--color-text-muted);border-radius:var(--radius);cursor:pointer;padding:12px 8px;transition:all .2s ease;min-height:180px}.planner-add-btn:hover{border-color:var(--color-primary);background:var(--color-primary);transform:scale(1.03)}.planner-add-btn:hover .planner-add-btn__icon,.planner-add-btn:hover .planner-add-btn__text{color:#fff}.planner-add-btn__icon{font-size:2rem;transition:color .2s}.planner-add-btn__text{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);transition:color .2s;text-align:center}.planner-empty{text-align:center;padding:48px 24px;background:var(--color-surface);border:3px solid var(--color-text);border-radius:var(--radius);box-shadow:5px 5px 0 var(--color-text)}.planner-empty__icon{font-size:4rem;margin-bottom:16px}.planner-empty h2{font-size:1.4rem;color:var(--color-text);margin-bottom:8px}.planner-empty p{color:var(--color-text-muted)}.shopping-item__delete{background:var(--color-danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s}.shopping-item:hover .shopping-item__delete,.shopping-item--checked .shopping-item__delete{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:374px){.meal-card-image-wrapper,.meal-card-image-wrapper .meal-card-image,.meal-card-image{width:80px;height:80px}.meal-card-content{padding:8px}.meal-card-title{font-size:.9rem}.planner-days{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.app-header h1{font-size:2rem}.meal-list{display:grid;grid-template-columns:repeat(2,1fr)}.hero-section{min-height:380px;padding:48px 24px 56px}.hero-title{font-size:3rem}.hero-subtitle{max-width:400px}.hero-search{width:100%;max-width:560px}.meal-planner{padding:12px 8px}.planner-day{padding:6px 4px;min-height:200px}.planner-day__name{font-size:.7rem}.planner-day__date{font-size:1.2rem}.planner-meal__img{height:80px}.planner-add-btn,.eat-out-card{min-height:140px}.planner-add-btn__icon{font-size:1.5rem}.planner-add-btn__text{font-size:.7rem}}@supports (padding: max(0px)){.app-header{padding-top:max(24px,env(safe-area-inset-top))}.install-banner{padding-top:max(12px,env(safe-area-inset-top))}}@media(display-mode:standalone){.install-banner{display:none}}