.reveal-action-btn{background:transparent;border:0;padding:0;isolation:isolate;transition-property:opacity;transition-timing-function:cubic-bezier(.16,1,.3,1)}.reveal-action-core{position:relative;z-index:2;width:100%;height:100%;border-radius:9999px;color:color-mix(in oklch,var(--foreground) 92%,transparent);background:linear-gradient(180deg,#ffffff38,#ffffff0f 38%,#fff0 55%),linear-gradient(180deg,color-mix(in oklch,var(--primary) 14%,transparent),color-mix(in oklch,var(--primary) 6%,transparent));border:1px solid;border-color:color-mix(in oklch,oklch(1 0 0) 35%,transparent) color-mix(in oklch,oklch(1 0 0) 22%,transparent) color-mix(in oklch,oklch(0 0 0) 18%,transparent) color-mix(in oklch,oklch(1 0 0) 22%,transparent);backdrop-filter:blur(22px) saturate(1.85) brightness(1.05);-webkit-backdrop-filter:blur(22px) saturate(1.85) brightness(1.05);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000002e,inset 0 0 12px color-mix(in oklch,var(--primary) 18%,transparent),0 4px 14px -4px #00000047,0 10px 24px -10px color-mix(in oklch,var(--primary) 35%,transparent);transition:background .22s ease-out,color .18s ease-out,border-color .18s ease-out,backdrop-filter .22s ease-out}.reveal-action-btn:hover .reveal-action-core{background:linear-gradient(180deg,#ffffff52,#ffffff14 42%,#fff0 60%),linear-gradient(180deg,color-mix(in oklch,var(--primary) 28%,transparent),color-mix(in oklch,var(--primary) 14%,transparent));border-color:color-mix(in oklch,oklch(1 0 0) 50%,transparent) color-mix(in oklch,oklch(1 0 0) 30%,transparent) color-mix(in oklch,oklch(0 0 0) 22%,transparent) color-mix(in oklch,oklch(1 0 0) 30%,transparent);color:color-mix(in oklch,var(--foreground) 100%,transparent);backdrop-filter:blur(26px) saturate(2) brightness(1.1);-webkit-backdrop-filter:blur(26px) saturate(2) brightness(1.1);box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #00000038,inset 0 0 16px color-mix(in oklch,var(--primary) 28%,transparent),0 6px 18px -4px #00000052,0 14px 28px -8px color-mix(in oklch,var(--primary) 50%,transparent)}.reveal-action-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9999px;background:radial-gradient(ellipse at center,color-mix(in oklch,var(--primary) 30%,transparent) 0%,transparent 70%);pointer-events:none;z-index:1;animation:reveal-action-ring-pulse 2.6s ease-in-out infinite;animation-play-state:paused}.reveal-action-btn[data-active=true] .reveal-action-ring,.reveal-action-btn:hover .reveal-action-ring{animation-play-state:running}.reveal-action-btn:hover .reveal-action-ring{top:-7px;right:-7px;bottom:-7px;left:-7px;background:radial-gradient(ellipse at center,color-mix(in oklch,var(--primary) 55%,transparent) 0%,transparent 65%)}@keyframes reveal-action-ring-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.reveal-action-ring{animation:none}}.reveal-action-btn:focus-visible .reveal-action-core{outline:2px solid color-mix(in oklch,var(--primary) 70%,transparent);outline-offset:2px}.lanyard-pendulum{transform-origin:50% 0%;animation:lanyard-sway 6s ease-in-out infinite;will-change:transform}.lanyard-pendulum:hover{animation-name:lanyard-sway-active;animation-duration:2.5s}.lanyard-pendulum[data-pulling=true],.lanyard-pendulum[data-pulling=true]:hover{animation-play-state:paused}@keyframes lanyard-sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes lanyard-sway-active{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.lanyard-cord{background:linear-gradient(to bottom,color-mix(in oklch,var(--primary) 50%,var(--border)),color-mix(in oklch,var(--primary) 28%,var(--border)) 45%,color-mix(in oklch,var(--primary) 28%,var(--border)) 55%,color-mix(in oklch,var(--primary) 50%,var(--border)));box-shadow:inset 0 0 0 .5px color-mix(in oklch,var(--primary) 60%,transparent),0 0 4px color-mix(in oklch,var(--primary) 22%,transparent);transition:height .45s cubic-bezier(.34,1.56,.64,1)}.lanyard-cord[data-pulling=true]{transition:none}.lanyard-card-3d{perspective:1200px}.lanyard-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.16,1,.3,1)}.lanyard-card-inner[data-flipped=true]{transform:rotateY(180deg)}.lanyard-card-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.lanyard-card-face--back{transform:rotateY(180deg)}.lanyard-avatar{background:linear-gradient(135deg,color-mix(in oklch,var(--primary) 28%,var(--card)),color-mix(in oklch,var(--primary) 14%,var(--card)));font-family:var(--font-serif);letter-spacing:-.02em}@media(prefers-reduced-motion:reduce){.lanyard-pendulum,.lanyard-pendulum:hover{animation:none!important}.lanyard-card-inner{transition:none!important}}