:root{--green-900: #1a3409;--green-800: #22450e;--green-700: #2d5016;--green-600: #3a6b1e;--green-500: #4a8528;--green-100: #e8f0e0;--cream-50: #fdfcfa;--cream-100: #faf6f0;--cream-200: #f5efe4;--cream-300: #ede4d4;--cream-400: #ddd2be;--terracotta-700: #9e5a30;--terracotta-600: #b8673a;--terracotta-500: #c4703f;--terracotta-400: #d4884f;--terracotta-300: #e0a06a;--brown-900: #2c2416;--brown-800: #3d3223;--brown-700: #5a4e3e;--brown-600: #7a6e5e;--brown-500: #9a8e7e;--brown-400: #b5a898;--brown-300: #d6cbb8;--red-600: #a33333;--red-100: #fde8e8;--red-border: #e6b0b0;--shadow-sm: 0 1px 3px rgba(44, 36, 22, .06);--shadow-md: 0 4px 12px rgba(44, 36, 22, .08);--shadow-lg: 0 8px 24px rgba(44, 36, 22, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 100px;--font-display: "Cormorant Garamond", "Georgia", "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--brown-900);background-color:var(--cream-100);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{max-width:840px;margin:0 auto;padding:2.5rem 1.5rem 4rem}@media(max-width:600px){#root{padding:1.5rem 1rem 3rem}}.search-bar{display:flex;gap:.75rem}.search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--brown-400);pointer-events:none;transition:color var(--transition-fast)}.search-input-wrapper:focus-within .search-icon{color:var(--green-600)}.search-input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.95rem;font-family:var(--font-body);border:2px solid var(--cream-400);border-radius:var(--radius-md);background:var(--cream-50);color:var(--brown-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-wrapper input:focus{outline:none;border-color:var(--green-600);box-shadow:0 0 0 3px #3a6b1e1a}.search-input-wrapper input::placeholder{color:var(--brown-400)}.search-bar button{padding:.875rem 1.75rem;font-size:.9rem;font-family:var(--font-body);font-weight:600;border:none;border-radius:var(--radius-md);background:var(--green-700);color:#fff;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;letter-spacing:.02em}.search-bar button:hover:not(:disabled){background:var(--green-600);transform:translateY(-1px)}.search-bar button:active:not(:disabled){transform:translateY(0)}.search-bar button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:500px){.search-bar{flex-direction:column}.search-bar button{padding:.75rem}}.herb-card{background:var(--cream-50);border:1px solid var(--cream-300);border-left:3px solid var(--green-600);border-radius:var(--radius-md);padding:1.5rem 1.5rem 1.25rem;transition:box-shadow var(--transition-base),transform var(--transition-base)}.herb-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.herb-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.herb-name{margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--green-800);line-height:1.2}.similarity-badge{font-size:.75rem;font-weight:600;padding:.2rem .55rem;background:var(--green-100);color:var(--green-700);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.herb-description{color:var(--brown-800);margin:0 0 1rem;font-size:.9rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.herb-card:hover .herb-description,.herb-card:focus-within .herb-description{-webkit-line-clamp:unset}.how-to-use-toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--terracotta-600);font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:.75rem;transition:color var(--transition-fast)}.how-to-use-toggle:hover{color:var(--terracotta-500)}.toggle-chevron{transition:transform var(--transition-fast)}.how-to-use-toggle.is-expanded .toggle-chevron{transform:rotate(180deg)}.herb-how-to-use{animation:slideDown var(--transition-base)}.herb-how-to-use p{color:var(--brown-700);font-size:.85rem;line-height:1.75;margin:0 0 .75rem;padding:.875rem 1rem;background:var(--cream-200);border-radius:var(--radius-sm);border-left:2px solid var(--terracotta-400)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.herb-categories{display:flex;flex-wrap:wrap;gap:.35rem}.category-tag{font-size:.7rem;font-weight:500;padding:.2rem .6rem;background:var(--cream-300);color:var(--brown-700);border-radius:var(--radius-full);letter-spacing:.01em}@media(max-width:600px){.herb-card{padding:1.25rem 1rem 1rem}.herb-name{font-size:1.2rem}.herb-description{font-size:.85rem}}.herb-card-list{display:flex;flex-direction:column;gap:.75rem}.results-count{margin:0;font-size:.8rem;font-weight:500;color:var(--brown-500);letter-spacing:.03em;text-transform:uppercase}.herb-card-list-items{display:flex;flex-direction:column;gap:1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 1rem}.spinner-dots{display:flex;gap:.5rem}.dot{width:10px;height:10px;background:var(--green-600);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-spinner p{color:var(--brown-600);font-family:var(--font-display);font-style:italic;font-size:1.05rem;margin:0}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{font-size:2.5rem;margin:0 0 .5rem;opacity:.4}.empty-state-title{font-family:var(--font-display);color:var(--green-800);font-size:1.6rem;font-weight:600;margin:0 0 .75rem}.empty-state-message{color:var(--brown-600);font-size:.95rem;max-width:460px;margin:0 auto;line-height:1.7}.suggestion-chips{margin-top:2rem}.suggestion-label{font-size:.8rem;font-weight:500;color:var(--brown-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.chip{font-family:var(--font-body);font-size:.85rem;padding:.45rem 1rem;background:var(--cream-50);color:var(--brown-800);border:1px solid var(--cream-400);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.chip:hover{background:var(--green-100);border-color:var(--green-500);color:var(--green-800);transform:translateY(-1px)}.app-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem}.app-header-ornament{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.ornament-line{display:block;width:60px;height:1px;background:var(--brown-300)}.ornament-leaf{font-size:1.5rem;color:var(--green-600);line-height:1}.app-title{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--green-800);margin:0 0 .25rem;letter-spacing:.01em;line-height:1.1}.app-subtitle{font-family:var(--font-display);color:var(--brown-600);font-style:italic;font-size:1.2rem;margin:0;letter-spacing:.02em}.app-main{display:flex;flex-direction:column;gap:1.5rem}.error-message{color:var(--red-600);background:var(--red-100);border:1px solid var(--red-border);padding:.75rem 1rem;border-radius:var(--radius-sm);margin:0;font-size:.9rem}.app-footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--cream-300)}.footer-ornament{display:block;font-size:1.25rem;color:var(--brown-400);margin-bottom:.5rem}.app-footer p{margin:0;font-size:.8rem;color:var(--brown-500);letter-spacing:.05em;text-transform:uppercase}@media(max-width:600px){.app-title{font-size:2.25rem}.app-subtitle{font-size:1.05rem}}