:root{--proto:#f59e0b;--proto-soft:#fff7df;--proto-blue:#075985;--proto-green:#047857}
*{box-sizing:border-box}html:has(.prototype-page),body.prototype-page{max-width:100%;overflow-x:clip}.prototype-page{min-width:0;background:var(--paper);color:var(--ink)}.prototype-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 12px max(14px,env(safe-area-inset-left,0px));background:linear-gradient(125deg,#082f49,#075985);color:#fff;box-shadow:0 8px 24px #00162130}.prototype-header>*{min-width:0}.prototype-header>.prototype-back{grid-column:1;grid-row:1}.prototype-header>div{grid-column:2;grid-row:1}.prototype-header>.menu-button{grid-column:3;grid-row:1}.prototype-main>*{min-width:0;max-width:100%}.prototype-header h1{margin:1px 0 0;font-size:clamp(1.25rem,4vw,1.8rem)}.prototype-header .eyebrow{margin:3px 0 0;color:#bae6fd}.prototype-back{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:12px;color:#fff;text-decoration:none;font-size:2rem}.prototype-badge{display:inline-flex;padding:3px 8px;border-radius:99px;background:var(--proto);color:#271500;font-size:.64rem;font-weight:950;letter-spacing:.08em}.prototype-main{width:min(100%,1040px);margin:auto;padding:16px max(12px,env(safe-area-inset-left,0px)) 44px}.prototype-intro,.knowledge-tools,.gps-status-card,.track-card,.sun-card,.weather-card,.test-log-card,.asset-note{margin-bottom:14px;padding:16px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:18px;background:var(--card);box-shadow:0 5px 18px #0f172a0e}.prototype-intro{border-left:5px solid var(--proto);background:color-mix(in srgb,var(--proto-soft) 55%,var(--card))}.prototype-intro p{margin:0;line-height:1.5}.navigation-prototypes{display:grid!important}.navigation-prototypes small{display:block;color:var(--muted);font-size:.68rem}.knowledge-tools{position:sticky;top:calc(78px + env(safe-area-inset-top,0px));z-index:20}.knowledge-tools>label{display:block;margin-bottom:7px;font-size:.78rem;font-weight:900}.search-field{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:0 10px}.search-field input{min-height:46px;border:0;background:transparent;padding:8px 4px;outline:0}.chapter-pills{display:flex;gap:7px;overflow-x:auto;padding-top:10px;scrollbar-width:none}.chapter-pills button{flex:none;min-height:38px;border:1px solid var(--line);border-radius:99px;background:var(--paper);color:var(--ink);padding:6px 12px;font-weight:800}.chapter-pills button[aria-pressed=true]{border-color:var(--proto-blue);background:var(--proto-blue);color:#fff}#kvr-result-count{margin:9px 2px 0;color:var(--muted);font-size:.72rem}.knowledge-list{display:grid;gap:12px}.knowledge-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 5px 18px #0f172a0d}.knowledge-card[hidden]{display:none}.knowledge-card>summary{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:10px;align-items:center;min-height:82px;padding:13px;cursor:pointer;list-style:none}.knowledge-card>summary::-webkit-details-marker{display:none}.knowledge-card>summary small,.knowledge-card>summary strong,.knowledge-card>summary em{display:block}.knowledge-card>summary small{color:var(--proto-blue);font-size:.67rem;font-weight:900;text-transform:uppercase}.knowledge-card>summary strong{margin:3px 0;font-size:1rem}.knowledge-card>summary em{color:var(--muted);font-size:.66rem;font-style:normal}.topic-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e0f2fe;color:#0369a1;font-weight:950}.summary-arrow{transition:transform .2s}.knowledge-card[open] .summary-arrow{transform:rotate(180deg)}.knowledge-card[open]>summary{border-bottom:1px solid var(--line)}.knowledge-level,.knowledge-detail,.demo-illustration{margin:12px 14px}.knowledge-level{padding:13px;border-radius:14px;background:var(--paper)}.knowledge-level h3,.knowledge-level p{margin:0}.knowledge-level h3{margin-bottom:5px;font-size:.82rem}.knowledge-level p{line-height:1.5}.knowledge-level.mnemonic{border-left:4px solid var(--proto);background:color-mix(in srgb,var(--proto-soft) 62%,var(--card))}.knowledge-level.mnemonic span{display:block;margin-bottom:4px;color:#b45309;font-size:.67rem;font-weight:950;text-transform:uppercase}.knowledge-level.mnemonic p{font-size:1rem;font-weight:850}.knowledge-detail{border:1px solid var(--line);border-radius:13px}.knowledge-detail summary{padding:11px;font-weight:850;cursor:pointer}.knowledge-detail>p,.knowledge-detail dl{margin:0;padding:0 11px 12px;line-height:1.5}.knowledge-detail dl{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;font-size:.75rem}.knowledge-detail dt{font-weight:900}.demo-illustration{display:flex;justify-content:space-around;align-items:center;min-height:82px;border:2px dashed #f59e0b;border-radius:14px;background:var(--proto-soft);color:#92400e}.demo-illustration span{font-size:1.8rem}.demo-illustration b{font-size:.67rem;text-transform:uppercase}.asset-note h2{margin:0 0 8px;font-size:1rem}.asset-note ul{margin:0;padding-left:20px}.prototype-empty{text-align:center;color:var(--muted)}.section-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.section-title h2{margin:2px 0;font-size:1.15rem}.section-title .eyebrow{margin:0}.state-pill{padding:6px 9px;border-radius:99px;background:var(--paper);color:var(--muted);font-size:.68rem;font-weight:900}.state-pill.is-live{background:#dcfce7;color:#047857}.position-grid,.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.position-grid div,.weather-grid div{padding:10px;border-radius:12px;background:var(--paper)}.position-grid dt,.weather-grid dt{color:var(--muted);font-size:.66rem;font-weight:850}.position-grid dd,.weather-grid dd{margin:3px 0 0;font-size:.82rem;font-weight:900}.prototype-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prototype-actions button,.section-title button{min-height:46px;border-radius:12px;font-weight:850}.compact{min-height:38px!important;padding:6px 10px}.prototype-message{min-height:1.4em;color:var(--muted);font-size:.78rem}.prototype-message.is-error{color:#b91c1c}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.metric-grid div{padding:10px;border-radius:12px;background:var(--paper);text-align:center}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:var(--muted);font-size:.64rem}.metric-grid strong{margin-top:4px;font-size:1rem}.track-map{position:relative;overflow:hidden;aspect-ratio:2.15/1;border-radius:14px;background:linear-gradient(145deg,#e0f2fe,#ecfeff)}.track-map svg{width:100%;height:100%}.track-map polyline{fill:none;stroke:#0369a1;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.track-map circle#track-start{fill:#16a34a}.track-map circle#track-current{fill:#dc2626}.track-map p{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#527080;font-size:.75rem}.map-note,.sun-card small,.weather-card small{display:block;margin:9px 0 0;color:var(--muted);font-size:.68rem;line-height:1.4}.map-link{display:inline-flex;margin-top:10px;color:var(--proto-blue);font-weight:850}.sun-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.sun-grid>div{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--paper)}.sun-grid>div>span{font-size:1.5rem}.sun-grid p,.sun-grid strong{display:block;margin:0}.sun-grid p{color:var(--muted);font-size:.7rem}.sun-grid strong{margin-top:3px;color:var(--ink);font-size:1rem}.test-log-card ol{max-height:260px;overflow:auto;margin:12px 0 0;padding-left:25px}.test-log-card li{padding:5px;color:var(--muted);font-size:.72rem}.test-log-card li+li{border-top:1px solid var(--line)}
@media(max-width:520px){.prototype-main{padding-top:11px}.prototype-header{grid-template-columns:42px minmax(0,1fr) 44px;gap:8px}.prototype-header h1{font-size:1.2rem}.knowledge-tools{top:calc(75px + env(safe-area-inset-top,0px));padding:12px}.position-grid,.weather-grid{grid-template-columns:1fr}.prototype-actions{grid-template-columns:1fr}.metric-grid span{min-height:2.2em}.track-map{aspect-ratio:1.55/1}}
@media(prefers-color-scheme:dark){:root{--proto-soft:#422006}.topic-icon{background:#0c4a6e;color:#bae6fd}.track-map{background:linear-gradient(145deg,#0c4a6e,#164e63)}.demo-illustration{background:#422006;color:#fde68a}.prototype-intro{background:color-mix(in srgb,#422006 50%,var(--card))}}

.photo-upload-card,.photo-gallery-card,.photo-diagnostics{margin-bottom:14px;padding:16px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:18px;background:var(--card);box-shadow:0 5px 18px #0f172a0e}.prototype-photo-pickers{margin:14px 0 8px}.prototype-photo-pickers .photo-picker{position:relative;display:grid;place-items:center;min-height:58px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--blue);font-weight:850;text-align:center;cursor:pointer}.prototype-photo-pickers .photo-picker:focus-within{outline:3px solid var(--accent);outline-offset:2px}.prototype-photo-pickers .photo-picker input{position:absolute;width:1px;height:1px;opacity:0}.upload-limit-note{margin:8px 0;color:var(--muted);font-size:.72rem}.local-preview{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1fr);gap:14px;margin:14px 0;padding:12px;border-radius:15px;background:var(--paper)}.local-preview>img{width:100%;height:220px;border-radius:12px;object-fit:contain;background:#0f172a}.local-preview dl{display:grid;gap:7px;margin:0}.local-preview dl div{padding:8px;border-bottom:1px solid var(--line)}.local-preview dt{color:var(--muted);font-size:.68rem;font-weight:850}.local-preview dd{margin:3px 0 0;font-size:.8rem;font-weight:800;overflow-wrap:anywhere}.photo-upload-button{width:100%;min-height:50px}.prototype-photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.prototype-photo{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:11px;align-items:center;min-width:0;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.photo-thumbnail{display:block;width:112px;height:92px;padding:0;overflow:hidden;border:0;border-radius:11px;background:#0f172a;cursor:zoom-in}.photo-thumbnail img{width:100%;height:100%;object-fit:cover}.prototype-photo>div{display:grid;gap:3px;min-width:0}.prototype-photo strong,.prototype-photo span{overflow-wrap:anywhere}.prototype-photo strong{font-size:.84rem}.prototype-photo span{color:var(--muted);font-size:.68rem}.prototype-photo .storage-state.is-ok{color:#047857}.prototype-photo .storage-state.is-error{color:#b91c1c}.photo-diagnostics dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 0}.photo-diagnostics dl div{padding:10px;border-radius:11px;background:var(--paper)}.photo-diagnostics dt{color:var(--muted);font-size:.64rem;font-weight:850}.photo-diagnostics dd{margin:4px 0 0;font-size:.78rem;font-weight:850;overflow-wrap:anywhere}.photo-lightbox{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:12px;border:0;border-radius:18px;background:var(--card);color:var(--ink)}.photo-lightbox::backdrop{background:#020617cc}.photo-lightbox .icon-button{position:absolute;top:18px;right:18px;z-index:2;background:#fff;color:#0f172a}.photo-lightbox img{display:block;width:100%;max-height:calc(100dvh - 100px);object-fit:contain;border-radius:12px;background:#0f172a}.photo-lightbox p{margin:9px 4px 0;font-weight:800}.photo-lightbox:not([open]){display:none}
@media(max-width:720px){.local-preview{grid-template-columns:1fr}.local-preview>img{height:240px}.prototype-photo-gallery{grid-template-columns:1fr}.photo-diagnostics dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.prototype-photo{grid-template-columns:86px minmax(0,1fr)}.photo-thumbnail{width:86px;height:78px}.prototype-photo>button:last-child{grid-column:2;justify-self:start}.photo-diagnostics dl{grid-template-columns:1fr 1fr}.local-preview>img{height:210px}}
@media(prefers-color-scheme:dark){.local-preview,.prototype-photo,.photo-diagnostics dl div{background:color-mix(in srgb,var(--paper) 80%,#020617)}}
.pressure-card,.forecast-card{margin-bottom:14px;padding:16px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:18px;background:var(--card);box-shadow:0 5px 18px #0f172a0e}.gps-main{width:min(100%,820px)}.weather-dashboard{padding:18px}.weather-location{display:flex;gap:9px;align-items:flex-start;margin:12px 0 4px;color:var(--muted)}.weather-location strong,.weather-location small{display:block}.weather-location strong{color:var(--ink);font-size:.82rem}.weather-location small{margin-top:2px;font-size:.67rem}.weather-dashboard .weather-grid{grid-template-columns:repeat(3,1fr);margin:14px 0 10px}.weather-dashboard .weather-grid>div{min-height:105px;padding:13px;background:color-mix(in srgb,var(--paper) 88%,#dbeafe);border:1px solid color-mix(in srgb,var(--line) 45%,transparent)}.weather-dashboard .weather-grid dt{display:flex;gap:6px;align-items:center}.weather-dashboard .weather-grid dt span{color:#0878dd;font-size:1rem}.weather-dashboard .weather-grid dd{margin-top:10px;font-size:1.05rem}.weather-dashboard .weather-grid small{margin-top:7px;color:var(--muted);font-size:.64rem}.weather-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.cache-pill{flex:none;padding:4px 8px;border:1px solid #86d69f;border-radius:99px;background:#eafaf0;color:#087a36;font-size:.64rem;font-weight:850}.pressure-card .eyebrow span,.forecast-card .eyebrow span{font-weight:600;text-transform:none;letter-spacing:0}.info-dot{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--muted);border-radius:50%;color:var(--muted);font-size:.65rem}.pressure-chart{position:relative;margin-top:10px;min-height:190px}.pressure-chart svg{display:block;width:100%;height:auto}.pressure-chart polyline{fill:none;stroke:#0878dd;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.pressure-chart path{fill:#0878dd18;stroke:none}.pressure-chart p{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.75rem}.pressure-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;border-radius:12px;background:var(--paper)}.pressure-summary div{padding:10px;text-align:center}.pressure-summary div+div{border-left:1px solid var(--line)}.pressure-summary small,.pressure-summary strong{display:block}.pressure-summary small{color:var(--muted);font-size:.6rem}.pressure-summary strong{margin-top:4px;font-size:.74rem}.forecast-strip{display:grid;grid-template-columns:repeat(8,minmax(74px,1fr));gap:7px;overflow-x:auto;padding:12px 1px 8px}.forecast-slot{position:relative;min-height:180px;padding:9px 7px 15px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-align:center}.forecast-slot time,.forecast-slot strong,.forecast-slot small{display:block}.forecast-slot time{font-size:.62rem;font-weight:900}.forecast-slot .weather-icon{margin:9px 0;font-size:1.45rem}.forecast-slot strong{font-size:.72rem}.forecast-slot small{margin-top:5px;color:var(--muted);font-size:.57rem}.forecast-slot i{position:absolute;bottom:6px;left:50%;width:8px;height:8px;border-radius:50%;transform:translateX(-50%)}.warning-legend{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0;color:var(--muted);font-size:.62rem}.warning-legend span{display:flex;gap:5px;align-items:center}.warning-legend i{width:9px;height:9px;border-radius:50%}.green{background:#22a95b}.yellow{background:#eab308}.orange{background:#f97316}.red{background:#ef3340}.forecast-note{margin:12px 0 0;padding:9px;border:1px solid #cfe6ff;border-radius:9px;background:#f0f7ff;color:#075ca8;font-size:.62rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.weather-dashboard .weather-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.weather-dashboard .weather-grid>div{min-height:102px;padding:9px 7px}.weather-dashboard .weather-grid dt{font-size:.56rem}.weather-dashboard .weather-grid dd{font-size:.78rem}.weather-dashboard .weather-grid small{font-size:.54rem}.weather-meta{align-items:flex-start;flex-direction:column}.pressure-summary{grid-template-columns:1fr 1fr}.pressure-summary div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.pressure-summary div:nth-child(4){border-top:1px solid var(--line)}.forecast-strip{grid-template-columns:repeat(8,76px)}}