.sphere-root,.threads-container{position:relative;width:100%;height:100%}.sphere-root{min-height:600px;--radius:800px;--viewer-pad:72px;--circ:calc(var(--radius) * 3.14);--rot-y:calc((360deg / var(--segments-x)) / 2);--rot-x:calc((360deg / var(--segments-y)) / 2);--item-width:calc(var(--circ) / var(--segments-x));--item-height:calc(var(--circ) / var(--segments-y))}.sphere-root *{box-sizing:border-box}.item,.item__image,.sphere{transform-style:preserve-3d}main.sphere-main{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent;mask-image:linear-gradient(180deg,transparent 2%,#000 20%,#000 80%,transparent 98%);-webkit-mask-image:linear-gradient(180deg,transparent 2%,#000 20%,#000 80%,transparent 98%)}.stage{width:100%;height:100%;display:grid;place-items:center;perspective:calc(var(--radius) * 4);perspective-origin:50% 50%;contain:layout paint size}.sphere{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(248,250,252,.8) 80%,#f8fafc 100%);transition:background .5s ease}.item{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));top:-999px;bottom:-999px;left:-999px;right:-999px;margin:auto;transform-origin:50% 50%;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)) + var(--rot-y-delta, 0deg))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)) + var(--rot-x-delta, 0deg))) translateZ(var(--radius))}.item,.item__image{position:absolute;backface-visibility:hidden;transition:transform .3s}.item__image{display:block;inset:10px;border-radius:var(--tile-radius,16px);background:transparent;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.item__image:focus{outline:none}.live-glow{border:2px solid rgba(239,68,68,.6);box-shadow:0 0 15px rgba(239,68,68,.2);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{border-color:rgba(239,68,68,.6);box-shadow:0 0 15px rgba(239,68,68,.2)}50%{border-color:#ef4444;box-shadow:0 0 30px rgba(239,68,68,.5)}}