.medverse-commentary{border:2px solid color-mix(in srgb, var(--primary) 42%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 100%, transparent) 0%, color-mix(in srgb, var(--card) 92%, var(--primary)) 100%), var(--card);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent), 0 0 18px color-mix(in srgb, var(--primary) 18%, transparent), 0 4px 16px #00000047;border-radius:1rem;transition:border-color .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}.medverse-commentary:hover{border-color:color-mix(in srgb, var(--primary) 62%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent), 0 0 28px color-mix(in srgb, var(--primary) 28%, transparent), 0 8px 22px #00000052;transform:translateY(-2px)}.medverse-commentary--open{border-color:color-mix(in srgb, var(--primary) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 14%, transparent), 0 0 22px color-mix(in srgb, var(--primary) 22%, transparent), 0 4px 16px #00000047}.medverse-commentary--open:hover{border-color:color-mix(in srgb, var(--primary) 68%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent), 0 0 30px color-mix(in srgb, var(--primary) 30%, transparent), 0 8px 22px #00000052}.medverse-commentary__scan{z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--primary) 35%, transparent) 18%, color-mix(in srgb, var(--primary) 70%, transparent) 50%, color-mix(in srgb, var(--primary) 35%, transparent) 82%, transparent 100%);opacity:.85;width:100%;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;overflow:hidden}.medverse-commentary:hover .medverse-commentary__scan{opacity:1}.medverse-commentary__scan-glow{background:linear-gradient(90deg, transparent 0%, transparent 38%, color-mix(in srgb, var(--primary) 35%, transparent) 44%, color-mix(in srgb, white 70%, var(--primary)) 50%, color-mix(in srgb, var(--primary) 35%, transparent) 56%, transparent 62%, transparent 100%);width:100%;height:10px;box-shadow:0 0 12px color-mix(in srgb, var(--primary) 55%, transparent), 0 0 24px color-mix(in srgb, var(--primary) 30%, transparent);filter:blur(.4px);will-change:transform;border-radius:999px;animation:3s linear infinite medverse-commentary-scan;position:absolute;top:50%;left:0}.medverse-commentary:hover .medverse-commentary__scan-glow{box-shadow:0 0 16px color-mix(in srgb, var(--primary) 70%, transparent), 0 0 32px color-mix(in srgb, var(--primary) 38%, transparent)}.medverse-commentary__trigger{z-index:0;cursor:pointer;text-align:left;align-items:flex-start;gap:.875rem;width:100%;padding:1.25rem;transition:background-color .25s;display:flex;position:relative}@media (min-width:640px){.medverse-commentary__trigger{padding:1.25rem 1.5rem}}.medverse-commentary__trigger:hover{background-color:color-mix(in srgb, var(--surface-hover,var(--muted)) 28%, transparent)}.medverse-commentary__trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--ring);outline:none}.medverse-commentary__icon{border:2px solid color-mix(in srgb, var(--primary) 70%, transparent);background:color-mix(in srgb, var(--background) 75%, var(--card));width:2.875rem;height:2.875rem;color:var(--primary-foreground);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent), 0 0 14px color-mix(in srgb, var(--primary) 28%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;transition:border-color .25s,box-shadow .25s;display:flex}.medverse-commentary__icon svg{color:#fff;width:1.25rem;height:1.25rem}.medverse-commentary:hover .medverse-commentary__icon{border-color:color-mix(in srgb, var(--primary) 88%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent), 0 0 20px color-mix(in srgb, var(--primary) 40%, transparent)}.medverse-commentary__copy{flex-direction:column;flex:auto;gap:.25rem;min-width:0;display:flex}.medverse-commentary__title{letter-spacing:-.01em;color:#fff;font-size:1.0625rem;font-weight:700;line-height:1.3}@media (min-width:640px){.medverse-commentary__title{font-size:1.125rem}}.medverse-commentary__subtitle{color:color-mix(in srgb, var(--muted-foreground) 70%, white);font-size:.875rem;line-height:1.4}.medverse-commentary__cta{color:var(--primary-hover,var(--primary));margin-top:.2rem;font-size:.8125rem;font-weight:700;line-height:1.4}.medverse-commentary__chevron{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0;margin-top:.375rem;transition:transform .25s}.medverse-commentary__chevron--open{transform:rotate(180deg)}.medverse-commentary:hover .medverse-commentary__chevron:not(.medverse-commentary__chevron--open){transform:translateY(2px)}@keyframes medverse-commentary-scan{0%{transform:translate(-100%,-50%)}to{transform:translate(100%,-50%)}}@media (prefers-reduced-motion:reduce){.medverse-commentary,.medverse-commentary__trigger,.medverse-commentary__icon,.medverse-commentary__chevron,.medverse-commentary__scan{transition:none}.medverse-commentary:hover{transform:none}.medverse-commentary__scan-glow{opacity:.75;animation:none;transform:translateY(-50%)}.medverse-commentary:hover .medverse-commentary__chevron:not(.medverse-commentary__chevron--open){transform:none}}
