:root{color:#eff7ff;background:#061014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{border:0;border-radius:8px;color:inherit;cursor:pointer;font:inherit}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 43% 48%,rgba(255,82,136,.18),transparent 34%),radial-gradient(circle at 56% 42%,rgba(88,196,255,.12),transparent 30%),linear-gradient(135deg,#130811,#101116 45%,#071515)}.app-shell:before{position:absolute;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 76%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 76%)}.globe-stage{position:absolute;inset:0}.globe-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.globe-stage canvas:not(.trail-canvas){opacity:0;pointer-events:none}.topbar{position:absolute;top:28px;left:32px;right:32px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:none}.topbar h1{margin:0;font-size:clamp(1.75rem,3vw,3.8rem);font-weight:700;letter-spacing:0;text-shadow:0 3px 22px rgba(0,0,0,.78)}.topbar p{max-width:32rem;margin:8px 0 0;color:#eff7ffad;font-size:1rem;line-height:1.5;text-shadow:0 2px 16px rgba(0,0,0,.75)}.status-dot{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 12px;border:1px solid rgba(239,247,255,.14);border-radius:8px;background:#081416ad;color:#eff7ffc7;font-size:.84rem;white-space:nowrap;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status-dot span{width:8px;height:8px;border-radius:999px;background:#8ca3a8}.status-tracking span,.status-simulated span{background:#7df0c8;box-shadow:0 0 14px #7df0c8e6}.status-error span{background:#ff8b8b}.control-panel{position:absolute;right:28px;bottom:28px;z-index:3;width:min(360px,calc(100vw - 32px));padding:14px;border:1px solid rgba(239,247,255,.14);border-radius:8px;background:#071214b8;box-shadow:0 20px 80px #00000052;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.camera-feed{width:100%;aspect-ratio:16 / 9;border:1px solid rgba(239,247,255,.12);border-radius:6px;background:#020708;object-fit:cover;transform:scaleX(-1)}.gesture-readout{display:grid;gap:3px;margin-top:12px}.label,.metrics dt{color:#eff7ff8a;font-size:.76rem}.gesture-readout strong{color:#f8fbff;font-size:1rem;font-weight:650}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.metrics div{min-width:0;padding:10px;border:1px solid rgba(239,247,255,.1);border-radius:6px;background:#ffffff0b}.metrics dt,.metrics dd{margin:0}.metrics dd{margin-top:4px;font-size:1.25rem;font-weight:700}.error-text{margin:0 0 12px;color:#ffb8b8;font-size:.84rem;line-height:1.45}.primary-actions{display:grid}.primary-actions button{min-height:44px;background:#d8fff1;color:#06241c;font-weight:750}.sim-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.sim-actions button{min-height:36px;padding:0 8px;background:#eff7ff1a;color:#eff7ffd1;font-size:.82rem}.sim-actions button:hover,.primary-actions button:hover{filter:brightness(1.08)}@media(max-width:720px){body{overflow:auto}.app-shell{min-height:100vh;height:100svh}.topbar{top:18px;left:18px;right:18px;flex-direction:column;gap:12px}.topbar p{display:none}.control-panel{right:16px;bottom:16px;left:16px;width:auto}.camera-feed{display:none}.sim-actions{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}