.peptides-page{min-height:100vh;background:var(--color-page);padding:var(--space-safe-area)}.peptides-header{margin-bottom:var(--space-xl)}.peptides-header-content{display:flex;align-items:flex-start;justify-content:space-between}.peptides-header-text{flex:1}.peptides-header-title{font-size:var(--text-display-md);font-weight:500;color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-xs)}.peptides-header-description{font-size:var(--text-body-lg);color:var(--color-text-body);line-height:var(--leading-normal)}.peptides-header-counter{text-align:right}.peptides-counter-label{font-size:var(--text-label-md);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.peptides-counter-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);font-size:var(--text-headline-md);background:var(--color-info-tint);color:var(--color-info);border-radius:var(--radius-md);border:1px solid var(--color-info)}.peptides-filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card)}.peptides-filter-controls{display:flex;align-items:center;gap:var(--space-md)}.peptides-filter-icon{width:20px;height:20px;color:var(--color-text-body)}.peptides-filter-select{width:200px;padding:var(--space-sm) var(--space-md);font-size:var(--text-body-md);font-family:var(--font-primary);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--motion-fast)}.peptides-filter-select:focus{outline:none;border-color:var(--color-accent-primary)}.peptides-selected-pills{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-accent-light);border:1px solid var(--color-accent-primary);border-radius:var(--radius-card)}.peptides-pills-label{font-size:var(--text-body-md);font-weight:500;color:var(--color-accent-primary);margin-bottom:var(--space-xs)}.peptides-pills-container{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.peptides-pill{display:inline-flex;align-items:center;padding:var(--space-xxs) var(--space-md);font-size:var(--text-badge);font-weight:400;text-transform:uppercase;background:var(--color-info-tint);color:var(--color-info);border:1px solid var(--color-info);border-radius:var(--radius-md)}.peptides-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width:768px){.peptides-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.peptides-grid{grid-template-columns:repeat(3,1fr)}}.peptides-card{position:relative;padding:var(--space-lg);background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);cursor:pointer;transition:all var(--motion-fast)}.peptides-card:hover{transform:translateY(-2px)}.peptides-card-selected,.peptides-card:hover{border-color:var(--color-accent-primary);background:var(--color-accent-light)}.peptides-card-icon{position:absolute;top:var(--space-md);right:var(--space-md)}.peptides-icon-selected{width:24px;height:24px;color:var(--color-accent-primary)}.peptides-icon-add{width:24px;height:24px;color:var(--color-text-body)}.peptides-card-content{padding-right:calc(var(--space-lg) + 24px)}.peptides-card-title{font-size:var(--text-headline-md);font-weight:500;color:var(--color-text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-xs)}.peptides-card-badge{display:inline-flex;align-items:center;padding:var(--space-xxs) var(--space-sm);font-size:var(--text-badge);font-weight:400;text-transform:uppercase;background:var(--color-info-tint);color:var(--color-info);border:1px solid var(--color-info);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.peptides-card-description{font-size:var(--text-body-md);color:var(--color-text-body);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.peptides-card-info{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-body-md)}.peptides-info-row{display:flex;justify-content:space-between;align-items:center}.peptides-info-label{color:var(--color-text-body)}.peptides-info-value{font-weight:500;color:var(--color-text-primary)}.peptides-action-bar{position:fixed;bottom:0;left:0;right:0;padding:var(--space-md) var(--space-safe-area);background:var(--color-surface);border-top:1px solid var(--color-border)}.peptides-action-bar-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto}.peptides-action-bar-text{font-size:var(--text-body-md);color:var(--color-text-body)}.peptides-action-bar-buttons{display:flex;gap:var(--space-md)}.peptides-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-body-md);font-weight:400;font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--motion-fast);border:1px solid transparent}.peptides-btn-primary{background:var(--color-accent-primary);color:var(--color-text-inverse)}.peptides-btn-primary:hover{background:var(--color-accent-hover)}.peptides-btn-primary:disabled{opacity:.5;cursor:not-allowed}.peptides-btn-secondary{background:transparent;color:var(--color-accent-primary);border-color:var(--color-border)}.peptides-btn-secondary:hover{background:var(--color-accent-light);border-color:var(--color-accent-primary)}.peptides-btn-icon{width:16px;height:16px}.peptides-back-link{display:inline-block;margin-bottom:var(--space-md);text-decoration:none}