.popover-trigger{display:inline-flex}.popover-surface{z-index:var(--z-popover);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:var(--shadow-popover);padding:var(--spacing-8);min-width:160px;max-width:calc(100vw - var(--spacing-16));max-height:calc(100dvh - var(--spacing-16));animation:popover-fade-in var(--duration-fast) var(--easing-decelerate);position:fixed;overflow-y:auto}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.popover-surface{animation:none}}.card{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border-light);padding:var(--spacing-12) var(--spacing-16);box-shadow:var(--shadow-card);box-sizing:border-box}.card.card--dashed{border:1px dashed var(--color-border);box-shadow:none;background:0 0}.card.card--row{align-items:center;gap:var(--spacing-12);padding:var(--spacing-8) var(--spacing-12);flex-direction:row;display:flex}.card.card--bare{box-shadow:none;padding:var(--spacing-12) 0;background:0 0;border:none}.card.card--auth{box-shadow:var(--shadow-modal);padding:var(--spacing-32);border:none;width:100%;max-width:400px}@media (hover:hover){.card.card--dashed:hover,.card.card--bare:hover{box-shadow:none}.card.card--auth:hover{box-shadow:var(--shadow-modal);transform:none}}