:root{--bg:#f8fbff;--card-bg:#fff;--muted:#64748b;--primary:#4f46e5;--text:#0f172a;--accent:#eef2ff;--btn-bg:#4f46e5;--btn-color:#fff}[data-theme=dark]{--bg:#0b1220;--card-bg:#071226;--muted:#94a3b8;--primary:#7c3aed;--text:#e6eef8;--accent:#071227;--btn-bg:#7c3aed;--btn-color:#fff}*{box-sizing:border-box}html{height:100%}body{background:linear-gradient(135deg, var(--bg) 0%, #eef6ff 100%);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}#root{min-height:100vh}.page{min-height:100vh;padding:24px}.card{background:var(--card-bg);border-radius:20px;max-width:1120px;margin:0 auto;padding:24px;box-shadow:0 18px 45px #0f172a0f}header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}header h1{margin:0;font-size:1.8rem}header p{color:var(--muted);margin:4px 0 0}.theme-toggle{cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000000f;border-radius:999px;padding:8px 12px}.hero{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 4px;font-size:.75rem;font-weight:700}.subtitle{color:var(--muted)}.main-grid{grid-template-columns:minmax(280px,360px) 1fr;gap:20px;display:grid}.panel-column{gap:16px;display:grid}.suggestion-panel{background:var(--accent);border-radius:12px;padding:14px}.suggestion-panel h3{margin-top:0;margin-bottom:8px}.suggestion-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.suggestion-item{background:var(--card-bg);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 6px 18px #0206170a}.suggestion-item:hover{transform:translateY(-4px);box-shadow:0 24px 40px #02061714}.suggestion-item img.thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px;margin-right:12px}.thumb-container{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:24px;display:flex}.thumb-emoji{display:block}.suggestion-item .meta{color:var(--muted);font-size:.9rem}.btn-primary{background:var(--btn-bg);color:var(--btn-color);cursor:pointer;border:none;border-radius:999px;padding:8px 12px;transition:transform .12s,box-shadow .12s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e51f}.voice-button{background:var(--text);color:var(--btn-color);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-weight:600}.voice-button.listening{background:#dc2626}.shopping-list{background:0 0}@media (width<=900px){.main-grid{grid-template-columns:1fr}}