:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-gradient: linear-gradient(160deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);--surface: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .1);--surface-border: rgba(255, 255, 255, .08);--accent-gold: #d4a843;--accent-gold-light: #e8c36a;--accent-gradient: linear-gradient(135deg, var(--accent-gold), var(--accent-gold-light));--accent-glow: rgba(212, 168, 67, .35);--text-primary: #f5f0e8;--text-secondary: rgba(245, 240, 232, .8);--text-muted: rgba(245, 240, 232, .55);--error: rgba(180, 60, 60, .92);--success: #85b77b;--cat-protein: #e8a87c;--cat-vegetable: #85b77b;--cat-grain: #d4a843;--cat-dairy: #c9b8e8;--cat-spice: #e07b5a;--cat-sauce: #c8886e;--cat-other: #a0a0a0}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.625rem;--font-size-2xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root{--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease-out;--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}.fade-in{animation:fadeIn var(--transition-slow) both}.slide-up{animation:slideUp var(--transition-slow) both}.scale-in{animation:scaleIn var(--transition-spring) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{overflow-y:auto;overflow-x:hidden}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}*,*:before,*:after{box-sizing:border-box}img,video,canvas,svg{max-width:100%;height:auto}@media screen and (max-width:359px){:root{--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem}}@media screen and (max-width:414px){body{font-size:var(--font-size-base, 16px)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;-webkit-text-size-adjust:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes avatarEnter{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes avatarExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.8)}}@keyframes ghostBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeGhostBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes kiroBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes kiroGlow{0%,to{filter:drop-shadow(0 0 4px rgba(212,168,67,.3))}50%{filter:drop-shadow(0 0 12px rgba(212,168,67,.6))}}.app-container{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;background:linear-gradient(160deg,#0d0d0d,#1a1a2e,#16213e);color:#f5f0e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.error-overlay{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#b43c3ceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideDown .3s ease-out}.error-message{margin:0;font-size:14px;color:#fff;line-height:1.4}.error-retry-button{flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:600;color:#b43c3cf2;background:#fff;border:none;border-radius:6px;cursor:pointer}.analyzing-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px 16px}.results-container{padding:16px 16px 100px}.analyze-another-button{display:block;width:100%;max-width:480px;margin:24px auto 0;padding:14px 24px;font-size:16px;font-weight:600;color:#0d0d0d;background:linear-gradient(135deg,#d4a843,#e8c36a);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #d4a8434d}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media screen and (max-width:359px){.results-container{padding:12px 10px 80px}.analyzing-container{padding:16px 10px}.analyze-another-button{font-size:14px;padding:12px 20px}.error-overlay{flex-direction:column;gap:8px;padding:12px 14px}}@media screen and (max-width:414px){.results-container{padding:14px 12px 90px}.analyze-another-button{max-width:100%}}