@layer pages {
.item-detail-page{max-width:1200px;margin:0 auto}.item-detail-page .breadcrumb{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-bottom:var(--space-6);font-size:.85rem;display:flex}.item-detail-page .breadcrumb a{color:var(--accent);transition:opacity var(--dur-1)var(--ease-out);text-decoration:none}.item-detail-page .breadcrumb a:hover{opacity:.8}.item-detail-page .breadcrumb .separator{color:var(--text-muted);opacity:.5}.item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.item-title{align-items:flex-start;gap:var(--space-4);display:flex}.item-icon-large{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);object-fit:contain;flex-shrink:0;width:48px;height:48px;padding:4px}.item-title h1{font-family:var(--font-display);margin:0 0 var(--space-1);font-size:1.75rem;font-weight:600}.item-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.last-trade-info{color:var(--text-muted);margin:var(--space-2)0 0;font-size:.8rem}.item-quick-stats{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.profit-badge{border-radius:var(--radius-pill);align-items:center;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.profit-badge.positive{color:#b6f1b6;background:#7faf3a26;border:1px solid #7faf3a4d}.profit-badge.negative{color:#ff9a9a;background:#cf3a3a26;border:1px solid #cf3a3a4d}.price-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.price-card{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.price-card.buy{border-left:3px solid var(--accent-alt)}.price-card.sell{border-left:3px solid #cf3a3a}.price-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3);font-size:.7rem;font-weight:600;display:block}.price-value{justify-content:center;align-items:baseline;gap:var(--space-2);display:flex}.price-indicator{font-size:1rem}.price-card.buy .price-indicator{color:var(--accent-alt)}.price-card.sell .price-indicator{color:#cf3a3a}.price-amount{font-variant-numeric:tabular-nums;color:var(--text);font-size:2rem;font-weight:700}.price-unit{color:var(--text-muted);font-size:1rem}.price-time{color:var(--text-muted);margin-top:var(--space-2);font-size:.8rem;display:block}.stats-row{gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-item{text-align:center}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-1);font-size:.65rem;font-weight:600;display:block}.stat-value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;display:block}.stat-value.positive{color:#b6f1b6}.stat-value.negative{color:#ff9a9a}.stat-unit{color:var(--text-muted);font-size:.75rem;display:block}.more-details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.more-details summary{padding:var(--space-4);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--space-2);font-size:.8rem;font-weight:600;list-style:none;display:flex}.more-details summary:before{content:"+";color:var(--accent);transition:transform var(--dur-1)var(--ease-out);font-size:1rem}.more-details[open] summary:before{content:"-"}.more-details summary:hover{color:var(--text)}.details-grid{gap:var(--space-4);padding:0 var(--space-4)var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.detail-value{color:var(--text);font-size:.95rem}.detail-value.positive{color:#b6f1b6}.detail-value.negative{color:#ff9a9a}.detail-quality-breakdown{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.detail-quality-score{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.detail-quality-flags{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-quality-flag{text-transform:capitalize;color:#ff9a9a;border-radius:var(--radius-pill);background:#cf3a3a1f;border:1px solid #cf3a3a40;padding:2px 8px;font-size:.7rem;font-weight:500;display:inline-block}.actions-section{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.action-link{align-items:center;gap:var(--space-2);color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--dur-1)var(--ease-out);padding:10px 18px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.action-link:hover{background:var(--bg-card-strong);border-color:#d4af374d}.action-link svg{opacity:.7;flex-shrink:0}.action-link.wiki:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.item-header{flex-direction:column;align-items:stretch}.item-title{text-align:center;flex-direction:column;align-items:center}.item-quick-stats{justify-content:center}.price-amount{font-size:1.75rem}.stats-row{grid-template-columns:repeat(2,1fr)}}
}

@layer pages {

}

@layer utilities {
.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.placeholder,.muted{color:var(--text-muted)}.divider{background:var(--border);width:100%;height:1px;margin:16px 0}.text-muted{color:var(--text-muted)}
}

@layer animations {
@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes calc-spin{to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
}

@layer tokens,reset,base,layout,components,pages,utilities,animations;
