:root{--shapes-card-bg:color-mix(in srgb, var(--p-white) 60%, transparent);--shapes-card-bg-dark:color-mix(in srgb, var(--theme-surface-alt) 35%, transparent);--shapes-card-border:var(--p-gray-150);--shapes-card-border-dark:color-mix(in srgb, var(--p-gray-800) 80%, transparent);--shapes-card-padding:1.25rem;--shapes-card-gap:1rem;--shapes-icon-container-size:2.5rem;--shapes-icon-color:var(--p-emerald-600);--shapes-icon-color-dark:var(--p-emerald-400);--shapes-icon-bg:var(--p-slate-100);--shapes-icon-bg-dark:color-mix(in srgb, var(--p-slate-800) 50%, transparent);--shapes-section-bg:color-mix(in srgb, var(--p-white) 40%, transparent);--shapes-section-bg-dark:color-mix(in srgb, var(--p-gray-900) 30%, transparent);--shapes-section-border:var(--p-gray-200);--shapes-section-border-dark:var(--p-gray-800);--shapes-section-padding:1.5rem;--shapes-section-radius:1rem;--shapes-metric-card-bg:color-mix(in srgb, var(--p-white) 60%, transparent);--shapes-metric-card-bg-dark:color-mix(in srgb, var(--theme-surface-alt) 35%, transparent);--shapes-metric-card-border:var(--p-gray-150);--shapes-metric-card-border-dark:color-mix(in srgb, var(--p-gray-800) 80%, transparent);--shapes-metric-card-padding:1rem;--shapes-metric-card-shadow:var(--p-shadow-xs);--shapes-metric-card-text-primary:var(--p-emerald-600);--shapes-metric-card-text-primary-dark:var(--p-emerald-400);--shapes-metric-card-text-secondary:var(--p-gray-650);--shapes-metric-card-text-secondary-dark:var(--p-gray-450);--shapes-virtue-card-bg:color-mix(in srgb, var(--p-white) 40%, transparent);--shapes-virtue-card-bg-dark:color-mix(in srgb, var(--p-gray-900) 40%, transparent);--shapes-virtue-card-bg-hover:color-mix(in srgb, var(--p-white) 70%, transparent);--shapes-virtue-card-bg-hover-dark:color-mix(in srgb, var(--p-gray-900) 70%, transparent);--shapes-virtue-card-border:var(--p-gray-250);--shapes-virtue-card-border-dark:color-mix(in srgb, var(--p-gray-800) 80%, transparent);--shapes-virtue-card-border-hover:color-mix(in srgb, var(--p-emerald-500) 20%, transparent);--shapes-virtue-card-padding:1.5rem;--shapes-virtue-card-shadow:var(--p-shadow-lg);--shapes-virtue-card-shadow-hover:color-mix(in srgb, var(--p-emerald-500) 5%, transparent);--shapes-virtue-text-primary:var(--p-emerald-500);--shapes-virtue-text-primary-dark:var(--p-emerald-400);--shapes-virtue-text-primary-opacity:.2;--shapes-virtue-text-primary-opacity-hover:.5;--shapes-virtue-text-secondary:var(--p-gray-600);--shapes-virtue-text-secondary-dark:var(--p-gray-400)}.shapes-card{background-color:var(--shapes-card-bg);border:1px solid var(--shapes-card-border);padding:var(--shapes-card-padding);gap:var(--shapes-card-gap);border-radius:.75rem;transition:all .3s;display:flex}@media (prefers-color-scheme:dark){.shapes-card{background-color:var(--shapes-card-bg-dark);border-color:var(--shapes-card-border-dark)}}.shapes-card:hover{box-shadow:var(--p-shadow-md)}.shapes-icon-container{width:var(--shapes-icon-container-size);height:var(--shapes-icon-container-size);color:var(--shapes-icon-color);background-color:var(--shapes-icon-bg);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (prefers-color-scheme:dark){.shapes-icon-container{color:var(--shapes-icon-color-dark);background-color:var(--shapes-icon-bg-dark)}}.shapes-section-bg{background-color:var(--shapes-section-bg);border:1px solid var(--shapes-section-border);padding:var(--shapes-section-padding);border-radius:var(--shapes-section-radius)}@media (prefers-color-scheme:dark){.shapes-section-bg{background-color:var(--shapes-section-bg-dark);border-color:var(--shapes-section-border-dark)}}.shapes-metric-card{background-color:var(--shapes-metric-card-bg);border:1px solid var(--shapes-metric-card-border);padding:var(--shapes-metric-card-padding);text-align:center;box-shadow:var(--shapes-metric-card-shadow);border-radius:.75rem;transition:box-shadow}@media (prefers-color-scheme:dark){.shapes-metric-card{background-color:var(--shapes-metric-card-bg-dark);border-color:var(--shapes-metric-card-border-dark)}}.shapes-metric-card:hover{box-shadow:var(--p-shadow-md)}.shapes-metric-card-primary{color:var(--shapes-metric-card-text-primary)}@media (prefers-color-scheme:dark){.shapes-metric-card-primary{color:var(--shapes-metric-card-text-primary-dark)}}.shapes-metric-card-secondary{color:var(--shapes-metric-card-text-secondary)}@media (prefers-color-scheme:dark){.shapes-metric-card-secondary{color:var(--shapes-metric-card-text-secondary-dark)}}.shapes-virtue-card{background-color:var(--shapes-virtue-card-bg);border:1px solid var(--shapes-virtue-card-border);padding:var(--shapes-virtue-card-padding);border-radius:1rem;flex-direction:column;height:100%;transition:all .3s;display:flex}@media (prefers-color-scheme:dark){.shapes-virtue-card{background-color:var(--shapes-virtue-card-bg-dark);border-color:var(--shapes-virtue-card-border-dark)}}.shapes-virtue-card:hover{background-color:var(--shapes-virtue-card-bg-hover);border-color:var(--shapes-virtue-card-border-hover);box-shadow:var(--shapes-virtue-card-shadow);box-shadow:var(--shapes-virtue-card-shadow-hover)}@media (prefers-color-scheme:dark){.shapes-virtue-card:hover{background-color:var(--shapes-virtue-card-bg-hover-dark)}}.shapes-virtue-letter{color:var(--shapes-virtue-text-primary);opacity:var(--shapes-virtue-text-primary-opacity);transition:color,opacity}@media (prefers-color-scheme:dark){.shapes-virtue-letter{color:var(--shapes-virtue-text-primary-dark)}}.shapes-virtue-card:hover .shapes-virtue-letter{opacity:var(--shapes-virtue-text-primary-opacity-hover)}.shapes-virtue-description{color:var(--shapes-virtue-text-secondary)}@media (prefers-color-scheme:dark){.shapes-virtue-description{color:var(--shapes-virtue-text-secondary-dark)}}