.rep-hero{background:linear-gradient(135deg, var(--color-surface-soft) 0%, var(--color-canvas) 100%);border-bottom:1px solid var(--color-hairline-soft);padding:40px 0 36px}html[data-theme=dark] .rep-hero{background:linear-gradient(135deg, #0f9f870f 0%, var(--color-canvas) 100%)}.rep-hero-content{flex-direction:column;gap:8px;max-width:620px;margin-bottom:20px;display:flex}.rep-hero-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.rep-hero-badge svg{flex-shrink:0}.rep-hero-title{color:var(--color-ink);letter-spacing:-.03em;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.1}.rep-hero-desc{color:var(--color-muted);font-size:15px;line-height:1.55}.rep-hero-stats{flex-wrap:wrap;align-items:center;gap:20px;margin-top:6px;display:flex}.rep-stat{flex-direction:column;gap:2px;display:flex}.rep-stat-value{color:var(--color-ink);letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.rep-stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:500}.rep-stat-divider{background:var(--color-hairline);flex-shrink:0;width:1px;height:28px}@media (width<=500px){.rep-stat-divider{display:none}.rep-hero-stats{gap:14px}}.rep-search-bar{gap:8px;max-width:700px;display:flex;position:relative}.rep-search-field-wrap{flex:1;position:relative}.rep-search-icon{color:var(--color-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.rep-search-input{border-radius:var(--radius-full);width:100%;font-size:var(--text-body-md);border:1.5px solid var(--color-hairline);background:var(--color-canvas);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:14px 14px 14px 44px}.rep-search-input:focus{border-color:var(--color-ink);outline:none;box-shadow:0 0 0 3px #22222214}.rep-search-btn{border-radius:var(--radius-full);white-space:nowrap;font-size:var(--text-body-md);flex-shrink:0;padding:14px 28px;font-weight:600}.search-dropdown{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-md);z-index:100;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 28px #0000001f}.search-suggestion-item{color:inherit;border-bottom:1px solid var(--color-hairline-soft);transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover{background:var(--color-surface-soft)}.suggestion-thumb{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:36px;height:36px}.suggestion-text{flex-direction:column;gap:2px;display:flex}.suggestion-name{color:var(--color-ink);font-size:14px;font-weight:600}.suggestion-cal{color:var(--color-muted);text-transform:capitalize;font-size:12px}.rep-main-content{padding-top:var(--space-6);padding-bottom:var(--space-section);gap:var(--space-10);flex-direction:column;display:flex}.rep-section-head{margin-bottom:var(--space-5);flex-direction:column;gap:4px;display:flex}.rep-section-title{color:var(--color-ink);margin:0;font-size:clamp(20px,3vw,24px);font-weight:700}.rep-section-sub{color:var(--color-muted);margin:0;font-size:14px}.rep-finder-section{gap:var(--space-5);flex-direction:column;display:flex}.rep-picker-panel{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:20px 24px;display:flex}.rep-picker-grid{grid-template-columns:1fr;align-items:end;gap:16px;display:grid}@media (width>=744px){.rep-picker-grid{grid-template-columns:1.2fr 1.5fr auto}}.rep-picker-col{flex-direction:column;gap:4px;display:flex}.rep-picker-label{text-transform:uppercase;color:var(--color-ink);letter-spacing:.03em;font-size:11px;font-weight:700}.rep-picker-select{cursor:pointer;width:100%}.rep-find-btn{border-radius:var(--radius-full);min-height:48px}.rep-quick-bar{border-top:1px solid var(--color-hairline-soft);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.rep-quick-label{color:var(--color-muted);font-size:12px;font-weight:600}.rep-quick-pills{flex-wrap:wrap;gap:6px;display:flex}.rep-goal-pill{color:var(--color-ink);background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:4px 12px;font-size:12px;font-weight:500}.rep-goal-pill:hover{border-color:var(--color-ink);background:var(--color-canvas)}.rep-goal-pill.active{background-color:var(--color-control-active-bg);border-color:var(--color-control-active-border);color:var(--color-control-active-text);font-weight:600}.rep-results-header{border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.rep-results-title{color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.rep-results-count{color:var(--color-muted);font-size:13px}.rep-results-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=640px){.rep-results-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.rep-results-grid{grid-template-columns:repeat(4,1fr)}}.rep-alt-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);transition:box-shadow var(--transition-normal), transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;padding:0;display:flex;overflow:hidden}.rep-alt-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.rep-alt-media{background-color:var(--color-surface-soft);display:block;position:relative;overflow:hidden}.rep-alt-img-box{aspect-ratio:16/11;background-color:var(--color-surface-soft);width:100%;position:relative;overflow:hidden}.rep-alt-img{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,0,0,1);display:block}.rep-alt-card:hover .rep-alt-img{transform:scale(1.04)}.rep-alt-badge{z-index:2;position:absolute;top:10px;left:10px}.rep-alt-content{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.rep-alt-title-row{flex-direction:column;gap:2px;display:flex}.rep-alt-cat{text-transform:capitalize;color:var(--color-muted);font-size:11px;font-weight:500}.rep-alt-name{margin:0;font-size:16px;font-weight:700;line-height:1.3}.rep-alt-name a{color:var(--color-ink);text-decoration:none}.rep-alt-name a:hover{text-decoration:underline}.rep-alt-metrics{background-color:var(--color-surface-soft);border-radius:var(--radius-sm);justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.rep-metric{align-items:baseline;gap:2px;display:flex}.rep-metric-val{color:var(--color-ink);font-size:13px;font-weight:700}.rep-metric-unit{color:var(--color-muted);font-size:11px}.rep-metric-sec .rep-metric-val{color:var(--color-muted);font-weight:500}.rep-alt-reason{background-color:var(--color-surface-soft);border-radius:var(--radius-sm);border:1px solid var(--color-hairline-soft);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.rep-reason-label{text-transform:uppercase;color:var(--color-primary);font-size:10px;font-weight:700}.rep-reason-text{color:var(--color-body);margin:0;font-size:11.5px;line-height:1.45}.rep-alt-actions{gap:8px;margin-top:auto;padding-top:6px;display:flex}.rep-alt-actions .btn{text-align:center;flex:1;justify-content:center}.rep-empty-box{text-align:center;color:var(--color-muted);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);grid-column:1/-1;padding:48px}.rep-goals-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=768px){.rep-goals-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.rep-goals-grid{grid-template-columns:repeat(4,1fr)}}.rep-goal-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.rep-goal-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.rep-goal-emoji{font-size:24px;line-height:1}.rep-goal-name{color:var(--color-ink);margin:0;font-size:16px;font-weight:700}.rep-goal-desc{color:var(--color-muted);flex:1;margin:0;font-size:12px;line-height:1.5}.rep-goal-link{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.rep-goal-card:hover .rep-goal-link{gap:6px}.rep-goal-link svg{transition:transform var(--transition-fast)}.rep-goal-card:hover .rep-goal-link svg{transform:translate(2px)}.rep-foods-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=640px){.rep-foods-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.rep-foods-grid{grid-template-columns:repeat(4,1fr)}}.rep-food-card{border-radius:var(--radius-lg);color:inherit;background:var(--color-canvas);border:1px solid var(--color-hairline);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.rep-food-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.rep-food-thumb-wrap{aspect-ratio:4/3;background:var(--color-surface-soft);width:100%;overflow:hidden}.rep-food-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,0,0,1);display:block}.rep-food-card:hover .rep-food-thumb{transform:scale(1.05)}.rep-food-body{flex-direction:column;gap:3px;padding:14px 16px;display:flex}.rep-food-cat{color:var(--color-muted);text-transform:capitalize;font-size:11px;font-weight:500}.rep-food-name{color:var(--color-ink);margin:0;font-size:16px;font-weight:700;line-height:1.25}.rep-food-cal{color:var(--color-muted);margin:0;font-size:13px}.rep-food-link{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:600;display:inline-flex}.rep-food-card:hover .rep-food-link{gap:6px}@media (width<=480px){.rep-picker-panel{padding:16px 14px}.rep-search-bar{flex-direction:column}.rep-search-btn{width:100%}.rep-foods-grid{grid-template-columns:1fr}}