.sav-hero{background:linear-gradient(135deg, var(--color-surface-soft) 0%, var(--color-canvas) 100%);border-bottom:1px solid var(--color-hairline-soft);padding:24px 0 28px}html[data-theme=dark] .sav-hero{background:linear-gradient(135deg, #0f9f870f 0%, var(--color-canvas) 100%)}.sav-hero-content{flex-direction:column;gap:8px;max-width:700px;display:flex}.sav-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}.sav-hero-badge svg{flex-shrink:0}.sav-hero-title{color:var(--color-ink);letter-spacing:-.03em;margin:0;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.1}.sav-hero-desc{color:var(--color-muted);margin:0;font-size:15px;line-height:1.55}.sav-hero-stats{flex-wrap:wrap;align-items:center;gap:20px;margin-top:4px;display:flex}.sav-stat{flex-direction:column;gap:2px;display:flex}.sav-stat-value{color:var(--color-ink);letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.sav-stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:500}.sav-stat-divider{background:var(--color-hairline);flex-shrink:0;width:1px;height:28px}.sav-main-content{padding-top:var(--space-6);padding-bottom:var(--space-section);gap:var(--space-6);flex-direction:column;display:flex}.sav-tabs-bar{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-hairline-soft);gap:8px;display:flex}.sav-tab{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-full);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;display:inline-flex}.sav-tab svg{flex-shrink:0}.sav-tab:hover{border-color:var(--color-ink)}.sav-tab.active{background-color:var(--color-control-active-bg);color:var(--color-control-active-text);border-color:var(--color-control-active-border);font-weight:600}.sav-food-card{background-color: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;display:flex;overflow:hidden}.sav-food-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.sav-card-img-link{display:block;overflow:hidden}.sav-card-img-wrap{aspect-ratio:4/3;background:var(--color-surface-soft);width:100%;overflow:hidden}.sav-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,0,0,1);display:block}.sav-food-card:hover .sav-card-img{transform:scale(1.04)}.sav-card-img-placeholder{background:linear-gradient(135deg, var(--color-surface-soft) 0%, var(--color-hairline) 100%);width:100%;height:100%}.sav-card-body{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sav-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.sav-card-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);font-size:11px;font-weight:700}.sav-card-cal{color:var(--color-muted);font-size:12px;font-weight:500}.sav-card-title{margin:2px 0 0;font-size:16px;font-weight:700}.sav-card-title a{color:var(--color-ink);text-decoration:none}.sav-card-title a:hover{text-decoration:underline}.sav-card-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.sav-remove-btn{border:1px solid var(--color-hairline);border-radius:var(--radius-full);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.sav-remove-btn:hover{color:#e53e3e;background-color:#e53e3e0a;border-color:#e53e3e}.sav-remove-btn svg{flex-shrink:0}.sav-comps-list{flex-direction:column;gap:10px;display:flex}.sav-comp-row{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sav-comp-row:hover{border-color:var(--color-border-strong)}.sav-comp-info{flex-direction:column;gap:4px;display:flex}.sav-comp-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.sav-comp-title{margin:0;font-size:16px;font-weight:700}.sav-comp-title a{color:var(--color-ink);text-decoration:none}.sav-comp-title a:hover{text-decoration:underline}.sav-comp-actions{align-items:center;gap:8px;display:flex}.sav-empty-box{text-align:center;background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;max-width:440px;margin:24px auto;padding:48px 24px;display:flex}.sav-empty-icon{border-radius:var(--radius-full);background-color:var(--color-surface-soft);width:60px;height:60px;color:var(--color-muted);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.sav-empty-title{color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.sav-empty-desc{color:var(--color-muted);max-width:320px;margin:0;font-size:14px;line-height:1.5}@media (width<=480px){.sav-comp-row{flex-direction:column;align-items:flex-start;padding:12px 14px}.sav-comp-actions{justify-content:space-between;width:100%}.sav-card-body{padding:12px 14px}}