:root{color-scheme:dark;--bg:#101412;--panel:#191e1b;--border:#323a33;--muted:#a3ada4;--text:#eef1e9;--amber:#f4b85a;--green:#a4b5a3;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a,input,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}header{height:100px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%}.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-size:27px;font-weight:900;letter-spacing:2px}.brand-mark{font-size:46px;color:var(--amber);line-height:1}.brand-sub{display:block;font-size:11px;letter-spacing:3px;margin-top:5px;color:var(--muted)}.header-right{display:flex;gap:30px;align-items:center}.browser-tag,.eyebrow,.status,.mono{font-family:Consolas,monospace;letter-spacing:1.5px;font-size:12px}.browser-tag{color:var(--green);border:1px solid var(--border);padding:9px 12px}.rbz{font-size:23px;font-weight:900;letter-spacing:-1px}.rbz span{font-size:10px;display:block;text-align:right;letter-spacing:3px;color:var(--amber)}main{max-width:1560px;margin:auto;padding:38px 4.5% 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{color:var(--muted)}.page-heading .eyebrow{color:var(--amber);font-size:12px}h1{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-1.5px;margin:10px 0}p{line-height:1.5}.page-heading p{color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border)}h2{font-size:1rem;margin:0;font-weight:600}h3{font-size:14px;margin:0;font-weight:600;display:flex;align-items:center;gap:9px}.mono{color:#7c897d}.position-block{padding:23px 24px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:16px}.marker{display:inline-block;width:8px;height:8px;flex-shrink:0}.mortar-marker{background:var(--green);border-radius:50%}.target-marker{border:2px solid var(--amber);transform:rotate(45deg)}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:14px;color:var(--muted);display:block}input,textarea{width:100%;background:#101512;color:var(--text);border:1px solid #3a453b;border-radius:5px;padding:12px;outline:none}label input{margin-top:9px}.input-pair input{font-family:Consolas,monospace;font-size:23px;height:57px}input:focus,textarea:focus{border-color:var(--amber);box-shadow:0 0 0 2px #f4b85a20}input:disabled{color:var(--green);background:#222b23}input[aria-invalid=true]{border-color:#ed8d7c}.small-button{border:0;background:transparent;color:var(--muted);padding:4px 0;font-size:12px}.small-button:hover,.text-button:hover{color:var(--text)}.small-button[aria-pressed=true]{color:var(--amber)}.input-note{font-size:12px;color:var(--muted);margin:14px 24px;line-height:1.6}.save-row{display:flex;gap:9px;margin:19px 24px}.save-row input{min-width:0;font-size:14px}.primary,.secondary,.quiet{padding:12px 16px;border-radius:5px;font-size:14px;font-weight:600}.primary{background:var(--amber);color:#1b1d14;border:1px solid var(--amber);white-space:nowrap}.primary:hover{background:#ffd080}.secondary{background:#242b25;border:1px solid #475047;color:var(--text)}.secondary:hover{background:#313b31;border-color:#727b6b}.quiet{background:transparent;border:0;color:var(--muted)}.quiet:hover{color:var(--text)}.grid-settings{padding:17px 24px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}summary{cursor:pointer;font-size:14px}summary span{float:right;font-size:12px}.grid-settings label{margin-top:18px}.grid-settings p{margin-bottom:0}.solution{border-top:2px solid var(--amber);background:linear-gradient(155deg,#26291e 0%,#191e1b 65%)}.status{color:var(--muted);font-size:11px;letter-spacing:1px}.status.ready{color:var(--amber)}.bearing-result{padding:27px 24px 24px}.bearing-result>div{display:flex;align-items:flex-start;margin:8px 0}.bearing-result strong{font-family:Consolas,monospace;font-size:clamp(3.8rem,6vw,6rem);font-weight:500;line-height:1.1;letter-spacing:-6px;color:var(--amber)}#bearing-unit{font-size:34px;color:var(--amber);padding-top:6px;margin-left:8px}.direction{color:var(--muted);font-size:14px}.secondary-results{display:grid;grid-template-columns:1fr 1fr;padding:0 24px}.secondary-results>div+div{border-left:1px solid #414637;padding-left:22px}.secondary-results p{margin:8px 0 23px;white-space:nowrap}.secondary-results strong{font:500 30px Consolas,monospace}.secondary-results p span{color:var(--muted);font-size:14px}.calibration-note{margin:0 24px;display:flex;gap:12px;padding-top:18px;border-top:1px solid #3d4436}.note-icon{border:1px solid #778169;border-radius:50%;width:18px;height:18px;flex-shrink:0;text-align:center;font-size:12px;color:var(--green)}.calibration-note strong{font-size:13px;color:#d3d9c7;font-weight:500}.calibration-note p{font-size:12px;color:var(--muted);margin:5px 0}.text-button{border:0;background:none;color:var(--amber);font-size:12px;padding:7px 0}.full{width:calc(100% - 48px);margin:14px 24px 23px}.plot-panel{background:#151c18}.plot{padding:15px 18px 0}.plot svg{display:block;width:100%;max-height:305px}.plot-letter{fill:#9da99c;font:12px Consolas,monospace}.plot-legend{display:flex;align-items:center;gap:17px;margin:10px 24px 22px;font-size:12px;color:var(--muted)}.plot-legend span:last-child{margin-left:auto}.plot-legend i{margin-right:5px}.deltas{margin:0 24px;padding-top:19px;border-top:1px solid var(--border);display:flex;gap:15px;justify-content:space-between;color:var(--muted);font:11px Consolas,monospace}.deltas b{display:block;margin-top:9px;font-size:16px;font-weight:400;color:var(--text)}.lower-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.count{font:12px Consolas,monospace;color:var(--muted);background:#303830;border-radius:4px;padding:3px 7px;margin-left:7px}.subtle{font-size:12px;color:var(--muted);line-height:1.6}.empty{display:flex;align-items:center;gap:20px;padding:32px 24px}.empty>span{font-size:38px;color:#6c7b6c}.empty strong{font-size:14px;font-weight:500}.empty p{font-size:13px;color:var(--muted);margin:6px 0}.voice-panel{padding-bottom:12px}.voice-panel>.subtle,.voice-example{margin:14px 24px}.voice-example{font-size:14px;color:#d2d8c8}.voice-panel>.secondary{margin:2px 24px}.voice-panel .input-note{margin-top:10px}.targets{max-height:260px;overflow:auto}.target-row{display:flex;align-items:center;gap:12px;padding:13px 24px;border-bottom:1px solid var(--border)}.target-recall{background:none;border:0;color:var(--text);text-align:left;flex:1;min-width:0;padding:4px 0}.target-recall strong{display:block;font-size:14px;overflow-wrap:anywhere}.target-recall span{display:block;color:var(--muted);font:12px Consolas,monospace;margin-top:5px}.target-recall:hover strong{color:var(--amber)}.target-row .quiet{padding:8px}.target-row:last-child{border-bottom:0}#voice-review{margin:14px 24px;padding:14px;background:#262f25;border:1px solid #46513e;border-radius:5px}#transcript{font-size:14px;overflow-wrap:anywhere;margin-top:0}#notice{min-height:32px;font-size:13px;color:var(--amber);padding-top:12px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:#9ca59d;padding:23px 0 28px;font-size:12px}footer b{color:#c8cfc6;font-size:12px;letter-spacing:1px}dialog{width:min(560px,calc(100% - 32px));background:#1b221c;border:1px solid #485342;border-radius:10px;color:var(--text);padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{font-size:21px}dialog p,dialog li{font-size:14px;line-height:1.7;color:#bac5b8}dialog ol{padding-left:22px}dialog li{padding:6px 0}textarea{margin-top:10px;resize:vertical;font:16px Consolas,monospace}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}#calibration-error{color:#ffab98}body:has(dialog[open]){overflow:hidden}@media(min-width:1450px){main{padding-top:45px}.workspace{gap:22px}.bearing-result{padding-top:35px;padding-bottom:30px}.plot svg{max-height:340px}}@media(max-width:1100px){.workspace{grid-template-columns:1fr 1fr}.plot-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.plot-panel .panel-heading{grid-column:1/-1}.plot{grid-row:2/5}.plot-legend{flex-wrap:wrap}.plot-panel .input-note{grid-column:2}.lower-grid{grid-template-columns:1fr 1fr}.header-right{gap:16px}.browser-tag{display:none}}@media(max-width:680px){header{height:80px;padding:0 20px}.brand{font-size:21px;gap:9px}.brand-mark{font-size:35px}.brand-sub{font-size:9px;letter-spacing:2px}.rbz{display:none}.header-right{gap:0}.header-right .quiet{padding:10px 0;font-size:12px}main{padding:27px 16px 0}.page-heading{display:block;margin-bottom:24px}.page-heading .secondary{margin-top:18px}.page-heading p{font-size:14px}.workspace,.lower-grid{grid-template-columns:1fr}.solution{grid-row:2}.plot-panel{grid-column:auto;display:block}.plot svg{max-height:280px}.bearing-result strong{font-size:5.2rem}.lower-grid{gap:16px}.panel-heading{padding:19px 22px}.position-block{padding-left:22px;padding-right:22px}.plot-legend span:last-child{margin-left:auto}.plot-panel .input-note{margin-bottom:20px}footer{flex-direction:column;gap:12px}.page-heading h1{letter-spacing:-1px}.save-row{flex-wrap:wrap}.save-row input{flex:1;min-width:130px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s,border-color .15s}}