:root{--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--bg-base:#f6e9dc;--bg-card:#fff7efe6;--bg-input:#fffaf4f2;--text-main:#5a4636;--text-muted:#8a6f5a;--border-light:#966e5033;--accent-primary:#d17b5f;--accent-secondary:#b8644c;--risk-safe:#7bbf8a;--risk-safe-bg:#e8f5e9;--risk-safe-border:#c8e6c9;--risk-safe-text:#2e7d32;--risk-mod:#e0a458;--risk-mod-bg:#fff8e1;--risk-mod-border:#ffecb3;--risk-mod-text:#f57f17;--risk-high:#d46a5a;--risk-high-bg:#ffebee;--risk-high-border:#ffcdd2;--risk-high-text:#c62828}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin-top:0}h1,.h1{font-size:2.5rem;font-weight:800}h2,.h2{font-size:2rem;font-weight:700}h3,.h3{font-size:1.5rem;font-weight:600}.text-muted{color:var(--text-muted)}.text-main{color:var(--text-main)}.font-bold{font-weight:700}.font-semibold{font-weight:600}*,:before,:after{box-sizing:border-box}body{color:var(--text-main);background:linear-gradient(135deg,#f6e9dc,#f3dfcf 60%,#f8efe6);margin:0;font-family:Inter,sans-serif}.responsive-flex-row{gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end;display:flex}.responsive-flex-row>div{flex:250px}.tab-container{margin-bottom:var(--space-lg);-webkit-overflow-scrolling:touch;gap:24px;padding-bottom:4px;display:flex;overflow-x:auto}.tab-container::-webkit-scrollbar{height:4px}.tab-container::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.app-wrapper{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-layer{z-index:-1;background:radial-gradient(circle at 20% 20%,#ffc8aa40,#0000 40%),radial-gradient(circle at 80% 80%,#ffaa8c33,#0000 50%);position:fixed;inset:0}.container{max-width:1200px;padding:32px 40px var(--space-lg);margin:0 auto}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0000000d);width:auto;max-width:100%;max-height:40px}.check-icon svg{stroke-width:2px;stroke:#5a4636}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mt-0{margin-top:0}.p-lg{padding:var(--space-lg)}.empty-state{color:var(--text-muted);background:var(--bg-card);padding:var(--space-lg);text-align:center;border:1px solid var(--border-light);border-radius:12px;margin:0;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 0;display:flex}.loading-spinner{border:3px solid var(--border-light);border-top:3px solid var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.decision-badge{letter-spacing:.01em;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.decision-badge-avoid{color:var(--risk-high-text);background:#dc26261a;border:1px solid #dc262640}.decision-badge-consume-with-gap{color:#b45309;background:#e0a45826;border:1px solid #e0a45859}.decision-badge-can-consume{color:#166534;background:#7bbf8a26;border:1px solid #7bbf8a59}.header{border-bottom:1px solid var(--border-light);background:0 0;padding:16px 40px}.logo-text{font-size:1.45rem;font-weight:700}.logout-btn{color:var(--risk-high-text);border:1px solid var(--risk-high-border);cursor:pointer;background:#fff;border-radius:12px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.logout-btn:hover{background:var(--risk-high-bg)}.login-wrapper{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;justify-content:space-between;align-items:stretch;width:100%;max-width:1000px;display:flex;overflow:hidden;box-shadow:0 25px 50px #7850321a}.login-left{border-right:1px solid var(--border-light);background:linear-gradient(145deg,#d17b5f0d 0%,#d17b5f26 100%);flex-direction:column;flex:1.2;justify-content:center;padding:60px;display:flex}.login-brand .brand-logo{max-height:76px}.login-description{color:var(--text-muted);margin-bottom:32px;font-size:1.05rem;line-height:1.6}.login-features{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.feature-item{color:var(--text-main);align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.check-icon{color:var(--risk-safe);background:#7bbf8a33;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.login-card{background:0 0;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.login-header{text-align:center;margin-bottom:32px}.login-title{color:var(--text-main);margin:0 0 8px;font-size:1.8rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin:0;font-size:1rem}.login-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.google-btn{color:var(--text-main);border:1px solid var(--border-light);background:#fff;box-shadow:0 2px 4px #00000005}.google-btn:hover{background:#fdfaf7;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.google-icon{color:#4285f4;font-size:1.2rem;font-weight:800}.email-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 4px 12px #d17b5f33}.email-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b464464d}.divider{text-align:center;color:var(--text-muted);align-items:center;margin:24px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-light);flex:1}.divider span{padding:0 16px}.login-form{flex-direction:column;gap:16px;display:flex}.input-group-auth{width:100%}.login-input{border:1px solid var(--border-light);width:100%;height:52px;color:var(--text-main);background:#fff9;border-radius:12px;padding:0 16px;font-size:.95rem;transition:all .2s}.login-input:focus{border-color:var(--accent-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #d17b5f26}.login-toggle{text-align:center;color:var(--text-muted);cursor:pointer;margin-top:24px;font-size:.9rem;font-weight:500;transition:color .2s}.login-toggle:hover{color:var(--accent-primary);text-decoration:underline}.login-loading-container{justify-content:center;align-items:center;padding:60px}.hero{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:24px;display:flex}.hero-text h1{margin-bottom:var(--space-xs);color:var(--text-main);font-size:1.5rem;font-weight:700}.hero-text p{color:var(--text-muted);font-size:1.1rem}.chips{gap:var(--space-sm);flex-wrap:wrap;margin-bottom:16px;display:flex}.chips button{border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;background:#fff9;border-radius:20px;padding:8px 16px}.chips button:hover{background:#fffc}.main-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;grid-template-columns:40% 60%;gap:24px;padding:24px;display:grid;box-shadow:0 2px 8px #7850320f}.tab-button{border:1px solid var(--border-light);cursor:pointer;color:var(--text-main);box-shadow:none;background:#fff9;border-radius:20px;padding:8px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.tab-button.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 4px 12px #d17b5f40}.history-section-card{background:var(--bg-card);border:1px solid var(--border-light);padding:var(--space-lg);border-radius:12px;box-shadow:0 2px 8px #7850320f}.history-row{background:var(--bg-input);border:1px solid var(--border-light);border-radius:14px;flex-direction:column;gap:8px;padding:16px 24px;transition:box-shadow .2s;display:flex}.history-row:hover{box-shadow:0 6px 20px #7850321f}.history-toggle-btn{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-size:.8rem;transition:all .15s}.history-toggle-btn:hover{color:var(--accent-primary);background:#d17b5f14}.history-rule-card{border:1px solid var(--border-light);color:var(--text-main);background:#d17b5f0d;border-radius:10px;padding:16px;font-size:.875rem;line-height:1.55}.history-empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.history-error{text-align:center;color:var(--risk-high);background:#dc26260f;border:1px solid #dc262633;border-radius:14px;padding:24px;font-size:.95rem}.profile-card{background:var(--bg-card);border:1px solid var(--border-light);padding:var(--space-lg);border-radius:24px;box-shadow:0 20px 40px #78503226}.profile-action-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;height:56px;padding:0 24px;font-weight:700;transition:all .2s}.profile-action-btn:disabled{color:#9e9e9e;cursor:not-allowed;background:#e0e0e0}.medication-chip{border:1px solid var(--border-light);background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex;box-shadow:0 2px 4px #0000000d}.medication-chip-remove{background:var(--bg-app);cursor:pointer;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.2rem;transition:background .2s,color .2s;display:flex}.medication-chip-remove:hover{background:var(--risk-high-bg);color:var(--risk-high-text)}.profile-error-alert{color:var(--risk-high-text);background:var(--risk-high-bg);border-radius:8px;margin-bottom:16px;padding:16px;font-size:.9rem}.input-section{gap:var(--space-md);flex-direction:column;display:flex}.context-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}select{border:1px solid var(--border-light);background:var(--bg-input);height:44px;color:var(--text-main);border-radius:8px;width:100%;padding:0 16px;font-family:inherit;font-size:.95rem}select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #d17b5f33}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:600}input{border:1px solid var(--border-light);background:var(--bg-input);height:44px;color:var(--text-main);border-radius:8px;width:100%;padding:0 16px}input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #d17b5f33}.btn{margin-top:var(--space-md);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:44px;font-weight:700}.btn:hover{transform:translateY(-2px)}.result-section{flex-direction:column;display:flex}.result-container{width:100%;display:flex}.result-card,.result-empty,.result-loading{background:var(--bg-input);border:1px solid var(--border-light);border-radius:12px;width:100%;padding:24px}.result-empty,.result-loading{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;display:flex}.context{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.result-header h2{margin:0 0 16px;font-size:1.5rem;font-weight:700}.desc p{margin-top:8px;line-height:1.5}.disclaimer{border-top:1px solid var(--border-light);color:var(--text-muted);margin-top:24px;padding-top:16px;font-size:.8rem}.risk-low,.risk-safe{border-left:4px solid var(--risk-safe)}.risk-moderate{border-left:4px solid var(--risk-mod)}.risk-high{border-left:4px solid var(--risk-high)}.risk-severe{border-left:4px solid #b91c1c}.risk-critical{border-left-color:#dc2626}.batch-container{margin-top:24px}.batch-title{color:var(--text-main);margin:0 0 16px;font-size:1.25rem}.batch-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.95rem}.batch-list{flex-direction:column;gap:16px;display:flex}.batch-section-avoid{background:var(--risk-high-bg);border:1px solid var(--risk-high-border);border-radius:12px;padding:24px}.batch-section-caution{background:var(--risk-mod-bg);border:1px solid var(--risk-mod-border);border-radius:12px;padding:24px}.batch-section-safe{background:var(--risk-safe-bg);border:1px solid var(--risk-safe-border);border-radius:12px;padding:24px}.batch-item-card{background:#fff;border-radius:8px;padding:16px}.batch-item-card-safe{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.batch-item-header{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.batch-item-title-avoid{color:var(--risk-high-text);font-size:1.1rem;font-weight:700}.batch-item-title-caution{color:var(--risk-mod-text);margin-bottom:8px;font-size:1.1rem;font-weight:700;display:block}.batch-item-title-safe{color:var(--risk-safe-text);font-size:1.05rem;font-weight:700}.batch-rules-list{color:var(--text-main);margin:0;padding-left:20px;font-size:.9rem}.batch-section-header-avoid{color:var(--risk-high-text);align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;display:flex}.batch-section-header-caution{color:var(--risk-mod-text);align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;display:flex}.batch-section-header-safe{color:var(--risk-safe-text);align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;display:flex}.batch-severity-badge{background:var(--risk-high);color:#fff;text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:700}.batch-guidance{color:var(--text-muted);margin-top:4px;font-style:italic}.batch-guidance-caution{color:var(--risk-mod-text);margin-top:4px;font-weight:700}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{background:var(--bg-card);border:1px solid var(--border-light);z-index:10;box-sizing:border-box;border-radius:12px;max-height:250px;margin-top:6px;margin-bottom:0;padding:6px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #78503226}.autocomplete-item{cursor:pointer;color:var(--text-main);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-size:.95rem;transition:background .2s,color .2s}.autocomplete-item:hover{background:#d17b5f1a}.state-item{color:var(--text-muted);cursor:default;text-align:center;font-style:italic}.state-item:hover{background:0 0}@media (width<=1024px){.main-card{grid-template-columns:1fr}}@media (width<=900px){.login-container{flex-direction:column}.login-left{border-right:none;border-bottom:1px solid var(--border-light);padding:40px 30px}.login-card{width:100%;padding:40px 30px}}@media (width<=768px){.container{padding:24px 24px var(--space-lg)}.header{padding:16px 24px}.hero{flex-direction:column;align-items:flex-start}.brand-logo{max-height:36px}.login-brand .brand-logo{max-height:80px}}@media (width<=600px){.context-grid{grid-template-columns:1fr}.container{padding:16px 16px var(--space-lg)}.header,.login-wrapper{padding:16px}.login-left,.login-card{padding:24px 16px}.result-card,.batch-section-avoid,.batch-section-caution,.batch-section-safe{padding:16px}}