:root{--bg-primary: #ffffff;--text-primary: #000000;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}@media(prefers-color-scheme:dark){:root{--bg-primary: #000000;--text-primary: #ffffff}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{text-decoration:none;color:inherit}.carabiner-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden;font-family:Inter,sans-serif;background-color:transparent}.carabiner-wrapper{position:relative;width:100%;height:100%;z-index:10}.carabiner-img{display:block;max-width:500px;height:auto;mix-blend-mode:multiply;filter:brightness(1.05) contrast(1.05);-webkit-mask-image:radial-gradient(circle at center,black 65%,transparent 100%);mask-image:radial-gradient(circle at center,black 65%,transparent 100%)}.tags-anchor{position:absolute;top:75.25%;left:34.25%;width:0;height:0;transform-style:preserve-3d;transform:translateZ(30px);z-index:5}.tag-wrapper{position:absolute;top:0;left:0;transform-origin:top center;perspective:1000px;transform-style:preserve-3d;transition:transform .3s ease,z-index 0s;cursor:pointer}.tag-plate{display:flex;align-items:center;justify-content:flex-end;padding-bottom:25px;margin-top:48px;width:55px;height:240px;background:linear-gradient(to right,#d1d5db,#f3f4f6 35%,#fff,#f3f4f6 65%,#d1d5db);transform-style:preserve-3d;transform:translateZ(5px);border-radius:4px;border:none;outline:none;writing-mode:vertical-rl;text-orientation:mixed;color:#27272a;font-weight:500;font-size:15px;text-transform:uppercase}.tag-plate:before{content:"";position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(to left,#9ca3af,#d1d5db);transform-origin:right center;transform:rotateY(-90deg);border-radius:2px}.tag-plate:after{content:"";position:absolute;top:0;left:0;width:100%;height:12px;background:linear-gradient(to bottom,#f3f4f6,#9ca3af);transform-origin:top center;transform:rotateX(90deg);border-radius:2px}.tag-ring{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:10px;height:64px;background:linear-gradient(to right,#4b5563,#d1d5db 40%,#f3f4f6,#d1d5db 60%,#4b5563);border:none;border-radius:6px;box-shadow:0 4px 6px #0000004d;transform-style:preserve-3d}.tag-ring:after{content:"";position:absolute;top:57.6px;left:0;width:100%;height:2px;background:#1f2937a2;border-radius:1px;z-index:1;box-shadow:0 0 0 100px #1f29379d inset}.tag-ring:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#4b5563,#d1d5db 40%,#f3f4f6,#d1d5db 60%,#4b5563);border-radius:6px;transform:rotateY(90deg)}.visual-circle,.visual-center{display:none}.tag-wrapper:hover{z-index:100}.tag-plate:hover{background:linear-gradient(135deg,#fff,#d1d5db,#f9fafb);box-shadow:0 0 20px #fff6,0 30px 60px #0000004d;color:#000}.tag-plate:hover:before{background:#9ca3af}