.shell{width:min(1080px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.panel{background:linear-gradient(160deg,#0f242ff5,#0a1923e6),#0a1923cc;border:1px solid #f5e9cf1f;border-radius:28px;box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff0d}.hero-panel{padding:28px}.section-heading h1,.section-heading h2{letter-spacing:.01em;margin:0;font-family:Iowan Old Style,Georgia,serif;font-weight:600}.section-heading h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:.98}.section-heading h2{font-size:clamp(1.6rem,3vw,2.4rem)}.eyebrow{color:#d9b574;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.hero-copy,.support-copy,.status-banner,.field span,.meta-grid dt,.meta-grid dd{color:#d5d2c7}.hero-copy,.support-copy{max-width:60ch}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.primary-button,.secondary-button{letter-spacing:.02em;border:0;border-radius:999px;padding:14px 18px;font-weight:700;transition:transform .14s,opacity .14s,background .14s}.primary-button{color:#08131c;background:linear-gradient(135deg,#f0d097,#c8f2e5)}.secondary-button{color:#fdf7ec;background:linear-gradient(135deg,#24556b,#2d7680)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.6;transform:none}.status-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;margin:18px 0;padding:16px 18px}.status-banner.info{background:#2f5c7247}.status-banner.success{background:#2c6f574d}.status-banner.error{background:#7936395c}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-panel,.bearing-card{padding:24px}.coordinate-form{gap:16px;display:grid}.field{gap:8px;display:grid}.field span{font-size:.95rem;font-weight:600}.field input{color:#fdf8ee;background:#08141dad;border:1px solid #f5e9cf29;border-radius:16px;width:100%;padding:14px 16px}.field input:focus-visible{outline-offset:2px;outline:2px solid #d9b574}.field-error{color:#ffd5ce;margin:0}.bearing-card{gap:18px;display:grid}.compass-actions{gap:12px;display:grid}.compass-actions .secondary-button{justify-self:start}.compass-calibration{color:#c8e2d8;margin-top:-4px;font-size:.95rem}.compass-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:16px 18px}.compass-status.info{background:#2f5c7238}.compass-status.success{background:#2c6f5742}.compass-status.error{background:#7936394d}.empty-state{align-content:start}.bearing-card h2{margin:0;font-size:clamp(2.2rem,4vw,3.6rem)}.compass-face{aspect-ratio:1;background:radial-gradient(circle,#eee4c30f,#0000 48%),radial-gradient(circle,#00000073,#0000001f);border:1px solid #f5e9cf2e;border-radius:50%;width:min(100%,320px);margin:0 auto;position:relative}.compass-face:before{content:"";border:1px dashed #f5e9cf1f;border-radius:50%;position:absolute;inset:14px}.compass-label{letter-spacing:.16em;color:#f3e0bd;text-transform:uppercase;font-weight:700;position:absolute}.compass-label.north{top:18px;left:50%;transform:translate(-50%)}.compass-label.forward{letter-spacing:.08em;top:18px;left:50%;transform:translate(-50%)}.compass-label.east{top:50%;right:22px;transform:translateY(-50%)}.compass-label.south{bottom:18px;left:50%;transform:translate(-50%)}.compass-label.west{top:50%;left:22px;transform:translateY(-50%)}.compass-arrow{transform-origin:50% 92%;background:linear-gradient(#f4d089 0%,#d86e48 100%);border-radius:30px 30px 999px 999px;width:10px;height:36%;position:absolute;top:14%;left:50%;box-shadow:0 10px 24px #d86e4859}.compass-arrow:before{content:"";border-bottom:22px solid #f4d089;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.compass-hub{background:#f1e0b7;border-radius:50%;width:18px;height:18px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0;display:grid}.meta-grid div{background:#f5e9cf0d;border-radius:18px;padding:14px}.meta-grid dt{letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.8rem}.meta-grid dd{margin:0;font-size:1rem;font-weight:700}@media (width<=860px){.shell{width:min(100vw - 20px,1080px);padding-top:20px}.content-grid,.meta-grid{grid-template-columns:1fr}}:root{color:#f4ead7;font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#1b4052eb,#0000 38%),linear-gradient(#07141f 0%,#0e2230 48%,#173847 100%);font-family:Trebuchet MS,Gill Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}