:root{--bg: #faf8f3;--bg-card: #ffffff;--ink: #1a1a1a;--ink-muted: #6b6b66;--ink-faint: #999996;--accent: #d85a30;--accent-soft: #faece7;--success: #1d9e75;--success-soft: #e1f5ee;--warning: #ba7517;--warning-soft: #fae8d2;--danger: #e24b4a;--danger-soft: #fcebeb;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .16);--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", -apple-system, system-ui, sans-serif;--radius: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;padding:32px 20px 80px}.header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:56px}.brand{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.01em}.brand em{font-style:italic;color:var(--accent)}.lang-toggle{display:flex;gap:4px;font-size:13px}.lang-toggle button{background:none;border:0;color:var(--ink-faint);padding:4px 8px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:inherit}.lang-toggle button.active{color:var(--ink);background:#0000000d}.hero{margin-bottom:48px}.hero h1{font-family:var(--serif);font-weight:400;font-size:56px;line-height:1.05;letter-spacing:-.02em;margin-bottom:16px}.hero h1 em{font-style:italic;color:var(--accent)}.hero p{font-size:17px;color:var(--ink-muted);max-width:480px;line-height:1.55}.upload-zone{background:var(--bg-card);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:24px}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-soft)}.upload-zone.has-image{border-style:solid;border-color:var(--success);background:var(--success-soft)}.upload-zone input[type=file]{display:none}.upload-icon{font-size:32px;margin-bottom:12px}.upload-zone h3{font-size:16px;font-weight:500;margin-bottom:6px}.upload-zone p{color:var(--ink-muted);font-size:14px}.preview{max-width:280px;max-height:280px;border-radius:var(--radius);margin:0 auto 12px;display:block}.btn{display:inline-block;background:var(--ink);color:#fff;border:0;padding:14px 28px;border-radius:var(--radius);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;width:100%;text-align:center;transition:background .15s,transform .05s}.btn:hover{background:#000}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--border-strong)}.btn-secondary:hover{background:#0000000a}.price-tag{font-family:var(--serif);font-size:20px;font-style:italic;margin-right:8px}.features{margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.feature{padding:20px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border)}.feature h4{font-size:14px;font-weight:500;margin-bottom:4px}.feature p{font-size:13px;color:var(--ink-muted);line-height:1.5}.disclaimer{margin-top:48px;padding:16px;background:var(--warning-soft);border-radius:var(--radius);font-size:13px;color:var(--warning);line-height:1.5}.result-status{text-align:center;padding:64px 20px}.result-status h2{font-family:var(--serif);font-weight:400;font-size:32px;margin-bottom:12px}.result-status p{color:var(--ink-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.result-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;margin-bottom:16px;border:1px solid var(--border)}.result-dish{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.1;margin-bottom:8px}.result-confidence{font-size:13px;color:var(--ink-faint);margin-bottom:24px}.result-section{margin-bottom:24px}.result-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-weight:500;margin-bottom:10px}.allergen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.allergen-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500}.allergen-chip.present{background:var(--danger-soft);color:#791f1f}.allergen-chip.absent{background:var(--success-soft);color:#085041}.allergen-dot{width:8px;height:8px;border-radius:50%}.allergen-chip.present .allergen-dot{background:var(--danger)}.allergen-chip.absent .allergen-dot{background:var(--success)}.macros{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.macro{padding:16px;background:var(--bg);border-radius:8px;text-align:center}.macro-value{font-family:var(--serif);font-size:26px;font-weight:400}.macro-label{font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.warning-box{padding:16px;background:var(--warning-soft);border-radius:var(--radius);font-size:14px;color:var(--warning);margin-bottom:16px}.summary{font-size:15px;line-height:1.6;color:var(--ink);font-family:var(--serif);font-style:italic;padding:20px;background:var(--bg);border-left:3px solid var(--accent);border-radius:4px}.footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:var(--ink-faint);text-align:center;line-height:1.6}@media (max-width: 480px){.hero h1{font-size:40px}.result-dish{font-size:28px}.macros{grid-template-columns:repeat(2,1fr)}}