.posts{z-index:2;overflow:visible}.post{touch-action:none;user-select:none;-webkit-user-drag:none;translate:var(--drag-x,0px) var(--drag-y,0px);cursor:grab;outline-offset:8px}.post.is-dragging{cursor:grabbing;filter:drop-shadow(0 25px 35px #0005);scale:1.025}.post{transition:filter .35s,scale .35s}.post-controls{position:absolute;bottom:0;left:2.6cqw;right:2.6cqw;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8c8a94;font-size:clamp(9px,.7cqw,14px);letter-spacing:.08em;z-index:8;pointer-events:none}.post-controls button{pointer-events:auto;color:#fefcff;border-bottom:1px solid #ffffff50;padding:8px 0;font-size:inherit;letter-spacing:inherit}.card-viewer{width:min(90vw,900px);padding:24px;background:#101014}.card-viewer img{max-height:75vh;max-width:100%;width:auto;height:auto;margin:auto;object-fit:contain}.card-viewer .close{z-index:1;background:#101014;border-radius:50%;width:36px;height:36px}.card-viewer .viewer-caption{font-size:11px;color:#8c8a94;margin-top:14px;text-align:center;letter-spacing:.05em}
.round-arrow{position:relative;isolation:isolate;background:none;border-radius:50%}.round-arrow::before{content:'';position:absolute;inset:0;background:white;border-radius:50%;transform:scale(0);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .25s;z-index:-1}.round-arrow::after{content:'';position:absolute;inset:0;background:url('assets/imgButtonRoundArrow.svg') center/contain no-repeat;transition:filter .25s,transform .45s;pointer-events:none}.round-arrow:active::before,.round-arrow.is-pressed::before{transform:scale(1);opacity:1}.round-arrow:active::after,.round-arrow.is-pressed::after{filter:invert(1);transform:rotate(-12deg)}.round-arrow.is-pressed{opacity:1;rotate:0deg}
.negative-cursor{position:fixed;top:0;left:0;width:22px;height:22px;border-radius:50%;background:white;mix-blend-mode:difference;pointer-events:none;z-index:2000;opacity:0;transform:translate(-100px,-100px);transition:width .2s,height .2s,opacity .2s;margin:-11px 0 0 -11px}.negative-cursor.is-over-link{width:48px;height:48px;margin:-24px 0 0 -24px}.negative-cursor.is-down{scale:.7}.negative-cursor.is-visible{opacity:1}
@media(hover:hover) and (pointer:fine){html.has-negative-cursor,html.has-negative-cursor *{cursor:none!important}}
/* Large reflective digits, robotic diagnostics, and a quiet scanning grid. */
.loader{background:#060608;overflow:hidden;isolation:isolate}.loader::before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black,transparent 75%);z-index:-1}.loader::after{content:'';position:absolute;width:54vw;height:100%;right:-6vw;top:0;background:url('assets/imgGeminiGeneratedImageY4H4Fry4H4Fry4H41.webp') center/cover no-repeat;opacity:.035;filter:grayscale(1);z-index:-1}.loader-center{width:100%;position:absolute;inset:0;display:grid;place-content:center}.loader-readout{display:contents}.loader-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-53%);font:400 clamp(120px,30vw,650px)/1 Orbitron,sans-serif;letter-spacing:-.075em;padding-right:.075em;font-variant-numeric:tabular-nums;color:transparent;background:linear-gradient(135deg,#111115 12%,#49494f 24%,#efeff3 31%,#727278 38%,#151518 46%,#08080b 57%,#9999a1 70%,#29292d 80%,#0c0c10 91%);background-size:160% 160%;background-clip:text;-webkit-background-clip:text;animation:metal-scan 3.5s ease-in-out infinite;filter:drop-shadow(0 20px 24px #0009);white-space:nowrap}.loader-word{font-size:clamp(26px,4vw,64px);letter-spacing:-.06em;line-height:1;color:white;z-index:1;text-align:center}.loader-word>span{font-size:10px;margin:0 0 0 8px;vertical-align:top;color:var(--pink)}.loader-readout>span:first-child{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.16em;color:#72727c;white-space:nowrap}.loader-track{position:absolute;bottom:12%;width:min(420px,65vw);left:50%;transform:translateX(-50%)}.loader-orbit{position:absolute;top:26%;left:50%;width:40px;height:18px;margin-left:-20px;border:0;border-radius:0;animation:robot-eyes 1.6s steps(2,end) infinite;background:radial-gradient(circle,#d4d4df 1px,transparent 1.8px) 0 0/5px 5px;clip-path:polygon(0 0,38% 0,38% 100%,0 100%,0 0,62% 0,100% 0,100% 100%,62% 100%,62% 0)}.loader-orbit>span,.loader-orbit>i{display:none}.loader-top,.loader-bottom{position:relative;z-index:2}.loader-top>span:first-child::before{content:'+';color:var(--pink);margin-right:14px}.loader-bottom>span:last-child::before{content:'●';font-size:6px;color:var(--pink);margin-right:10px;vertical-align:middle}
@keyframes metal-scan{0%,100%{background-position:10% 20%}50%{background-position:95% 80%}}@keyframes robot-eyes{0%,70%,100%{opacity:1}75%,85%{opacity:.3}}
@media(max-width:640px){.post-controls{left:20px;right:20px;bottom:-10px;letter-spacing:0;font-size:8px}.loader-count{font-size:29vw}.loader-orbit{top:33%}.loader-readout>span:first-child{bottom:24%}.loader-track{bottom:21%}.loader::after{width:100vw;right:0}.negative-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.loader-count,.loader-orbit{animation:none}.round-arrow::before,.round-arrow::after,.post{transition:none}}
/* Keep pointer coordinates independent of the dot's pressed scale. */
.negative-cursor{margin:0!important;transform:none!important;translate:-50% -50%;left:-100px;top:-100px;transition:width .2s,height .2s,opacity .2s,scale .15s}
.negative-cursor.is-over-link{margin:0!important}.has-negative-cursor dialog[open]{animation-name:backdrop-in}
