.compass-capture{max-width:880px;color:var(--analog-ink,#0a0a0a);background:radial-gradient(ellipse 120% 60% at 50% 100%, #d83ab50d, transparent 60%), radial-gradient(1px 1px at 12% 18%, #0a0a0a1a 50%, transparent 51%), radial-gradient(1px 1px at 73% 34%, #0a0a0a14 50%, transparent 51%), radial-gradient(1.5px 1.5px at 42% 72%, #0a0a0a12 50%, transparent 51%), radial-gradient(1px 1px at 88% 80%, #0a0a0a17 50%, transparent 51%), repeating-linear-gradient(0deg, #0a0a0a05 0 1px, transparent 1px 3px), var(--analog-paper,#ede4c9);border:2px solid var(--analog-ink,#0a0a0a);box-shadow:6px 6px 0 var(--analog-ink,#0a0a0a);grid-template-columns:minmax(260px,1fr) minmax(280px,1.2fr);align-items:center;gap:clamp(20px,3vw,48px);margin:0 auto;padding:clamp(20px,4vw,48px);display:grid;position:relative}@media (width<=720px){.compass-capture{text-align:center;grid-template-columns:1fr}}.compass-capture--compact{box-shadow:4px 4px 0 var(--analog-ink,#0a0a0a);gap:clamp(16px,2vw,28px);padding:clamp(16px,3vw,28px)}.compass-capture__stage{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.compass-capture__here{font-family:var(--analog-font-script,"Caveat", cursive);color:var(--analog-magenta,#d83ab5);pointer-events:none;opacity:.85;font-size:20px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)rotate(-3deg)}.compass-capture__form{flex-direction:column;gap:14px;display:flex}.compass-capture__title{font-family:var(--analog-font-display,"Bowlby One", sans-serif);letter-spacing:-.01em;text-transform:uppercase;margin:0 0 2px;font-size:clamp(22px,3vw,32px);font-weight:400;line-height:1.05}.compass-capture__subtitle{font-family:var(--analog-font-mono,"Special Elite", monospace);color:var(--analog-ink-muted,#6b5f4a);max-width:44ch;margin:0 0 4px;font-size:14px}.compass-capture__label{flex-direction:column;gap:6px;display:flex}.compass-capture__label-text{font-family:var(--analog-font-mono,"Special Elite", monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--analog-ink-soft,#1f1d1a);font-size:12px}.compass-capture__input{font-family:var(--analog-font-mono,"Special Elite", monospace);letter-spacing:.06em;background:var(--analog-paper-2,#f2ebd6);color:var(--analog-ink,#0a0a0a);border:2px solid var(--analog-ink,#0a0a0a);box-shadow:3px 3px 0 var(--analog-ink,#0a0a0a);border-radius:0;outline:none;padding:12px 14px;font-size:22px;transition:box-shadow .1s ease-out,transform .1s ease-out}.compass-capture__input::placeholder{color:var(--analog-ink-faint,#9a8d74)}.compass-capture__input:focus-visible{box-shadow:5px 5px 0 var(--analog-magenta,#d83ab5);transform:translate(-1px,-1px)}.compass-capture__input[aria-invalid=true]{border-color:var(--analog-red,#d41f1f);box-shadow:3px 3px 0 var(--analog-red,#d41f1f)}.compass-capture__preview{font-family:var(--analog-font-mono,"Special Elite", monospace);min-height:20px;font-size:14px;line-height:1.4}.compass-capture__preview-ok{color:var(--analog-ink,#0a0a0a);font-weight:600}.compass-capture__preview-err{color:var(--analog-red,#d41f1f);font-family:var(--analog-font-marker,"Permanent Marker", cursive)}.compass-capture__preview-dim{color:var(--analog-ink-muted,#6b5f4a);opacity:.85}.compass-capture__preview--error{color:var(--analog-red,#d41f1f);font-family:var(--analog-font-marker,"Permanent Marker", cursive);margin-top:4px}.compass-capture__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.compass-capture__submit,.compass-capture__skip{font-family:var(--analog-font-display,"Bowlby One", sans-serif);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--analog-ink,#0a0a0a);cursor:pointer;border-radius:0;padding:12px 20px;font-size:14px;font-weight:400;transition:transform .1s ease-out,box-shadow .1s ease-out}.compass-capture__submit{background:var(--analog-ink,#0a0a0a);color:var(--analog-paper,#ede4c9);box-shadow:4px 4px 0 var(--analog-magenta,#d83ab5)}.compass-capture__submit:not(:disabled):hover{box-shadow:6px 6px 0 var(--analog-magenta,#d83ab5);transform:translate(-2px,-2px)}.compass-capture__submit:not(:disabled):active{box-shadow:1px 1px 0 var(--analog-magenta,#d83ab5);transform:translate(2px,2px)}.compass-capture__submit:disabled{opacity:.45;cursor:not-allowed}.compass-capture__skip{color:var(--analog-ink-muted,#6b5f4a);border-color:var(--analog-ink-muted,#6b5f4a);box-shadow:none;background:0 0}.compass-capture__skip:hover{color:var(--analog-ink,#0a0a0a);border-color:var(--analog-ink,#0a0a0a)}.compass-capture__submit:focus-visible,.compass-capture__skip:focus-visible{outline:3px solid var(--analog-magenta,#d83ab5);outline-offset:3px}.compass-capture__samples{font-family:var(--analog-font-script,"Caveat", cursive);color:var(--analog-ink-muted,#6b5f4a);flex-wrap:wrap;gap:6px;margin-top:8px;font-size:16px;display:flex}.compass-capture__sample{font:inherit;color:inherit;background:var(--analog-tape,#f4d35e9e);border:1px dashed var(--analog-tape-edge,#785a148c);cursor:pointer;border-radius:0;padding:2px 10px;transition:transform .1s ease-out}.compass-capture__sample:hover{color:var(--analog-ink,#0a0a0a);transform:translateY(-1px)rotate(-1deg)}.compass-capture__sample:focus-visible{outline:2px solid var(--analog-magenta,#d83ab5);outline-offset:2px}.compass-capture__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compass-capture__sweep{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 #d83ab500}.compass-capture__sweep[data-active="1"]{animation:1.1s ease-out compass-sweep-ripple}@keyframes compass-sweep-ripple{0%{box-shadow:0 0 #d83ab573}60%{box-shadow:0 0 0 40% #d83ab514}to{box-shadow:0 0 0 50% #d83ab500}}.compass-rose{transition:transform .2s ease-out;display:block}.compass-rose__needle{transform-box:fill-box;transform-origin:50%;transition:transform .3s cubic-bezier(.2,.9,.3,1.1)}.compass-rose--idle .compass-rose__needle{animation:4s ease-in-out infinite compass-needle-idle}.compass-rose--pulsing .compass-rose__needle{animation:.9s ease-in-out infinite compass-needle-pulse}.compass-rose--wobbling .compass-rose__needle{animation:.52s ease-in-out 2 compass-needle-wobble}.compass-rose--settled .compass-rose__needle{animation:.6s cubic-bezier(.2,1.6,.3,1) compass-needle-settle;transform:rotate(6deg)}@keyframes compass-needle-idle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes compass-needle-pulse{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(3deg)scale(1.02)}}@keyframes compass-needle-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes compass-needle-settle{0%{transform:rotate(-90deg)}70%{transform:rotate(14deg)}to{transform:rotate(6deg)}}.compass-radius-ring{cursor:grab;outline:none;transition:transform .1s ease-out;display:block}.compass-radius-ring:active{cursor:grabbing}.compass-radius-ring:focus-visible{outline:3px solid var(--analog-magenta,#d83ab5);outline-offset:3px}.compass-radius-ring__handle{transform-box:fill-box;transition:transform .15s cubic-bezier(.2,.9,.3,1.1)}.compass-radius-ring__tick.is-active text{font-weight:700}@media (prefers-reduced-motion:reduce){.compass-capture *,.compass-capture :before,.compass-capture :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.compass-capture__sweep[data-active="1"]{box-shadow:none!important;animation:none!important}.compass-rose__needle{animation:none!important}}.discover-compass-gate{justify-content:center;align-items:center;min-height:60vh;padding:clamp(24px,5vw,64px) 16px;display:flex}.discover-compass-gate .compass-capture{margin:0}