.varn-modal[hidden], .varn-bar[hidden]{display: none !important}.varn-modal{position: fixed;inset: 0;z-index: var(--z-modal);display: flex;align-items: flex-end;justify-content: flex-end;padding: var(--space-5);pointer-events: none}.varn-modal__backdrop{position: absolute;inset: 0;pointer-events: auto;background: rgba(22, 20, 16, 0.38);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);opacity: 0;transition: opacity var(--duration-slow) var(--ease-out)}.varn-modal.is-open .varn-modal__backdrop{opacity: 1}.varn-modal__dialog{position: relative;z-index: 1;pointer-events: auto;display: grid;grid-template-columns: 210px 1fr;width: 100%;max-width: 580px;max-height: calc(100vh - (2 * var(--space-5)));overflow: hidden;background: var(--bg-surface);border: 1px solid var(--border-subtle);border-radius: var(--radius-2xl);box-shadow: var(--shadow-xl);opacity: 0;transform: translateY(24px) scale(0.98);transition: opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-spring)}.varn-modal.is-open .varn-modal__dialog{opacity: 1;transform: none}.varn-modal__close{position: absolute;top: var(--space-3);right: var(--space-3);z-index: 2;display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;padding: 0;color: var(--text-heading);background: color-mix(in srgb, var(--bg-surface) 70%, transparent);border: 1px solid var(--border-subtle);border-radius: var(--radius-full);cursor: pointer;transition: background var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.varn-modal__close:hover, .varn-modal__close:focus-visible{background: var(--bg-sunken);transform: rotate(90deg)}.varn-modal__close-icon{display: block}.varn-modal__visual{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-3);padding: var(--space-5) var(--space-4);background: linear-gradient(180deg, #fbfaf7 0%, #f3f1ec 100%);border-right: 1px solid var(--border-subtle)}.varn-modal__visual::before{content: "";position: absolute;inset: var(--space-3);border: 1px solid rgba(38, 36, 46, 0.08);border-radius: var(--radius-xl);pointer-events: none}.varn-modal__logo{position: relative;width: 100%;max-width: 150px;height: auto}.varn-modal__rating{position: relative;color: var(--text-muted);font-family: var(--font-label);font-size: 11px;font-weight: var(--font-semibold);letter-spacing: 1.6px;text-transform: uppercase}.varn-modal__body{padding: var(--space-5) var(--space-6) var(--space-5) var(--space-5);overflow-y: auto}.varn-modal__eyebrow{display: inline-flex;align-items: center;gap: var(--space-2);margin: 0 0 var(--space-2);color: var(--violet-600);font-family: var(--font-label);font-size: 11px;font-weight: var(--font-bold);letter-spacing: 1.6px;text-transform: uppercase}.varn-modal__live{width: 6px;height: 6px;border-radius: 50%;background: #2f9e6b}.varn-modal__title{margin: 0;font-family: var(--font-body);font-size: clamp(24px, 3.4vw, 28px);font-weight: var(--font-extrabold);line-height: 1.1;letter-spacing: -0.02em;color: var(--text-heading)}.varn-modal__title span{color: var(--violet-600)}.varn-modal__kind{margin: var(--space-1) 0 0;font-size: 14px;font-weight: var(--font-semibold);color: var(--text-muted)}.varn-modal__desc{margin: var(--space-3) 0 0;padding-top: var(--space-3);border-top: 1px solid var(--border-subtle);font-size: 14px;line-height: 1.55;color: var(--text-body)}.varn-modal__actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-4);margin-top: var(--space-4)}.varn-modal__cta{display: inline-flex;align-items: center;gap: var(--space-3);min-height: 42px;padding: 10px 20px;font-family: var(--font-body);font-size: 15px;font-weight: var(--font-semibold);color: var(--gray-0);text-decoration: none;background: var(--gray-900);border: none;border-radius: var(--radius-full);cursor: pointer;transition: background var(--duration-normal) var(--ease-out)}.varn-modal__cta-label{padding: 0;border: 0}.varn-modal__cta-icon{color: currentColor;transition: transform var(--duration-normal) var(--ease-out)}a.varn-modal__cta.varn-modal__cta:hover, a.varn-modal__cta.varn-modal__cta:focus-visible{background: var(--gray-800);color: var(--gray-0)}.varn-modal__cta:hover .varn-modal__cta-icon, .varn-modal__cta:focus-visible .varn-modal__cta-icon{transform: translateX(3px)}.varn-bar{position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-toast);background: var(--violet-50);border-top: 1px solid var(--violet-100);box-shadow: 0 -8px 30px rgba(38, 36, 46, 0.10);transform: translateY(110%);transition: transform var(--duration-slow) var(--ease-spring)}.varn-bar.is-open{transform: none}.varn-bar__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-5);padding-top: var(--space-3);padding-bottom: var(--space-3)}.varn-bar__lede{display: flex;align-items: center;gap: var(--space-4);min-width: 0}.varn-bar__mark{flex-shrink: 0;width: 34px;height: 34px;border-radius: var(--radius-sm)}.varn-bar__text{margin: 0;font-size: 15px;line-height: 1.4;color: var(--text-body)}.varn-bar__text strong{color: var(--text-heading);font-weight: var(--font-bold)}.varn-bar__actions{display: flex;align-items: center;gap: var(--space-3);flex-shrink: 0}.varn-bar__cta{display: inline-flex;align-items: center;gap: var(--space-2);padding: 9px 18px;font-family: var(--font-body);font-size: 15px;font-weight: var(--font-semibold);white-space: nowrap;color: var(--text-inverse);background: var(--violet-600);border-radius: var(--radius-full);text-decoration: none;cursor: pointer;transition: background var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.varn-bar__cta:hover, .varn-bar__cta:focus-visible{background: var(--violet-700);color: var(--text-inverse);transform: translateY(-2px)}a.varn-bar__cta.varn-bar__cta:hover, a.varn-bar__cta.varn-bar__cta:focus-visible{background: var(--violet-700);color: var(--text-inverse)}.varn-bar__cta-icon{color: currentColor}.varn-bar__close{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;color: var(--text-muted);background: none;border: none;border-radius: var(--radius-full);cursor: pointer;transition: background var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out)}.varn-bar__close:hover, .varn-bar__close:focus-visible{color: var(--text-heading);background: var(--violet-100)}@media (max-width: 640px){.varn-modal{padding: var(--space-3)}.varn-modal__dialog{grid-template-columns: 1fr;max-width: none;width: 100%}.varn-modal__visual{min-height: 110px;border-right: none;border-bottom: 1px solid var(--border-subtle)}.varn-modal__logo{max-width: 150px}.varn-modal__body{padding: var(--space-6) var(--space-5) var(--space-5)}.varn-bar__inner{flex-wrap: wrap;gap: var(--space-3);padding-right: 44px;position: relative}.varn-bar__actions{width: 100%;justify-content: flex-start}.varn-bar__cta{flex: 1;justify-content: center}.varn-bar__close{position: absolute;top: var(--space-2);right: var(--space-2);width: 32px;height: 32px}}@media (prefers-reduced-motion: reduce){.varn-modal__dialog, .varn-modal__backdrop, .varn-bar{transition: opacity var(--duration-normal) var(--ease-out)}.varn-modal__dialog{transform: none}.varn-bar{transform: none;opacity: 0}.varn-bar.is-open{opacity: 1}.varn-modal__close:hover, .varn-modal__close:focus-visible{transform: none}.varn-modal__cta-icon{transition: none}}