:root{--color-paper: #FDFCF8;--color-card: #FFFFFF;--color-ink: #121212;--color-concrete: #E5E5E0;--color-subtle: #5A5A56;--color-error: #DC2626;--grid-line: rgba(18, 18, 18, .08);--mask-bg: #FDFCF8;--mask-gradient-start: rgba(253, 252, 248, 0)}.dark{--color-paper: #09090B;--color-card: #121215;--color-ink: #FAFAFA;--color-concrete: #27272A;--color-subtle: #A1A1AA;--color-error: #F87171;--grid-line: rgba(255, 255, 255, .08);--mask-bg: #09090B;--mask-gradient-start: rgba(9, 9, 11, 0)}body{background-color:var(--color-paper);color:var(--color-ink);margin:0;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}.perspective-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;perspective:1000px;background:var(--color-paper);pointer-events:none;transition:background-color .5s ease}.grid-plane{position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:transparent;transform:rotateX(60deg) rotate(20deg) scale(1);transform-origin:center center;will-change:transform;transition:transform 2.5s cubic-bezier(.7,0,.3,1),opacity .5s ease 2s}.grid-plane:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:80px 80px;background-position:50% 50%;animation:gridPanSmooth 2s linear infinite;will-change:transform}.grid-plane.scanning:before{animation-duration:.2s}.grid-plane.locked:before{animation:none;transform:translateY(0)}.grid-plane.zoomed{transform:rotateX(60deg) rotate(20deg) scale(150);opacity:0;transition:transform 2.5s cubic-bezier(.7,0,.3,1),opacity .7s ease 1.8s}.grid-plane.zoomed:before{animation:none}@keyframes gridPan{0%{background-position:0 0}to{background-position:0 80px}}@keyframes gridPanSmooth{0%{transform:translateY(0)}to{transform:translateY(80px)}}.target-cell{position:absolute;top:50%;left:50%;width:80px;height:80px;box-sizing:border-box;background:transparent;border:2px solid #FF4F00;box-shadow:0 0 30px #ff4f004d,inset 0 0 10px #ff4f001a;transform:translate(-50%,-50%) rotateX(60deg) rotate(20deg);transform-origin:center center;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:2}.target-label{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#ff4f00;color:#fff;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .3s ease;box-shadow:0 2px 10px #0000001a}.target-cell.visible{opacity:1}.target-cell.visible .target-label{opacity:1;top:-50px}.target-cell.zoomed{transform:translate(-50%,-50%) rotateX(60deg) rotate(20deg) scale(150);opacity:0;transition:transform 2.5s cubic-bezier(.7,0,.3,1),opacity .7s ease 1.8s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-concrete);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-subtle)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}