@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0f1117;--bg-secondary: #1a1d28;--bg-card: rgba(26, 29, 40, .8);--border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(99, 179, 237, .15);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #63b3ed;--accent-cyan: #22d3ee;--accent-green: #34d399;--accent-green-dim: rgba(52, 211, 153, .15);--accent-amber: #fbbf24;--accent-amber-dim: rgba(251, 191, 36, .15);--accent-red: #f87171;--accent-red-dim: rgba(248, 113, 113, .15);--accent-purple: #a78bfa;--accent-purple-dim: rgba(167, 139, 250, .15);--gradient-main: linear-gradient(135deg, #63b3ed 0%, #22d3ee 50%, #34d399 100%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-glow: 0 0 40px rgba(99, 179, 237, .08);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(ellipse at 20% 0%,rgba(99,179,237,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(34,211,238,.06) 0%,transparent 50%),var(--bg-primary)}.app{width:100%;max-width:560px;min-height:100vh;display:flex;flex-direction:column}.content{flex:1;padding:1.5rem 1rem 5rem;overflow-y:auto}.tab-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:flex;background:#0f1117f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding:.5rem 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 0;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s ease}.tab-item.active{color:var(--accent-cyan)}.tab-icon{font-size:1.3rem}.tab-label{font-size:.65rem;font-weight:600;letter-spacing:.02em}.recommend-view{animation:fadeIn .4s ease-out}.recommend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recommend-header h2{font-size:1.3rem;font-weight:700;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.recommend-counter{font-size:.8rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.3rem .6rem}.recommend-counter strong{color:var(--accent-cyan)}.dish-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.dish-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;box-shadow:var(--shadow-card);transition:all .3s ease;animation:slideUp .4s ease-out both}.dish-card:nth-child(1){animation-delay:0s}.dish-card:nth-child(2){animation-delay:.05s}.dish-card:nth-child(3){animation-delay:.1s}.dish-card:nth-child(4){animation-delay:.15s}.dish-card:nth-child(5){animation-delay:.2s}.dish-card.pinned{border-color:#22d3ee4d;box-shadow:var(--shadow-card),0 0 20px #22d3ee1a}.dish-info{flex:1;min-width:0}.dish-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dish-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.dish-category{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:100px;letter-spacing:.02em}.badge-protein{background:#63b3ed26;color:var(--accent-blue)}.badge-veggie{background:var(--accent-green-dim);color:var(--accent-green)}.badge-carb{background:var(--accent-amber-dim);color:var(--accent-amber)}.badge-fermented{background:var(--accent-purple-dim);color:var(--accent-purple)}.badge-other{background:#ffffff14;color:var(--text-secondary)}.badge-mineral{background:#a78bfa26;color:var(--accent-purple)}.dish-description{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.dish-ingredient{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.card-actions{display:flex;gap:.4rem;flex-shrink:0}.btn-pin,.btn-dislike{width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-pin:hover:not(:disabled){background:#22d3ee1a;border-color:#22d3ee4d}.btn-pin.active{background:#22d3ee26;border-color:#22d3ee66}.btn-dislike:hover:not(:disabled){background:var(--accent-red-dim);border-color:#f871714d}.btn-pin:disabled,.btn-dislike:disabled{opacity:.4;cursor:not-allowed}.action-buttons{display:flex;gap:.75rem}.btn-recommend{flex:1;padding:.85rem 1rem;border:1px solid var(--border-glow);border-radius:var(--radius-md);background:#63b3ed1a;color:var(--accent-blue);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-recommend:hover:not(:disabled){background:#63b3ed33}.btn-recommend:disabled{opacity:.5;cursor:not-allowed}.btn-complete{flex:1;padding:.85rem 1rem;border:none;border-radius:var(--radius-md);background:var(--gradient-main);color:#0f1117;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-complete:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-complete:disabled{opacity:.5;cursor:not-allowed}.completed-view{text-align:center;animation:fadeIn .5s ease-out}.completed-header{margin-bottom:1.5rem}.completed-icon{font-size:3rem;display:block;margin-bottom:.75rem}.completed-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.completed-date{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.completed-list{display:flex;flex-direction:column;gap:.5rem}.completed-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;animation:slideUp .4s ease-out both}.completed-item:nth-child(1){animation-delay:0s}.completed-item:nth-child(2){animation-delay:.05s}.completed-item:nth-child(3){animation-delay:.1s}.completed-item:nth-child(4){animation-delay:.15s}.completed-item:nth-child(5){animation-delay:.2s}.history-view{animation:fadeIn .4s ease-out}.history-view h2{font-size:1.3rem;font-weight:700;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-card);animation:slideUp .4s ease-out both}.history-date{font-size:.85rem;font-weight:600;color:var(--accent-cyan);margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-subtle)}.history-items{display:flex;flex-direction:column;gap:.35rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.history-item .dish-name{font-size:.9rem}.blacklist-view{animation:fadeIn .4s ease-out}.blacklist-view h2{font-size:1.3rem;font-weight:700;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.blacklist-list{display:flex;flex-direction:column;gap:.5rem}.blacklist-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;animation:slideUp .4s ease-out both}.blacklist-name{font-size:.95rem;font-weight:500}.btn-undo{padding:.35rem .8rem;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);background:var(--accent-red-dim);color:var(--accent-red);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-undo:hover:not(:disabled){background:#f8717140}.btn-undo:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.9rem}.error-banner{width:100%;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem;color:#fca5a5;animation:slideUp .4s ease-out}.loading-banner{display:flex;align-items:center;gap:.6rem;background:#63b3ed1a;border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem;color:var(--accent-blue);animation:fadeIn .3s ease-out}.spinner-small{width:18px;height:18px;border:2px solid var(--border-subtle);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.btn-reset{margin-top:1.5rem;padding:.85rem 1.5rem;border:1px solid var(--border-glow);border-radius:var(--radius-md);background:#63b3ed1a;color:var(--accent-blue);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-reset:hover:not(:disabled){background:#63b3ed33}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.loading-view{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted);font-size:.9rem;margin-top:4rem;animation:fadeIn .5s ease-out}.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.content{padding:1rem .75rem 5rem}.recommend-header h2,.history-view h2,.blacklist-view h2{font-size:1.1rem}.dish-card{padding:.85rem}}