:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f5;background:#090909}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.shell{width:min(92%,520px);margin:0 auto;padding:32px 0 48px}.hero{margin-bottom:32px;transition:margin .18s ease}.hero.compact{margin-bottom:12px}.hero.compact h1{display:none}.eyebrow{margin:0;letter-spacing:.25em;opacity:.55}h1{margin:8px 0 0;font-size:clamp(2rem,8vw,4rem);line-height:1}.gps-panel{padding:18px 0;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a}.gps-line{display:flex;justify-content:space-between;gap:16px}.quality{font-size:.8rem;letter-spacing:.12em;opacity:.6}#coordinates{margin-bottom:0;opacity:.55;word-break:break-word}.beacon{padding:30px 0;text-align:center}.arrow{margin:34px auto 28px;width:max-content;font-size:clamp(7rem,30vw,11rem);line-height:.8;transform-origin:center;transition:transform .22s linear}#target-name{margin:18px 0 4px;font-size:2rem}#distance{display:block;margin-top:4px;font-size:clamp(3rem,14vw,5rem);line-height:1}.bearing{margin-top:18px;font-size:1.2rem;opacity:.65}.trend{margin-top:24px;font-weight:700;letter-spacing:.08em}.beacon-quality{margin-top:12px;opacity:.45}.actions{margin:24px 0}button{min-height:48px;border:0;border-radius:999px;padding:12px 20px;background:#f5f5f5;color:#090909;cursor:pointer}button:disabled{opacity:.35;cursor:default}.secondary{margin-top:30px;background:transparent;color:#f5f5f5;border:1px solid #3a3a3a}.saved{border-top:1px solid #2a2a2a;padding-top:24px}.point{margin:0 8px 8px 0}.hidden{display:none}.uncertainty{margin-top:18px;font-size:.82rem;font-weight:700;letter-spacing:.1em;opacity:.75}.arrow.uncertain{opacity:.3}.gps-row{display:flex;justify-content:space-between;gap:16px;align-items:center}#gps-quality{letter-spacing:.16em;opacity:.6}.center{text-align:center}.direction-area{min-height:180px;display:grid;place-items:center}.pulse{position:relative;width:130px;height:130px;display:grid;place-items:center;transform-origin:center}.pulse:before,.pulse:after{content:"";position:absolute;inset:0;border:2px solid #f5f5f5;border-radius:50%;opacity:0}.pulse:not(.hidden):before,.pulse:not(.hidden):after{animation:pointXRingPulse 2s ease-out infinite}.pulse:not(.hidden):after{animation-delay:1s}.pulse-x{display:inline-block;font-size:4rem;font-weight:700;line-height:1;transform-origin:center}.pulse:not(.hidden) .pulse-x{animation:pointXCorePulse 1.8s ease-in-out infinite}@keyframes pointXRingPulse{0%{transform:scale(.45);opacity:.7}to{transform:scale(1.25);opacity:0}}@keyframes pointXCorePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.78}}@media(prefers-reduced-motion:reduce){.pulse:not(.hidden):before,.pulse:not(.hidden):after,.pulse:not(.hidden) .pulse-x{animation:none}}.hidden{display:none!important}