.atomic-glass{isolation:isolate;background:color-mix(in srgb, var(--card) 82%, transparent);border:1px solid var(--border);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm);position:relative}.atomic-glass:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--border) 45%, var(--border) 75%, var(--primary));pointer-events:none;padding:1px;position:absolute;inset:-1px;mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.atomic-feature{transition:transform var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.atomic-feature:before{background:conic-gradient(from var(--edge-angle,0deg), var(--primary), var(--border), var(--border), var(--primary))}@property --edge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.atomic-feature:hover{box-shadow:var(--shadow-md), 0 0 30px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-4px)}.atomic-feature:hover:before{animation:.4s linear atomic-edge}@keyframes atomic-edge{0%{--edge-angle:0deg}to{--edge-angle:360deg}}.atomic-orbit{background:radial-gradient(ellipse at 65% 45%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 65%)}.atomic-coin-track{width:max-content;animation:60.8s linear infinite atomic-coins;display:flex}.atomic-coin-group{gap:12px;padding-right:12px;display:flex}.atomic-coin{flex:0 0 140px;width:140px}.atomic-coin-window:hover .atomic-coin-track,.atomic-coin-window:focus-within .atomic-coin-track{animation-play-state:paused}@keyframes atomic-coins{to{transform:translate(-50%)}}.atomic-device{transition:transform var(--transition-slow);transform:rotate(-4deg)}.atomic-device:hover{transform:rotate(-2deg)}.atomic-tab-scroll{scrollbar-width:none}.atomic-tab-scroll::-webkit-scrollbar{display:none}.atomic-focus{outline-offset:5px}.atomic-focus:focus-visible{outline:2px solid var(--ring)}@media (width<=767px){.atomic-device{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.atomic-coin-track,.atomic-feature:hover:before{animation:none}.atomic-feature:hover,.atomic-device,.atomic-device:hover{transform:none}.atomic-feature,.atomic-device{transition:none}}