.cursor-coords-hud{position:fixed;background:linear-gradient(135deg,rgba(15,23,42,.8) 0%,rgba(30,41,59,.6) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(147,197,253,.1);border-radius:12px;padding:12px 16px;z-index:9999;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:11px;transition:all .3s ease;pointer-events:none;box-shadow:0 4px 24px #0000001a,inset 0 1px #ffffff05;animation:coords-fade-in .3s ease-out}.cursor-coords-position-top-right{top:20px;right:20px}.cursor-coords-position-top-left{top:20px;left:20px}.cursor-coords-position-bottom-right{bottom:20px;right:20px}.cursor-coords-position-bottom-left{bottom:20px;left:20px}.cursor-coords-hud:hover{opacity:.9!important}.cursor-coords-hud>div{display:flex;align-items:center;gap:8px;margin:2px 0;color:#e2e8f0cc}.coord-label{color:#94a3b899;font-size:10px;text-transform:uppercase;letter-spacing:.5px;min-width:35px}.coord-value{color:#93c5fde6;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.5px}.coords-viewport .coord-value{color:#93c5fdb3}.coords-page .coord-value{color:#5eead4b3}.coords-scroll .coord-value{color:#fbbf24b3}.coords-hint{margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(147,197,253,.1);font-size:10px;color:#94a3b880;display:flex;align-items:center;gap:4px}.coords-platform-toggle{position:absolute;top:8px;right:8px;background:rgba(51,65,85,.3);border:1px solid rgba(147,197,253,.2);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;pointer-events:all;transition:all .2s ease;padding:0}.coords-platform-toggle:hover{background:rgba(51,65,85,.5);border-color:#93c5fd66;transform:scale(1.1)}.coords-platform-toggle:active{transform:scale(.95)}.cursor-coords-theme-light .coords-platform-toggle{background:rgba(241,245,249,.5);border:1px solid rgba(59,130,246,.3)}.cursor-coords-theme-light .coords-platform-toggle:hover{background:rgba(241,245,249,.8);border-color:#3b82f680}.coords-hint kbd{background:rgba(51,65,85,.5);border:1px solid rgba(147,197,253,.2);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:600;color:#93c5fdcc;box-shadow:0 1px #0003,inset 0 1px #ffffff0d}.cursor-coords-follow{position:fixed;pointer-events:none;z-index:10000}.coords-follow-content{background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.9) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(147,197,253,.3);border-radius:8px;padding:8px 12px;box-shadow:0 8px 32px #0000004d,0 0 40px #3b82f61a,inset 0 1px #ffffff0d;position:relative}.coords-follow-content:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:linear-gradient(135deg,rgba(30,41,59,.9) 0%,rgba(15,23,42,.95) 100%);border-right:1px solid rgba(147,197,253,.3);border-bottom:1px solid rgba(147,197,253,.3)}.coords-follow-main{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;font-weight:600;color:#5eead4f2;letter-spacing:.5px;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(94,234,212,.3)}.coords-follow-hint{font-size:10px;color:#94a3b8b3;margin-top:2px;text-align:center;letter-spacing:.3px}.cursor-coords-copied{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,rgba(16,185,129,.95) 0%,rgba(5,150,105,.9) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(52,211,153,.3);border-radius:8px;padding:10px 16px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;font-weight:500;color:#fff;z-index:10001;box-shadow:0 4px 24px #10b9814d,inset 0 1px #ffffff1a;pointer-events:none;animation:coords-fade-in .2s ease-out}.cursor-coords-theme-light.cursor-coords-hud{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(241,245,249,.9) 100%);border:1px solid rgba(59,130,246,.2);box-shadow:0 4px 24px #0000001a,inset 0 1px #ffffff80}.cursor-coords-theme-light .coord-label{color:#475569b3}.cursor-coords-theme-light .coord-value{color:#3b82f6}.cursor-coords-theme-light .coords-viewport .coord-value{color:#3b82f6e6}.cursor-coords-theme-light .coords-page .coord-value{color:#10b981e6}.cursor-coords-theme-light .coords-scroll .coord-value{color:#f59e0be6}.cursor-coords-theme-light .coords-hint{border-top:1px solid rgba(59,130,246,.15);color:#64748bb3}.cursor-coords-theme-light .coords-hint kbd{background:rgba(241,245,249,.8);border:1px solid rgba(59,130,246,.3);color:#3b82f6;box-shadow:0 1px #0000000d,inset 0 1px #fffc}@media (max-width: 768px){.cursor-coords-hud{top:10px;right:10px;padding:8px 12px;font-size:10px}.cursor-coords-position-top-right{top:10px;right:10px}.cursor-coords-position-top-left{top:10px;left:10px}.cursor-coords-position-bottom-right{bottom:10px;right:10px}.cursor-coords-position-bottom-left{bottom:10px;left:10px}.coord-label{font-size:9px}.coords-hint{display:none}}@media (pointer: coarse){.cursor-coords-follow{margin-top:-20px}.coords-follow-content{padding:10px 14px;border-radius:10px}.coords-follow-main{font-size:14px}.coords-follow-hint{font-size:11px}}.cursor-coords-hud{position:fixed}@media (max-width: 768px){.coords-platform-toggle{width:32px;height:32px;font-size:18px}}@media (prefers-color-scheme: dark){.cursor-coords-hud:not(.cursor-coords-theme-light){background:linear-gradient(135deg,rgba(10,14,39,.9) 0%,rgba(15,23,42,.8) 100%)}}@keyframes coords-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
