@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=Instrument+Serif:ital@0;1&display=swap");:root{--bg:#fdfaf6;--bg-card:#fff;--bg-warm:#fff8f0;--text:#1a1612;--text-secondary:#6b5e52;--text-muted:#a89888;--accent:#e8553d;--accent-light:#fff0ec;--accent-dark:#c43e28;--border:#ede6dc;--border-light:#f5f0ea;--success:#2d9d5c;--shadow-sm:0 1px 3px rgba(26,22,18,.06);--shadow-md:0 4px 16px rgba(26,22,18,.08);--shadow-lg:0 12px 40px rgba(26,22,18,.12);--radius:16px;--radius-sm:10px;--radius-lg:24px;--font-display:"Instrument Serif",serif;--font-body:"DM Sans",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);min-height:100dvh}body,button{font-family:var(--font-body)}button{cursor:pointer;border:none}input,textarea{font-family:var(--font-body)}.page-wrapper{max-width:480px;margin:0 auto;padding:0 20px;min-height:100dvh}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;text-align:center;padding:40px 20px;position:relative;overflow:hidden}.landing:before{top:-120px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(232,85,61,.08) 0,transparent 70%)}.landing:after,.landing:before{content:"";position:absolute;border-radius:50%}.landing:after{bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(232,85,61,.05) 0,transparent 70%)}.landing-logo{font-family:var(--font-display);font-size:3.2rem;color:var(--text);margin-bottom:4px;letter-spacing:-.02em;position:relative;z-index:1}.landing-logo span{color:var(--accent)}.landing-tagline{font-size:1.05rem;color:var(--text-secondary);margin-bottom:48px;max-width:280px;line-height:1.5;position:relative;z-index:1}.landing-hero-icon{width:140px;height:140px;margin-bottom:40px;position:relative;z-index:1;animation:floatIn .8s ease-out}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-google{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:56px;padding:14px 32px;font-size:.95rem;font-weight:500;color:var(--text);transition:all .2s;box-shadow:var(--shadow-sm);position:relative;z-index:1;width:100%;max-width:320px;justify-content:center}.btn-google:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.btn-guest{background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:400;margin-top:16px;padding:8px 16px;border-radius:8px;transition:all .2s;position:relative;z-index:1;text-decoration:underline;text-underline-offset:3px}.btn-guest:hover{color:var(--accent)}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 8px}.dash-greeting{font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.01em}.dash-avatar{object-fit:cover}.dash-avatar,.dash-avatar-placeholder{width:40px;height:40px;border-radius:50%;border:2px solid var(--border)}.dash-avatar-placeholder{background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--accent);font-size:.85rem}.logout-btn{background:none;font-size:.8rem;color:var(--text-muted);padding:4px 0;text-decoration:underline;text-underline-offset:2px}.logout-btn:hover{color:var(--accent)}.action-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:28px 0}.action-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;transition:all .2s;box-shadow:var(--shadow-sm)}.action-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card svg{width:48px;height:48px}.action-card-label{font-weight:500;font-size:.88rem;color:var(--text)}.section-title{font-family:var(--font-display);font-size:1.25rem;margin-bottom:16px;color:var(--text)}.past-scans-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:32px}.past-scan-thumb{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--border);cursor:pointer;transition:all .2s;position:relative;background:var(--bg-warm)}.past-scan-thumb:hover{border-color:var(--accent);transform:scale(1.03)}.past-scan-thumb img{width:100%;height:100%;object-fit:cover}.past-scan-badge{position:absolute;bottom:6px;right:6px;background:rgba(26,22,18,.7);color:#fff;font-size:.65rem;padding:2px 7px;border-radius:20px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scan-header{gap:12px;padding:20px 0 16px}.back-btn,.scan-header{display:flex;align-items:center}.back-btn{background:none;width:36px;height:36px;border-radius:50%;justify-content:center;color:var(--text);transition:background .2s}.back-btn:hover{background:var(--border-light)}.scan-title{font-family:var(--font-display);font-size:1.4rem}.progress-bar-wrap{background:var(--border-light);border-radius:100px;height:6px;margin:16px 0 8px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#f2845c);border-radius:100px;transition:width .6s ease}.progress-text{font-size:.82rem;color:var(--text-muted);margin-bottom:24px}.category-section{margin-bottom:28px}.category-label{font-family:var(--font-display);font-size:1.15rem;margin-bottom:12px;color:var(--text);display:flex;align-items:center;gap:8px}.category-count{font-family:var(--font-body);font-size:.72rem;background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:20px;font-weight:600}.dish-card{display:flex;gap:14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm);animation:slideUp .4s ease-out both}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dish-img-wrap{width:88px;height:88px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-warm);position:relative}.dish-img-wrap img{width:100%;height:100%;object-fit:cover}.dish-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dish-img-spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dish-info{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center}.dish-name{font-weight:600;font-size:.92rem;margin-bottom:4px;line-height:1.3}.dish-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dish-price{font-weight:600;color:var(--accent);font-size:.88rem}.modal-overlay{position:fixed;inset:0;background:rgba(26,22,18,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:28px 24px 40px;width:100%;max-width:480px;animation:slideSheet .3s ease-out}@keyframes slideSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:40px;height:4px;background:var(--border);border-radius:100px;margin:0 auto 20px}.modal-title{font-family:var(--font-display);font-size:1.3rem;margin-bottom:20px;text-align:center}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-warm)}.upload-zone:hover{border-color:var(--accent);background:var(--accent-light)}.upload-zone svg{margin-bottom:12px}.upload-zone-text{font-size:.9rem;color:var(--text-secondary)}.upload-zone-text strong{color:var(--accent)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state svg{margin-bottom:12px;opacity:.5}.empty-state p{font-size:.88rem}.hidden-input{display:none}.loading-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.full-spinner{display:flex;align-items:center;justify-content:center;min-height:60dvh}.full-spinner .dish-img-spinner{width:40px;height:40px}