:root{--paledust: #f6efe2;--soilink: #3b3226;--larkgold: #ce8a2e;--ember: #c2593f;--trace: #1e63d6;--success: #3e7c4f;--hud-bg: rgba(246, 239, 226, .92);--hud-fg: #3b3226;--sheet-bg: #fbf6ea;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display: "Archivo", system-ui, -apple-system, sans-serif;--grade-easy: rgba(62, 124, 79, .55);--grade-moderate: rgba(206, 138, 46, .75);--grade-steep: #c2593f;--grade-nodata: rgba(59, 50, 38, .1)}.app.night{--paledust: #14110c;--soilink: #e8dfd0;--hud-bg: rgba(20, 17, 12, .9);--hud-fg: #e8dfd0;--sheet-bg: #1c1812;--grade-easy: rgba(111, 169, 126, .6);--grade-moderate: rgba(224, 168, 80, .8);--grade-steep: #e06848;--grade-nodata: rgba(232, 223, 208, .14)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--paledust);color:var(--soilink);font-family:var(--display)}.app,div.map-canvas{position:absolute;inset:0}.hud-rail{position:absolute;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;display:flex;gap:8px;align-items:center;pointer-events:none}.hud-rail>*{pointer-events:auto}.spacer{flex:1;pointer-events:none!important}.pill{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:1.2px;padding:7px 12px;border:none;border-radius:999px;background:var(--hud-bg);color:var(--hud-fg);cursor:pointer;box-shadow:0 2px 8px #0000001f;white-space:nowrap}.pill-static{cursor:default;opacity:.75}button.pill:hover{filter:brightness(.97)}.controls{position:absolute;right:14px;top:50%;transform:translateY(-60%);display:flex;flex-direction:column;gap:10px;align-items:flex-end}.control{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:1px;padding:10px 12px;min-width:44px;min-height:44px;border:none;border-radius:999px;background:var(--hud-bg);color:var(--hud-fg);cursor:pointer;box-shadow:0 2px 8px #00000024}.control-look-wrap{position:relative}.sheet-backdrop{position:absolute;inset:0;background:#14110c59;display:flex;align-items:flex-end;justify-content:center;z-index:30}.sheet{width:min(480px,100%);max-height:72vh;overflow:auto;background:var(--sheet-bg);border-radius:18px 18px 0 0;padding:18px 18px max(18px,env(safe-area-inset-bottom))}.sheet h2{margin:0 0 10px;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.picker-list{list-style:none;margin:0;padding:0}.row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 10px;font-size:15px;font-family:var(--display);background:none;border:none;border-bottom:1px solid rgba(59,50,38,.08);color:var(--soilink);cursor:pointer;text-align:left}.row.current{color:var(--ember);font-weight:700}.row.active{background:#3b32260f}.app.night .row.active{background:#e8dfd014}.row-disabled{cursor:default;opacity:.45}.row-caption{font-family:var(--mono);font-size:11px;opacity:.55}.row-main{display:flex;align-items:center;gap:10px;min-width:0}.legend-swatch{flex:none;width:30px;height:14px}.legend-swatch-fill{display:inline-block;border-radius:3px;opacity:.45}.chip{flex:none;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#3b322614;color:var(--soilink);opacity:.7;white-space:nowrap}.app.night .chip{background:#e8dfd01a}.palette{align-self:flex-start;margin-top:14vh;width:min(560px,calc(100% - 28px));background:var(--sheet-bg);border-radius:14px;padding:10px;box-shadow:0 18px 50px #0000004d}.palette input{width:100%;font-family:var(--display);font-size:17px;padding:12px 14px;border:none;border-radius:10px;background:#3b32260f;color:var(--soilink);outline:none}.app.night .palette input{background:#e8dfd014}.palette input:focus-visible{box-shadow:0 0 0 2px var(--trace)}.palette ul{list-style:none;margin:6px 0 0;padding:0;max-height:40vh;overflow:auto}.palette-note{font-size:13px;opacity:.6;padding:8px 6px 2px}.fullscreen-center{height:100%;display:flex;align-items:center;justify-content:center;background:var(--paledust)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(59,50,38,.15);border-top-color:var(--ember);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{max-width:420px;text-align:center;padding:24px}.error-card h1{font-size:18px}.error-card button{margin-top:12px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:1px;padding:10px 22px;border:none;border-radius:999px;background:var(--ember);color:#fff;cursor:pointer}.colophon{position:absolute;left:14px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.6px;opacity:.55;pointer-events:none}.maplibregl-ctrl-group{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000024}.app.drawing div.map-canvas{cursor:crosshair}.pill:disabled{opacity:.4;cursor:default}.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}.control-plan{position:relative}.control-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 2px var(--hud-bg);pointer-events:none}.toast{position:absolute;left:50%;bottom:max(40px,calc(env(safe-area-inset-bottom) + 30px));transform:translate(-50%);z-index:25;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1px;padding:8px 18px;border-radius:999px;background:var(--soilink);color:var(--paledust);box-shadow:0 4px 16px #00000038;pointer-events:none}.anchor-menu{display:flex;flex-direction:column;gap:2px;min-width:170px;background:var(--sheet-bg);border-radius:14px;padding:6px;box-shadow:0 4px 16px #0000002e}.waypoint-menu{position:absolute;z-index:26}.anchor-menu-title{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;opacity:.55;padding:6px 10px 4px}.anchor-menu-btn{display:block;width:100%;text-align:left;text-transform:uppercase;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.4px;min-height:38px;padding:9px 10px;border:none;border-radius:8px;background:none;color:var(--soilink);cursor:pointer}.anchor-menu-btn:hover{background:#3b322614}.app.night .anchor-menu-btn:hover{background:#e8dfd01a}.anchor-menu-btn:disabled{opacity:.35;cursor:default;background:none}.anchor-menu-btn-cancel{margin-top:2px;border-top:1px solid rgba(59,50,38,.08);opacity:.65}.anchor-menu-btn.current{color:var(--ember);font-weight:700}.closure-row{padding:8px 10px;font-family:var(--mono)}.closure-row-name{display:block;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--soilink)}.closure-row-window{display:block;margin-top:2px;font-size:11px;opacity:.6}.closure-row-danger .closure-row-window{color:var(--ember);opacity:1;font-weight:700}.look-menu{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);z-index:26}.plan-dock{position:absolute;left:50%;transform:translate(-50%);bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));z-index:20;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.plan-dock>*{pointer-events:auto}.plan-bar{display:flex;flex-direction:column;gap:8px;min-width:300px;background:var(--hud-bg);border-radius:16px;padding:10px 14px;box-shadow:0 4px 16px #0000002e}.plan-bar-confirm,.plan-bar-naming{flex-direction:row;align-items:center;justify-content:center}.plan-bar-confirm-label{font-family:var(--display);font-size:14px;margin-right:4px;white-space:nowrap}.plan-bar-context{display:flex;align-items:center;gap:10px;background:var(--hud-bg);border-radius:999px;padding:8px 10px 8px 16px;box-shadow:0 4px 16px #0000002e}.plan-bar-context-label{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--hud-fg);white-space:nowrap}.plan-bar-context-caption{font-family:var(--mono);font-size:10px;opacity:.55;white-space:nowrap}.plan-bar-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.plan-bar-hint{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--hud-fg);opacity:.55}.plan-bar-stat{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--hud-fg)}.plan-bar-stat-grade{color:var(--ember);font-weight:700}.plan-bar-stat-dim{opacity:.45}.plan-bar-stat-stale{opacity:.5}.plan-bar-chip-closures{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.4px;padding:2px 9px;border:none;border-radius:999px;background:#ce8a2e38;color:var(--larkgold);cursor:pointer}.app.night .plan-bar-chip-closures{background:#ce8a2e4d}.plan-bar-days{opacity:.8}.plan-bar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.plan-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.6px;padding:9px 10px;border:none;border-radius:999px;background:#3b322614;color:var(--hud-fg);cursor:pointer;white-space:nowrap}.app.night .plan-bar-btn{background:#e8dfd01a}.plan-bar-btn:disabled{opacity:.35;cursor:default}.plan-bar-btn.active{background:var(--trace);color:#fff}.plan-bar-btn-primary{flex:1.4;font-weight:700;background:var(--ember);color:#fff}.plan-bar-btn-danger{background:var(--ember);color:#fff}.plan-bar-close{flex:.6;font-size:13px}.plan-bar-naming input{flex:1;font-family:var(--display);font-size:14px;padding:9px 12px;border:none;border-radius:999px;background:#3b32260f;color:var(--soilink);outline:none}.app.night .plan-bar-naming input{background:#e8dfd014}.plan-bar-naming input:focus-visible{box-shadow:0 0 0 2px var(--trace)}.profile-strip{display:block;width:min(560px,92vw);height:90px;background:var(--hud-bg);border-radius:14px;box-shadow:0 4px 16px #0000002e;animation:profile-strip-enter .12s ease-out}@keyframes profile-strip-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.profile-strip-message{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.6px;color:var(--hud-fg);opacity:.6}.profile-strip-fill{fill:var(--paledust);opacity:.7}.profile-strip-line{fill:none;stroke:var(--soilink);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}.profile-strip-label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.4px;fill:var(--soilink)}.profile-strip-label-right{text-anchor:end}.plans-primary-btn{display:block;width:100%;margin:4px 0 12px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1px;padding:13px;border:none;border-radius:999px;background:var(--ember);color:#fff;cursor:pointer;text-align:center}.plans-secondary-btn{display:block;width:100%;margin:0 0 12px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.8px;padding:11px;border:none;border-radius:999px;background:#3b322614;color:var(--soilink);cursor:pointer;text-align:center}.app.night .plans-secondary-btn{background:#e8dfd01a}.plans-import-error{margin:-6px 0 12px;padding:0 4px;font-family:var(--mono);font-size:11px;color:var(--ember)}.plans-empty{padding:20px 10px;text-align:center;opacity:.6;font-size:14px}.plan-row{display:flex;align-items:center;gap:8px;padding:0;cursor:default}.plan-row-open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 4px 13px 10px;background:none;border:none;font-family:var(--display);font-size:15px;color:var(--soilink);cursor:pointer;text-align:left}.plan-row-open span:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-row-actions{flex:none;display:flex;align-items:center;gap:10px;padding-right:6px}.plan-row-action-btn{display:flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.5px;padding:7px 10px;border:none;border-radius:999px;background:#3b322614;color:var(--soilink);cursor:pointer;white-space:nowrap}.app.night .plan-row-action-btn{background:#e8dfd01a}.plan-row-action-danger{background:var(--ember);color:#fff}.plan-row-confirm-label{font-family:var(--display);font-size:13px;opacity:.75;white-space:nowrap}.share-backdrop{align-items:center}.share-sheet{width:min(360px,calc(100% - 32px));max-height:84vh;border-radius:18px;text-align:center}.share-sheet h2{text-align:center}.share-qr{display:flex;justify-content:center;margin:4px 0 14px}.share-qr-tile{display:inline-block;padding:12px;border-radius:12px;background:#f6efe2}.share-qr-tile svg{display:block;width:180px;height:180px}.share-link-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.share-link-input{flex:1;min-width:0;font-family:var(--mono);font-size:12px;padding:10px 12px;border:none;border-radius:999px;background:#3b322614;color:var(--soilink)}.app.night .share-link-input{background:#e8dfd01a}.share-link-input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--trace)}.share-copy-btn{flex:none;padding-left:18px;padding-right:18px}.share-caption{margin:0 0 8px;font-size:12px;opacity:.65;line-height:1.4}.share-warning{margin:0;font-family:var(--mono);font-size:11px;color:var(--ember)}