/* ANGIE global CSS authority. Edit this file in place; no override patches. */
@font-face{font-family:"SP Iceland";src:url("/iceland.woff2")}
@font-face{font-family:"SP Sixtyfour";src:url("/sixtyfour.woff2")}
@font-face{font-family:"SP Basteleur";src:url("/basteleur-bold.woff2");font-weight:700}
@font-face{font-family:"SP Basteleur Moonlight";src:url("/basteleur-moonlight.woff2")}
@font-face{font-family:"SP Velvelyne";src:url("/Velvelyne-Regular.woff2")}
@font-face{font-family:"SP Velvelyne";src:url("/Velvelyne-Bold.woff2");font-weight:700}
:root{--sp-type-ui:"SP Sixtyfour",monospace;--sp-type-label:"SP Basteleur Moonlight",serif;--sp-type-body:"SP Basteleur",serif;--sp-type-coordinate:"SP Iceland",sans-serif;--sp-type-metadata:"SP Velvelyne",sans-serif;--sp-form-ink:#06101d;--sp-form-paper:#efe1c3}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff;color:var(--sp-form-ink)}
body{font-family:var(--sp-type-body)}
#spatial-generator-form-band{width:100%;padding:18px 12px}
.spatial-generator-form-box{min-width:0;width:100%}
#angieForm{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(8px,1.3vh,13px);width:min(92vw,1100px);max-width:100%;margin:auto}
.field{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:clamp(3px,.5vh,5px)}
#spatial-generator-form-band label{display:block;text-align:center;font:400 16px/1.08 var(--sp-type-label);letter-spacing:.015em;color:var(--sp-form-ink)}
#spatial-generator-form-band input:not([type="checkbox"]){width:100%;height:50px;padding:0 16px;border:1px solid #824726;border-radius:2px;background:#fff;color:var(--sp-form-ink);font:700 16px/1.15 var(--sp-type-body);text-align:center;min-width:0;color-scheme:light}
#spatial-generator-form-band input:is([type="date"],[type="time"]){-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;max-width:100%;padding:0;line-height:normal}
#spatial-generator-form-band input:is([type="date"],[type="time"])::-webkit-date-and-time-value{min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center}
#coordinates{font-family:var(--sp-type-coordinate)!important;font-weight:400!important;font-variant-numeric:tabular-nums}
input::placeholder{color:rgba(6,16,29,.62);opacity:1}
.field-note{text-align:center;font:700 clamp(9px,2.3vw,12px)/1.2 var(--sp-type-body);color:rgba(6,16,29,.68)}
.place-input-wrap{position:relative}
.place-suggestions{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:50;max-height:300px;overflow:auto;padding:7px;border:1px solid #824726;background:#fff}
.place-suggestions[hidden]{display:none}
.place-option{display:block;width:100%;padding:10px;border:0;border-bottom:1px solid #824726;background:#fff;color:var(--sp-form-ink);font:700 15px/1.1 var(--sp-type-body);text-align:center;cursor:pointer}
.place-option:last-of-type{border-bottom:0}
.place-option:is(:hover,:focus,.is-active),.place-option[aria-selected="true"]{background:#efe1c3}
.place-option strong,.place-option small{display:block}
.place-option small{margin-top:3px;font-size:11px}
.place-attribution{text-align:center;font:400 10px/1.25 var(--sp-type-metadata)}
.updates-opt-in{display:flex!important;align-items:center;justify-content:center;gap:7px;font:400 clamp(9px,2.3vw,12px)/1.2 var(--sp-type-label)!important}
.updates-opt-in input{width:16px;height:16px;margin:0;accent-color:var(--sp-form-ink)}
#generateBtn{width:100%;height:50px;border:1px solid #824726;border-radius:2px;background:var(--sp-form-ink);color:var(--sp-form-paper);font:400 15px/1 var(--sp-type-ui);letter-spacing:.12em;cursor:pointer}
#generateBtn:disabled{opacity:.55;cursor:wait}
#status{text-align:center;font:400 12px/1.35 var(--sp-type-metadata);min-height:1.4em}
#status:empty{display:none}
#status.error{color:#8b1f24}
#status.success{color:#185b35}


/* Base-input handoff: civil-time choice and inspectable request, no calculation or chart styling. */
.civil-time-choice{display:grid;gap:9px;padding:13px;border:1px solid #824726;background:#efe1c3;text-align:center}
.civil-time-choice[hidden],.input-receipt[hidden]{display:none}
.civil-time-choice strong{font:700 15px/1.2 var(--sp-type-body)}
.civil-time-choice p{margin:0;font:400 12px/1.45 var(--sp-type-metadata)}
.civil-time-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.civil-time-actions button{min-height:43px;border:1px solid #824726;background:#fff;color:var(--sp-form-ink);font:700 12px/1.2 var(--sp-type-body);cursor:pointer}
.civil-time-actions button:focus-visible{outline:2px solid var(--sp-form-ink);outline-offset:2px}
.input-receipt{max-width:100%;min-width:0;border:1px solid #824726;padding:10px;font:400 12px/1.4 var(--sp-type-metadata)}
.input-receipt summary{cursor:pointer}
.input-receipt pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;font:400 11px/1.4 var(--sp-type-coordinate)}

/* Observer height is unverified witness input, not a terrain calculation. */
#spatial-generator-form-band #heightMode{width:100%;min-height:50px;padding:9px 34px 9px 12px;border:1px solid #824726;border-radius:2px;background:#fff;color:var(--sp-form-ink);font:700 15px/1.25 var(--sp-type-body);text-align:center;color-scheme:light}
#spatial-generator-form-band #heightMode:focus-visible{outline:2px solid var(--sp-form-ink);outline-offset:2px}
#heightValueGroup[hidden]{display:none}
#heightMeters{font-family:var(--sp-type-coordinate)!important;font-weight:400!important;font-variant-numeric:tabular-nums}
#spatial-generator-form-band #heightMeters[aria-invalid="true"]{border-width:2px;border-color:#8b1f24}