:root{--color-bg: #f5f4f0;--color-primary: #ffde4d;--color-secondary: #ff6b6b;--color-accent: #4ecdc4;--color-purple: #a78bfa;--color-orange: #fb923c;--color-dark: #121212;--color-white: #ffffff;--border-w-thick: 4px;--border-w-thin: 2px;--border-radius-lg: 16px;--border-radius-md: 8px;--border-style: solid var(--color-dark);--shadow-hard-lg: 8px 8px 0px var(--color-dark);--shadow-hard-md: 4px 4px 0px var(--color-dark);--shadow-hard-sm: 2px 2px 0px var(--color-dark);--font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-black: 900;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-normal: 400;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .1s ease;--transition-normal: .2s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-dark);font-family:var(--font-family);padding:var(--spacing-md);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3,h4{font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:-.02em}.app-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:600px;margin:0 auto}.app-header{background-color:var(--color-primary);border:var(--border-w-thick) var(--border-style);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-hard-lg);text-align:center;margin-bottom:var(--spacing-xs)}.app-title{font-size:2rem;line-height:1.1;color:var(--color-dark);-webkit-text-stroke:1px var(--color-dark)}.app-subtitle{font-size:.9rem;font-weight:var(--font-weight-bold);margin-top:var(--spacing-sm);background:var(--color-white);border:var(--border-w-thin) var(--border-style);display:inline-block;padding:2px var(--spacing-sm);transform:rotate(-1deg)}.search-container{position:relative;width:100%}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;font-size:1rem;font-weight:var(--font-weight-bold);background-color:var(--color-white);border:var(--border-w-thick) var(--border-style);border-radius:var(--border-radius-md);box-shadow:var(--shadow-hard-md);outline:none;transition:var(--transition-fast)}.search-input:focus{box-shadow:var(--shadow-hard-lg);transform:translate(-2px,-2px)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.2rem;pointer-events:none;font-weight:var(--font-weight-black)}.stats-badge{align-self:flex-start;background-color:var(--color-purple);color:var(--color-dark);font-weight:var(--font-weight-black);border:var(--border-w-thin) var(--border-style);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;box-shadow:var(--shadow-hard-sm)}.plant-feed{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xs)}plant-card{display:block}.empty-state{background-color:var(--color-white);border:var(--border-w-thick) var(--border-style);border-radius:var(--border-radius-lg);padding:var(--spacing-xl) var(--spacing-md);text-align:center;box-shadow:var(--shadow-hard-md);font-weight:var(--font-weight-bold)}.loading-spinner{display:inline-block;width:32px;height:32px;border:var(--border-w-thick) var(--border-style);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s linear infinite;margin-bottom:var(--spacing-sm)}@keyframes spin{to{transform:rotate(360deg)}}