@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,700&display=swap");:root{--bg:#fdfaf6;--bg2:#f5ede3;--text:#2c1810;--text2:#7a6458;--accent:#d4603a;--accent2:#e8845c;--green:#4a8c5c;--card:#fff;--border:#e8ddd3;--shadow:0 2px 16px rgba(44,24,16,.06);--shadow-lg:0 8px 32px rgba(44,24,16,.1);--radius:16px;--radius-sm:10px;--font-display:"Fraunces",serif;--font-body:"DM Sans",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500}.page{max-width:480px;margin:0 auto;padding:0 20px 100px}.landing,.page{min-height:100dvh}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:linear-gradient(170deg,var(--bg) 0,#fff5ed 50%,var(--bg2) 100%)}.landing-logo{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:8px;letter-spacing:-.02em}.landing-sub{font-size:1.1rem;color:var(--text2);margin-bottom:40px;line-height:1.5;max-width:320px}.landing-hero{width:220px;height:220px;background:var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);margin-bottom:48px;position:relative;overflow:hidden}.landing-hero svg{width:100px;height:100px}.landing-hero:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:3px solid var(--accent);opacity:.15}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;font-family:var(--font-body);font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px rgba(212,96,58,.3)}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text2);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--text2)}.landing-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.landing-actions .btn{justify-content:center;width:100%}.landing-note{font-size:.8rem;color:var(--text2);margin-top:24px;opacity:.7}.header{padding:24px 0 8px;display:flex;align-items:center;justify-content:space-between}.header-brand{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--accent)}.header-user{display:flex;align-items:center;gap:8px}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.header-logout{background:none;border:none;color:var(--text2);cursor:pointer;font-size:.8rem;font-family:var(--font-body);padding:4px 8px;border-radius:6px}.header-logout:hover{background:var(--bg2)}.greeting{font-family:var(--font-display);font-size:1.5rem;margin:20px 0 6px;font-weight:500;color:var(--text)}.greeting-sub{color:var(--text2);font-size:.9rem;margin-bottom:28px}.actions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:36px}.action-card{background:var(--card);border-radius:var(--radius);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;border:1.5px solid var(--border);transition:all .2s ease;text-align:center;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:0;transition:opacity .2s}.action-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.action-card:hover:before{opacity:1}.action-card svg{width:44px;height:44px;color:var(--accent);flex-shrink:0}.action-card-label{font-weight:600;font-size:.85rem;color:var(--text)}.action-card-hint{font-size:.75rem;color:var(--text2);line-height:1.3}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin-bottom:16px;color:var(--text)}.past-scans-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.scan-thumb{background:var(--card);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:all .2s}.scan-thumb:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.scan-thumb-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg2)}.scan-thumb-info{padding:10px 12px}.scan-thumb-title{font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-thumb-meta{font-size:.7rem;color:var(--text2);margin-top:2px}.empty-state{text-align:center;padding:40px 20px;color:var(--text2);font-size:.9rem}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.scan-header{display:flex;align-items:center;gap:12px;padding:20px 0 16px}.back-btn{background:none;border:none;cursor:pointer;color:var(--text);padding:6px;border-radius:8px;display:flex}.back-btn:hover{background:var(--bg2)}.scan-title{font-family:var(--font-display);font-size:1.3rem;font-weight:500;flex:1 1}.category-section{margin-bottom:28px}.category-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px;padding-left:4px}.dish-card{background:var(--card);border-radius:var(--radius);overflow:hidden;margin-bottom:12px;border:1px solid var(--border);display:flex;gap:0;min-height:110px;transition:box-shadow .2s}.dish-card:hover{box-shadow:var(--shadow)}.dish-img-wrap{width:110px;min-height:110px;flex-shrink:0;background:var(--bg2);position:relative;overflow:hidden}.dish-img{width:100%;height:100%;object-fit:cover;display:block}.dish-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg2) 0,#ede1d5 100%)}.dish-img-placeholder svg{width:28px;height:28px;color:var(--text2);opacity:.3}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dish-img-loading{width:100%;height:100%;background:linear-gradient(90deg,var(--bg2) 25%,#ede1d5 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.dish-info{flex:1 1;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0}.dish-name{font-family:var(--font-display);font-size:.95rem;font-weight:500;margin-bottom:4px;color:var(--text)}.dish-desc{font-size:.78rem;color:var(--text2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.dish-price{font-weight:700;font-size:.85rem;color:var(--green)}.progress-overlay{position:fixed;inset:0;background:hsla(34,64%,98%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.progress-text{font-family:var(--font-display);font-size:1.2rem;color:var(--text)}.progress-sub{font-size:.85rem;color:var(--text2)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.progress-bar-wrap{width:240px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.file-input{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:12px 24px;border-radius:50px;font-size:.85rem;font-weight:500;z-index:200;box-shadow:var(--shadow-lg);animation:fadeIn .3s ease}