@layer theme,base;@layer components{.vk .bg-card{background-image:linear-gradient(180deg, var(--vr-panel-a), var(--vr-panel-b))}.vk .bg-card:is(.rounded-xl,.rounded-2xl,.rounded-3xl){box-shadow:var(--vk-card-shadow)}.vk :is(.bg-btn,.bg-accent){background-image:linear-gradient(100deg, var(--vr-pill-on-a), var(--vr-pill-on-b))}.vk :is(button,a,[role=button],label,[role=tab]):is(.bg-btn,.bg-accent){box-shadow:0 8px 22px -12px var(--vr-pill-on-glow)}.vk :is(button,a,label,[role=button]).border{background-color:var(--vr-chip-bg)}.vk :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea){background-color:var(--vk-field);transition:border-color .15s,box-shadow .15s,background-color .15s}.vk :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea):focus{border-color:var(--vr-cyan);box-shadow:0 0 0 3px var(--vk-ring)}.vk :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--vr-cyan)}.vk :focus-visible{outline-color:var(--vr-cyan)}.vk,.vk *{scrollbar-width:thin;scrollbar-color:var(--vr-line-strong) transparent}.vk :is(code,kbd){border-radius:6px}.vk :is(.fixed.inset-0>:is(.bg-background,.bg-card),[role=dialog]:is(.bg-background,.bg-card)){background-image:linear-gradient(180deg, var(--vk-dialog-a), var(--vk-dialog-b));box-shadow:var(--vk-dialog-shadow)}}@layer utilities;.vk{--vk-card-shadow:0 1px 1px #0b102008, 0 14px 34px -24px #0b102052;--vk-card-shadow-hover:0 1px 1px #0b10200a, 0 18px 40px -22px color-mix(in srgb, var(--vr-cyan) 55%, transparent);--vk-field:#fffffff0;--vk-ring:color-mix(in srgb, var(--vr-cyan) 22%, transparent);--vk-overlay:#0b10205c;--vk-dialog-a:#fffffffb;--vk-dialog-b:#f6f8fff9;--vk-dialog-shadow:0 40px 120px -40px #0b10208c, 0 2px 6px #0b10200d;--vk-selection:color-mix(in srgb, var(--vr-cyan) 24%, transparent)}.dark .vk{--vk-card-shadow:inset 0 1px 0 #ffffff0a, 0 16px 38px -24px #000000f2;--vk-card-shadow-hover:inset 0 1px 0 #ffffff0d, 0 20px 44px -22px color-mix(in srgb, var(--vr-cyan) 45%, transparent);--vk-field:#ffffff0d;--vk-overlay:#02030a9e;--vk-dialog-a:#0d0f24fa;--vk-dialog-b:#070816fa;--vk-dialog-shadow:0 40px 120px -30px #000000f2, 0 0 0 1px #ffffff0d}.vk :is(h2,h3,h4,h5,h6,p,label,legend,dt).uppercase.text-muted{letter-spacing:.16em;font-weight:600}.vk :is(.bg-btn,.bg-accent).text-white{color:var(--vr-pill-on-fg)}.vk .fixed.inset-0:is([class~=bg-black\/30],[class~=bg-black\/40],[class~=bg-black\/50],[class~=bg-black\/60],[class~=bg-black\/70]){background-color:var(--vk-overlay);-webkit-backdrop-filter:blur(6px)saturate(1.1);backdrop-filter:blur(6px)saturate(1.1)}.vk .fixed.inset-0:has(.fixed.inset-0){-webkit-backdrop-filter:none;backdrop-filter:none}.vk ::selection{background:var(--vk-selection)}.vk .mc-scroll{--mc-scroll-rest:var(--vr-line-strong) transparent;scrollbar-color:var(--vr-line-strong) transparent}.vk .mc-scroll::-webkit-scrollbar-thumb{background:var(--vr-line-strong)}.vk .vk-hero-title{letter-spacing:-.035em;font-weight:600;line-height:1.07}.vk .vr-person[aria-pressed=true]{border-color:color-mix(in srgb, var(--vr-hue) 70%, transparent);background:radial-gradient(260px 120px at 0% 0%, color-mix(in srgb, var(--vr-hue) 22%, transparent), transparent 70%), var(--vr-chip-bg);box-shadow:0 18px 50px -28px var(--vr-hue)}.vk .vr-person:disabled{cursor:default}.vk .vr-pill{align-items:center;gap:6px;display:inline-flex}.vk .vk-lift{transition:border-color .16s,box-shadow .16s,transform .16s}.vk .vk-lift:hover{box-shadow:var(--vk-card-shadow-hover)}@media (prefers-reduced-motion:no-preference){.vk .vk-lift:hover{transform:translateY(-1px)}}.vk .vk-rail{position:relative}.vk .vk-rail:after{content:"";background:var(--vk-hue,var(--vr-cyan));width:3px;box-shadow:0 0 12px color-mix(in srgb, var(--vk-hue,var(--vr-cyan)) 60%, transparent);pointer-events:none;border-radius:9999px;position:absolute;top:14px;bottom:14px;left:-1px}
