.hc-dining-out-section{background:var(--hc-bg-secondary);border:1px solid var(--hc-border);border-radius:2rem;margin:1rem auto 0;max-width:480px;width:calc(100% - 2rem)}
.hc-dining-out-card{overflow:hidden;border-radius:2rem}
.hc-dining-out-header{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;transition:background .2s;border-radius:2rem 2rem 0 0}
.hc-dining-out-header:hover{background:var(--hc-card-hover);border-radius:2rem 2rem 0 0}
.hc-dining-out-header.active{border-radius:2rem 2rem 0 0}
.hc-dining-out-header:active{transform:scale(.98)}
.hc-dining-out-icon{width:44px;height:44px;border-radius:.75rem;background:var(--hc-card-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hc-dining-out-icon svg{width:22px;height:22px;color:var(--hc-text-secondary)}
.hc-dining-out-title-wrap{flex:1;min-width:0}
.hc-dining-out-title{font-size:1rem;font-weight:500;color:var(--hc-text);margin:0 0 .25rem;letter-spacing:.05em}
.hc-dining-out-subtitle{font-size:.75rem;color:var(--hc-text-muted);margin:0}
.hc-dining-out-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--hc-text-muted);cursor:pointer;flex-shrink:0;transition:transform .3s}
.hc-dining-out-toggle svg{width:20px;height:20px}
.hc-dining-out-header.active .hc-dining-out-toggle{transform:rotate(180deg)}
.hc-dining-out-body{padding:1rem;animation:slideDown .3s}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.hc-dining-out-form{display:flex;flex-direction:column;gap:1rem}
.hc-form-row-dining{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.hc-dining-out-form .hc-form-group{display:flex;flex-direction:column;gap:.5rem}
.hc-dining-out-form label{font-size:.75rem;font-weight:500;color:var(--hc-text-muted);text-transform:uppercase;letter-spacing:.05em}
.hc-dining-out-form select,.hc-dining-out-form input{padding:.75rem;background:var(--hc-card);border:1px solid var(--hc-border);border-radius:.5rem;color:var(--hc-text);font-size:.875rem;transition:border-color .2s;caret-color:var(--hc-text)}
.hc-dining-out-form select:focus,.hc-dining-out-form input:focus{outline:none;border-color:var(--hc-text-muted)}
.hc-dining-out-form .hc-btn-primary{background:#fff;color:#000;border:1px solid #fff;font-weight:500}
.hc-dining-recommendation{background:var(--hc-card);border:1px solid var(--hc-border);border-radius:1rem;padding:1rem;margin-bottom:1rem}
.hc-dining-recommendation-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}
.hc-dining-recommendation-name{font-size:1rem;font-weight:500;margin:0 0 .25rem;color:var(--hc-text)}
.hc-dining-recommendation-category{font-size:.625rem;color:var(--hc-text-muted);text-transform:uppercase;letter-spacing:.1em}
.hc-dining-recommendation-score{background:#4a4;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;text-align:center;min-width:3.5rem}
.hc-dining-recommendation-nutrition{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:.75rem;background:var(--hc-bg-secondary);border-radius:.5rem;margin-bottom:.75rem}
.hc-dining-nutrition-item{text-align:center}
.hc-dining-nutrition-value{font-size:1rem;font-weight:500;color:var(--hc-text);margin-bottom:.25rem}
.hc-dining-nutrition-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hc-text-muted)}
.hc-dining-recommendation-reason{padding:.75rem;background:var(--hc-bg-secondary);border:1px solid var(--hc-border);border-radius:.5rem;font-size:.75rem;color:var(--hc-text-secondary);line-height:1.5}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}