.results-panel{margin-top:var(--spacing-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.results-panel__header{justify-content:space-between;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.results-panel__title{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:-.3px;margin:0;font-weight:800}.results-panel__caption{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.results-panel__grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=480px){.results-panel__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.results-panel__grid{grid-template-columns:repeat(4,1fr)}}.result-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-md);transition:transform var(--transition-fast),border-color var(--transition-fast);flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.result-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.result-card:before{content:"";background:var(--card-accent,var(--color-primary));width:4px;height:100%;position:absolute;top:0;left:0}.result-card__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);align-items:center;gap:6px;font-weight:600;display:flex}.result-card__icon{font-size:14px}.result-card__value{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:-.5px;word-break:break-word;margin-top:2px;font-weight:800;line-height:1.2}.result-card__sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.result-card--primary{--card-accent:var(--color-primary)}.result-card--success{--card-accent:var(--color-success)}.result-card--warning{--card-accent:var(--color-warning)}.result-card--accent{--card-accent:var(--color-accent)}.result-card--purple{--card-accent:var(--color-purple)}.result-card--pink{--card-accent:var(--color-pink)}.share-card{--card-accent:var(--color-accent);text-align:center;padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-sm)}@media (width>=480px){.share-card{grid-column:span 2}}@media (width>=768px){.share-card{grid-column:span 2}}.share-card__label{justify-content:center}.share-card__body{margin:var(--spacing-sm)0;justify-content:center;align-items:center;display:flex}.share-card__icon-btn{border:2px solid var(--color-accent);color:var(--color-text-primary);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);background:linear-gradient(135deg,#4f8cff2e,#4f8cff0f);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:0;display:flex}.share-card__icon-btn:hover{background:linear-gradient(135deg,#4f8cff52,#4f8cff1f);transform:translateY(-2px)scale(1.04);box-shadow:0 8px 24px #4f8cff59}.share-card__icon-btn:active{transform:translateY(0)scale(.98)}.share-card__icon-btn-glyph{font-size:32px;line-height:1}.share-card__hint{align-self:center;max-width:420px;margin-top:4px}.share-card--copied{--card-accent:var(--color-success)}.share-card--copied .share-card__icon-btn{border-color:var(--color-success);background:linear-gradient(135deg,#22c55e52,#22c55e1f);box-shadow:0 8px 24px #22c55e4d}.share-card--error{--card-accent:var(--color-warning)}.share-card--error .share-card__icon-btn{border-color:var(--color-warning);background:linear-gradient(135deg,#f59e0b52,#f59e0b1f)}