:root{--bg: #000;--line: #ffffff14;--text: #f2f4f6;--muted: #9aa2ab;--accent: var(--neon-add);--danger: #ff8f7a;--neon-saved: #2ef2ff;--neon-view: #ff4fd8;--neon-add: #b6ff3b;--neon-lock: #ff9a3c;--neon-measure: #fff04d;--neon-trail: #ff2a2a;--kind-route: #38d6ff;--kind-place: #ff9a5c;--font-size-small: 14px;--font-size-body: 16px;--font-size-heading: 24px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--control-padding: var(--space-12) var(--space-16);--row-padding: var(--space-8) var(--space-12);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-pill: 999px;--radius-round: 50%;--button-h: 50px;--icon-button-size: 44px;--header-line-height: 28px;--edge-l: max(var(--space-12), env(safe-area-inset-left));--edge-r: max(var(--space-12), env(safe-area-inset-right));--surface-max-width: 520px;--surface-width: min(var(--surface-max-width), calc(100vw - var(--edge-l) - var(--edge-r)));--surface-left: max(var(--edge-l), calc((100vw - var(--surface-max-width) + var(--edge-l) - var(--edge-r)) / 2));--surface-padding: var(--space-20) var(--space-20) max(var(--space-20), env(safe-area-inset-bottom));--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;font-size:var(--font-size-body)}*{box-sizing:border-box}html{touch-action:manipulation}body{margin:0;background:var(--bg)}html:has(body.viewing),body.viewing{background:#000}button,a,input,label{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation;transition:transform .08s,background-color .15s,border-color .15s,color .15s,opacity .15s}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.4;cursor:default}:focus{outline:none}svg{width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}.home{--accent: var(--neon-add);--home-top: calc(var(--space-20) + env(safe-area-inset-top));width:var(--surface-width);margin:0 auto 0 var(--surface-left);padding:var(--home-top) 0 calc(var(--space-16) + env(safe-area-inset-bottom));min-height:100svh;display:flex;flex-direction:column}.top-edge{display:none}@media(display-mode:standalone){.top-edge{display:block;position:fixed;inset:0 0 auto;height:var(--home-top);background:var(--bg);z-index:1}}.header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap}.library-brand{display:flex;align-items:center;gap:var(--space-12)}.library-logo{display:block;width:48px;height:48px;flex-shrink:0}.empty-icon{display:grid;place-items:center;color:var(--neon-saved);border:1px solid color-mix(in srgb,var(--neon-saved) 35%,transparent);border-radius:var(--radius-round);width:48px;height:48px}.header h1{margin:0;font-size:var(--font-size-heading);font-weight:700;letter-spacing:-.6px}.dev-title{color:var(--neon-lock)}.settings-open{position:relative;font-size:var(--font-size-small);font-weight:650;display:flex;align-items:center;justify-content:center;gap:var(--space-8);white-space:nowrap;min-height:44px;padding:var(--control-padding);border-radius:var(--radius-md);background:#000;border:1px solid color-mix(in srgb,var(--neon-view) 40%,transparent)}.settings-open svg{width:18px;height:18px;color:var(--neon-view)}.settings-open:active:not(:disabled){background:color-mix(in srgb,var(--neon-view) 18%,#000)}.library-actions{display:grid;margin:var(--space-24) 0}.library-action{--c: var(--neon-saved);display:flex;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--control-padding);min-height:64px;min-width:0;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:var(--radius-md);background:#000;font-size:var(--font-size-small);font-weight:650}.library-action.import-trigger{--c: var(--neon-add);background:color-mix(in srgb,var(--c) 10%,#000)}.library-action svg{color:var(--c)}.library-action:active:not(:disabled),.dropping .import-trigger{background:color-mix(in srgb,var(--c) 18%,#000)}.dropping .import-trigger{border-color:color-mix(in srgb,var(--c) 70%,transparent)}@media(hover:hover){.library-action:hover:not(:disabled){border-color:color-mix(in srgb,var(--c) 70%,transparent)}.settings-open:hover:not(:disabled){background:color-mix(in srgb,var(--neon-view) 12%,#000)}}.library{flex:1}.section-heading{margin-bottom:var(--space-12)}h2{font-size:var(--font-size-heading);letter-spacing:-.4px;font-weight:650;margin:0}h3{font-size:var(--font-size-body);margin:var(--space-16) 0 var(--space-8)}small{font-size:var(--font-size-small)}.section-heading h2{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-small);color:var(--neon-saved);font-weight:600}.section-heading h2 span{padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--neon-saved) 12%,#000);font-variant-numeric:tabular-nums}.map-list{display:grid;gap:var(--space-12)}.map-card{display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-8);background:#000;border:1px solid color-mix(in srgb,var(--neon-saved) 22%,transparent);border-radius:var(--radius-lg);overflow:hidden}.map-open{display:flex;align-items:center;gap:var(--space-12);flex:1;min-width:0;background:none;text-align:left;padding:var(--row-padding)}.map-open:active:not(:disabled){transform:none;background:#ffffff08}.thumbnail{width:72px;height:72px;flex-shrink:0;position:relative;background:#0d0e11;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.thumbnail>img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.thumbnail-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:var(--font-size-small);text-align:center}.thumbnail-placeholder svg{height:28px;width:28px}.map-details{min-width:0}.map-details h3{font-size:var(--font-size-body);font-weight:600;margin:0 0 var(--space-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-saved,.map-meta{font-size:var(--font-size-small);color:var(--muted);margin:0}.map-saved{color:color-mix(in srgb,var(--text) 82%,transparent)}.map-saved.none{color:var(--muted)}.map-meta{margin-top:var(--space-4);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.map-meta span{white-space:nowrap}.map-more{display:grid;place-items:center;flex-shrink:0;background:none;color:var(--muted);border-radius:var(--radius-round);width:44px;height:44px}.map-more:hover,.map-more:active{color:var(--neon-saved);background:color-mix(in srgb,var(--neon-saved) 12%,#000)}.map-more svg{width:20px;height:20px}.empty{border:1px solid color-mix(in srgb,var(--neon-saved) 22%,transparent);border-radius:var(--radius-lg);padding:var(--space-32) var(--space-20);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.empty:hover,.dropping .empty{border-color:color-mix(in srgb,var(--neon-saved) 50%,transparent);background:color-mix(in srgb,var(--neon-saved) 5%,transparent)}.empty .empty-drop{display:none;margin-top:var(--space-12);font-size:var(--font-size-small)}@media(hover:hover)and (pointer:fine){.empty .empty-drop{display:block}}.empty-icon{margin:0 auto var(--space-20);width:64px;height:64px}.empty h3{font-size:var(--font-size-body);font-weight:600;margin:0 0 var(--space-8)}.empty p{font-size:var(--font-size-small);line-height:1.6;color:var(--muted);margin:0}.library-footer{margin-top:var(--space-24);padding-top:var(--space-16);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--space-12);font-size:var(--font-size-small);line-height:1.45;color:var(--muted)}.footer-side{--c: var(--muted);display:flex;align-items:center;gap:var(--space-12);min-width:0}.footer-side[data-state=available]{--c: var(--neon-add)}.footer-updated{--c: var(--neon-view)}.footer-side:last-child{flex-direction:row-reverse;text-align:right}.footer-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-round);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 10%,#000);color:var(--c)}.footer-icon svg{width:18px;height:18px}.footer-side strong,.footer-side small{display:block}.footer-side strong{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}#offline-availability[data-state=unavailable]{color:var(--danger)}.footer-updated{padding:0;background:none;text-align:left}.footer-updated[data-state=ready]{--c: var(--neon-add);animation:update-dot 1.4s ease-in-out infinite}.footer-updated[data-state=ready] strong{color:var(--neon-add)}.footer-updated .update-dot{animation:none}.footer-icon,.settings-icon{position:relative}.update-dot{display:none;position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:var(--radius-round);background:var(--neon-add);box-shadow:0 0 0 2px var(--bg),0 0 8px var(--neon-add);animation:update-dot 1.4s ease-in-out infinite}[data-state=ready] .update-dot{display:block}[data-state=due] .update-dot{display:block;background:var(--neon-saved);box-shadow:0 0 0 2px var(--bg),0 0 8px var(--neon-saved);animation:none}@keyframes update-dot{50%{opacity:.25}}.settings-page{--home-top: calc(var(--space-20) + env(safe-area-inset-top));width:var(--surface-width);margin:0 auto 0 var(--surface-left);padding:var(--home-top) 0 calc(var(--space-16) + env(safe-area-inset-bottom))}.page-header{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-8)}.page-header h1{margin:0;font-size:var(--font-size-heading);font-weight:700;letter-spacing:-.6px}.page-back{display:grid;place-items:center;flex:none;width:var(--icon-button-size);height:var(--icon-button-size);border-radius:var(--radius-round);background:#000;color:var(--neon-view);border:1px solid color-mix(in srgb,var(--neon-view) 40%,transparent)}.page-back:active:not(:disabled){background:color-mix(in srgb,var(--neon-view) 18%,#000)}.page-back svg{width:22px;height:22px}.settings-heading{margin:var(--space-32) var(--space-12) var(--space-8);font-size:var(--font-size-small);font-weight:650;letter-spacing:0;color:var(--muted)}.settings-page .share-summary{margin-top:0}.settings-icon{--k: var(--neon-view)}#settings-backup .settings-icon,#settings-restore .settings-icon{--k: var(--neon-saved)}#settings-storage .settings-icon{--k: var(--muted)}.settings-page .share-row-label small:empty{display:none}.settings-select{position:relative;flex-shrink:0;color:var(--muted)}.settings-select select{appearance:none;-webkit-appearance:none;min-height:44px;padding:0 var(--space-24) 0 var(--space-8);border:0;background:none;color:var(--muted);font:inherit;font-size:var(--font-size-body);text-align:right;cursor:pointer}.settings-select svg{position:absolute;top:50%;right:0;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}.settings-erase{display:flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%;min-height:48px;margin-top:var(--space-32);background:none;color:var(--danger);font-weight:600}.settings-erase svg{width:18px;height:18px}.settings-foot{margin:var(--space-4) var(--space-16) 0;text-align:center;font-size:var(--font-size-small);line-height:1.5;color:var(--muted)}[data-state=ready]>.settings-icon{--k: var(--neon-add)}#settings-update{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#settings-update[data-state=ready] small{color:var(--neon-add)}.settings-note,.settings-error{margin:var(--space-8) var(--space-12) 0;font-size:var(--font-size-small);line-height:1.55;color:var(--muted)}.settings-error{color:var(--danger)}#settings-name{flex:0 1 160px;min-width:0;min-height:40px;padding:0 var(--space-12);border:1px solid #ffffff26;border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--font-size-body);transition:border-color .15s}#settings-name:focus{border-color:var(--neon-view);outline:none}#settings-name::placeholder{color:var(--muted)}@media(max-width:360px){.library-action{flex-direction:column;gap:var(--space-8);font-size:var(--font-size-small)}}.landing{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) var(--space-20) max(var(--space-20),env(safe-area-inset-bottom))}.landing-map{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.28}.plan-cave path,.plan-cave ellipse{fill:none;stroke-linecap:round}.cave-wall{stroke:#d8d8d0;stroke-width:30}.cave-wall ellipse{fill:#d8d8d0}.cave-floor{stroke:var(--bg);stroke-width:26}.landing-map .cave-floor ellipse{fill:var(--bg)}.plan-ink{fill:none;stroke:#d8d8d0;stroke-width:1.2}.plan-ink .survey{stroke-dasharray:2 6}.plan-ink text{fill:#d8d8d0;stroke:none;font-family:Georgia,serif;font-size:var(--font-size-small);text-anchor:middle}#landing-language{align-self:flex-end;min-height:36px;margin-top:var(--space-8);padding:0 var(--space-12);border:1px solid #445354;border-radius:var(--radius-sm);background:#080c0c;color:var(--text);font-size:var(--font-size-small)}.landing-intro{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-12);max-width:280px;text-align:center}.landing-intro img{margin-bottom:var(--space-4)}.landing h1{margin:0;font-size:var(--font-size-heading);font-weight:800;letter-spacing:-.4px}.landing-intro p{margin:0;line-height:1.5;color:var(--muted)}.landing .install-open{width:min(100%,var(--surface-max-width));min-height:56px;border-radius:var(--radius-pill)}#install-now{width:100%;margin-top:var(--space-16)}.install-steps{padding:0;list-style:none}.install-steps .share-row{--k: var(--neon-add);transition:background .25s}.install-demo:not([hidden])+.install-steps .share-row:not([aria-current]){--k: var(--muted)}.install-steps [aria-current]{background:color-mix(in srgb,var(--neon-add) 8%,transparent)}.install-demo{display:flex;justify-content:center;margin-top:var(--space-16)}.demo-phone{position:relative;width:232px;height:310px;overflow:hidden;border:6px solid #151515;border-radius:34px;box-shadow:0 0 0 1px #ffffff26;background:#0a0a0a;font-size:var(--font-size-small)}.demo-page{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-8);font-weight:700}.demo-page img,.demo-mega img{border-radius:var(--radius-sm)}.demo-bar{position:absolute;left:0;right:0;z-index:1;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-8);background:#1a1a1a}.demo-top{top:0;padding-top:var(--space-12)}.demo-bottom{bottom:0;padding-bottom:var(--space-16)}.demo-address{flex:1;min-width:0;padding:var(--space-4) var(--space-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-pill);background:#2a2a2a;color:var(--muted);text-align:center}.demo-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-round)}.demo-icon svg,.demo-row svg{width:18px;height:18px}.demo-row{position:relative;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:#2c2c2e;white-space:nowrap}.demo-sheet{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:var(--space-8);padding:var(--space-16) var(--space-8) var(--space-20);border-radius:var(--radius-md) var(--radius-md) 0 0;background:#1c1c1e;transform:translateY(105%);transition:transform .35s var(--ease-out)}.demo-menu{position:absolute;top:52px;right:var(--space-4);z-index:2;display:grid;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:#202124;box-shadow:0 8px 24px #000a;opacity:0;transform:scale(.85);transform-origin:top right;transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.demo-menu .demo-row{background:none}.demo-home{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:repeat(3,48px);gap:var(--space-32) var(--space-20);place-content:center;background:linear-gradient(160deg,#0f2430,#000);opacity:0;transition:opacity .35s var(--ease-out)}.demo-app{width:48px;height:48px;border-radius:var(--radius-sm);background:#ffffff14}.demo-mega{position:relative;display:grid;justify-items:center;background:none;opacity:0;transform:scale(.6);transition:opacity .3s .2s var(--ease-out),transform .3s .2s var(--ease-out)}.demo-mega span{position:absolute;top:calc(100% + var(--space-4));white-space:nowrap}.install-demo[data-step="1"] .demo-sheet,.install-demo[data-step="1"] .demo-menu,.install-demo[data-step="2"] .demo-mega{opacity:1;transform:none}.install-demo[data-step="2"] .demo-home{opacity:1}.demo-target{position:relative}.demo-target:after{content:"";position:absolute;inset:-3px;border:2px solid var(--neon-add);border-radius:inherit;opacity:0;pointer-events:none}.install-demo[data-step="0"] [data-for="0"]:after,.install-demo[data-step="1"] [data-for="1"]:after,.install-demo[data-step="2"] [data-for="2"]:after{animation:demo-tap 1.4s .5s var(--ease-out) infinite}@keyframes demo-tap{0%{opacity:0;transform:scale(1.3)}30%,70%{opacity:1;transform:none}to{opacity:0}}dialog{--accent: var(--neon-add);--dialog-from: 10px;width:var(--surface-width);max-width:var(--surface-width);left:var(--edge-l);right:var(--edge-r);max-height:calc(100dvh - var(--space-24) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--keyboard-inset, 0px));margin:auto;padding:var(--surface-padding);overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--text);border-radius:var(--radius-lg);box-shadow:0 20px 80px #000c;opacity:0;transform:translateY(var(--dialog-from)) scale(.98);transition:opacity .16s var(--ease-in),transform .16s var(--ease-in);transition:opacity .16s var(--ease-in),transform .16s var(--ease-in),overlay .16s allow-discrete,display .16s allow-discrete}dialog[open]{opacity:1;transform:none;transition-duration:.26s;transition-timing-function:var(--ease-out)}:is(dialog,.sheet-content,.place-details,.share-items){scrollbar-width:thin;scrollbar-color:var(--muted) transparent}:is(dialog,.sheet-content,.place-details,.share-items)::-webkit-scrollbar{width:6px}:is(dialog,.sheet-content,.place-details,.share-items)::-webkit-scrollbar-thumb{background:var(--muted);border-radius:var(--radius-pill)}:is(dialog,.sheet-content,.place-details,.share-items)::-webkit-scrollbar-track{background:transparent}@starting-style{dialog[open]{opacity:0;transform:translateY(var(--dialog-from)) scale(.98)}}dialog::backdrop{background:#0000;transition:background-color .16s;transition:background-color .16s,overlay .16s allow-discrete,display .16s allow-discrete}dialog[open]::backdrop{background:#000000b8;transition-duration:.26s}@starting-style{dialog[open]::backdrop{background:#0000}}@media(max-width:599px){dialog{--dialog-from: 32px;margin-bottom:max(var(--space-12) + var(--keyboard-inset, 0px),env(safe-area-inset-bottom))}}#message-dialog{--accent: var(--neon-view)}#restore-dialog,#rename-map-dialog,#name-dialog{--accent: var(--neon-saved)}#delete-dialog,#erase-dialog{--accent: var(--danger)}.delete-map{display:flex;align-items:center;gap:var(--space-12);color:var(--text);font-weight:600;overflow-wrap:anywhere}.delete-thumb{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.delete-thumb img{display:block;width:100%;height:100%;object-fit:cover}dialog h2{font-size:var(--font-size-heading);line-height:1.3;margin:0 0 var(--space-8);overflow-wrap:anywhere}dialog p{color:var(--muted);font-size:var(--font-size-body);line-height:1.6;margin:0 0 var(--space-12);overflow-wrap:anywhere;white-space:pre-line}.dialog-header{display:flex;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-16)}.dialog-header h2,.sheet-header h2{flex:1;min-width:0;margin:0;padding:0;line-height:var(--header-line-height)}.dialog-title-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-top:calc((var(--header-line-height) - 24px) / 2);color:var(--accent)}.dialog-title-icon svg{height:24px;width:24px}.dialog-close,.sheet-close,.sheet-share,.sheet-reset,.dialog-edit{position:relative;display:grid;place-items:center;flex:none;width:var(--header-line-height);height:var(--header-line-height);padding:6px;border-radius:var(--radius-round);background:color-mix(in srgb,var(--accent) 14%,var(--bg));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.dialog-close:after,.sheet-close:after,.sheet-share:after,.sheet-reset:after,.dialog-edit:after{content:"";position:absolute;inset:calc((var(--header-line-height) - var(--icon-button-size)) / 2) calc(-1 * var(--space-4))}.dialog-close svg,.sheet-close svg,.sheet-share svg,.sheet-reset svg,.dialog-edit svg{width:100%;height:100%}.dialog-close:active:not(:disabled),.sheet-close:active:not(:disabled),.sheet-share:active:not(:disabled),.sheet-reset:active:not(:disabled),.dialog-edit:active:not(:disabled){background:color-mix(in srgb,var(--accent) 24%,var(--bg))}@media(hover:hover){.dialog-close:hover:not(:disabled),.sheet-close:hover:not(:disabled),.sheet-share:hover:not(:disabled),.sheet-reset:hover:not(:disabled),.dialog-edit:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent)}}dialog .dialog-note{font-size:var(--font-size-small);line-height:1.55;margin:var(--space-16) 0}dialog .dialog-error{color:var(--danger)}.progress-track{height:6px;background:color-mix(in srgb,var(--accent) 16%,#000);border-radius:var(--radius-pill);margin:var(--space-20) 0 var(--space-12);overflow:hidden}#progress-fill,.progress-fill{height:100%;background:var(--accent);transition:width .12s}.progress-info{display:flex;gap:var(--space-12);justify-content:space-between;align-items:center;font-size:var(--font-size-small);color:var(--muted);font-variant-numeric:tabular-nums}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-20)}.dialog-actions>button{flex:1 1 0}.dialog-actions>:first-child{flex-basis:100%}.primary,.secondary,.danger,.quiet{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--button-h);padding:var(--control-padding);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-body);font-weight:650}.primary,.danger{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,#000);color:var(--accent)}.danger{--accent: var(--danger)}.secondary,.quiet{border-color:var(--line);background:#ffffff12;color:var(--text)}.primary svg,.secondary svg,.danger svg,.quiet svg{flex-shrink:0;width:20px;height:20px}.quiet.danger{border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 10%,#000);color:var(--danger)}.primary:active:not(:disabled),.danger:active:not(:disabled){background:color-mix(in srgb,var(--accent) 24%,#000)}.secondary:active:not(:disabled),.quiet:active:not(:disabled){background:#ffffff1f}.quiet.danger:active:not(:disabled){background:color-mix(in srgb,var(--danger) 20%,#000)}@media(hover:hover){.primary:hover:not(:disabled),.danger:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,#000)}.secondary:hover:not(:disabled),.quiet:hover:not(:disabled){background:#ffffff1a}.quiet.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 16%,#000)}}.danger.armed,.danger.armed:is(:hover,:active):not(:disabled){border-color:var(--danger);background:var(--danger);color:#1a0703}dialog>button{width:100%}.action-sheet{--accent: var(--neon-saved);padding:0}.action-sheet-body{padding:var(--space-20)}.action-sheet .dialog-header{align-items:center;gap:var(--space-12)}.action-sheet-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius-sm);overflow:hidden}.action-sheet-icon:not(:has(img)){width:28px;height:28px;border:0;overflow:visible}.action-sheet-icon svg{width:28px;height:28px}.action-sheet-icon img{width:100%;height:100%;object-fit:cover}.action-sheet-title{flex:1;min-width:0}.action-sheet h2{font-size:var(--font-size-body);line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-sheet-title small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-sheet-list{display:grid;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius-md);overflow:hidden}.action-sheet-list:empty{display:none}.action-sheet-item{display:flex;align-items:center;gap:var(--space-12);min-height:52px;padding:var(--space-8) var(--space-16);background:none;font-size:var(--font-size-body);font-weight:600;text-align:left}.action-sheet-item+.action-sheet-item{border-top:1px solid color-mix(in srgb,var(--accent) 14%,transparent)}.action-sheet-item svg{width:20px;height:20px;color:var(--accent)}.action-sheet-item:active:not(:disabled){transform:none;background:color-mix(in srgb,var(--accent) 12%,transparent)}@media(hover:hover){.action-sheet-item:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,transparent)}}.action-sheet .danger{justify-content:flex-start;gap:var(--space-12);width:100%;min-height:52px;padding:var(--space-8) var(--space-16);font-weight:600;text-align:left}.action-sheet .danger:where(:not(.armed)){border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 8%,#000)}.action-sheet-list+.danger{margin-top:var(--space-12)}#message-dialog .primary{margin-top:var(--space-8)}#update-dialog{--accent: var(--neon-view)}#update-dialog[data-state=current],#update-dialog[data-state=restarting]{--accent: var(--neon-add)}#update-dialog[data-state=error]{--accent: var(--danger)}#update-dialog[data-state=checking] .dialog-title-icon svg{animation:update-spin 1.1s linear infinite}.update-facts{display:grid;gap:var(--space-12);list-style:none;margin:var(--space-16) 0 0;padding:var(--space-16) var(--space-16);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff08}.update-facts li{display:flex;align-items:flex-start;gap:var(--space-12);font-size:var(--font-size-small);line-height:1.45}.update-facts svg{flex-shrink:0;width:18px;height:18px;margin-top:var(--space-2);color:var(--accent)}.update-progress .progress-track{margin-top:var(--space-16)}.progress-track.indeterminate .progress-fill{width:35%;animation:progress-sweep 1.3s ease-in-out infinite}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(290%)}}@keyframes update-spin{to{transform:rotate(360deg)}}dialog form>label{display:block;color:var(--muted);font-size:var(--font-size-small);margin:var(--space-16) 0}dialog form>label small{opacity:.7}dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{display:block;width:100%;background:var(--bg);border:1px solid #ffffff26;color:var(--text);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-body);padding:var(--control-padding);margin-top:var(--space-8);min-height:50px;transition:border-color .15s,box-shadow .15s}dialog input:focus,dialog select:focus,dialog textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}dialog textarea{field-sizing:content;min-height:calc(3lh + 2 * var(--space-12) + 2px);max-height:calc(10lh + 2 * var(--space-12) + 2px);resize:none}dialog textarea::placeholder{color:var(--muted)}dialog input[type=date]{-webkit-appearance:none;appearance:none;min-width:0}dialog input[type=date]::-webkit-date-and-time-value{text-align:start}.viewing{overflow:hidden;overscroll-behavior:none}.viewer{position:fixed;inset:0;background:#000;z-index:10;overscroll-behavior:none;font-size:var(--font-size-body);user-select:none;-webkit-user-select:none;--hud-top: max(var(--space-12), calc(env(safe-area-inset-top) + var(--space-2)));--hud-bottom: max( var(--space-12) + var(--keyboard-inset, 0px), calc(env(safe-area-inset-bottom) - var(--space-12)) );--dock-h: calc(var(--icon-button-size) + var(--space-8) + 2px);--glass: #000;--glass-strong: #000;--glass-line: rgb(255 255 255 / .16);--c: var(--accent);--fill: rgb(255 255 255 / .07);--fill-strong: rgb(255 255 255 / .13)}.viewer :is(input:not([type=checkbox],[type=radio],[type=range]),textarea){user-select:text;-webkit-user-select:text}.viewer canvas{width:100%;height:100%;display:block;touch-action:none}.map-stage{position:absolute;inset:0;overflow:hidden;background:#000}.map-shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .7s ease}.map-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;transition:filter .4s}.map-debug{position:absolute;z-index:6;top:calc(var(--hud-top) + var(--icon-button-size) + var(--space-12));left:var(--edge-l);margin:0;padding:var(--space-8);border-radius:var(--radius-sm);background:#000b;color:var(--neon-add);font:var(--font-size-small) / 1.4 ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:pre;pointer-events:none}.search-overlay{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:hidden}.search-match-connector{stroke:var(--neon-saved);stroke-width:1px;opacity:.55}.map-callout{color:var(--callout-color, var(--neon-saved))}.map-callout-connector{stroke:currentColor;stroke-width:1px}.map-callout>rect{fill:#080c0c;stroke:#445354;stroke-width:1px}.map-callout>text{fill:var(--text);font-family:inherit;font-size:var(--font-size-small);font-weight:500}.map-callout-icon{width:16px;height:16px}:root[data-labels=large] .map-callout>text{font-size:var(--font-size-body)}:root[data-labels=large] .map-callout-icon{width:18px;height:18px}.glass{background:var(--glass);border:1px solid var(--glass-line);box-shadow:0 10px 30px #0000004d}.dock svg,.search-field>svg{color:var(--c)}.viewer .glass button:not(#open-saved,#open-add,.search-count):active:not(:disabled){background-color:var(--fill-strong)}button.glass:active:not(:disabled){background-color:color-mix(in srgb,var(--c) 22%,#000)}.corner-button{position:absolute;z-index:2;top:var(--hud-top);display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--radius-round)}.corner-button svg{width:20px;height:20px}.corner-left{left:var(--edge-l)}.display-chips{position:absolute;z-index:5;top:var(--hud-top);right:var(--edge-r);display:flex;gap:var(--space-8)}.status-chip{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--radius-round);color:var(--c)}.status-chip svg{width:22px;height:22px}.status-chip:is([aria-expanded=true],[aria-pressed=true]){border-color:var(--c);background:color-mix(in srgb,var(--c) 22%,#000)}.status-chip:disabled{opacity:.35}.toasts{position:absolute;top:calc(var(--hud-top) + var(--icon-button-size) + var(--space-12));left:50%;transform:translate(-50%);width:max-content;max-width:var(--surface-width);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);z-index:6;pointer-events:none}@media(min-width:720px){.toasts{top:var(--hud-top);max-width:min(var(--surface-width),calc(100vw - 2 * (var(--edge-r) + 3 * var(--icon-button-size) + var(--space-32))))}}.toast{--c: var(--neon-add);display:flex;align-items:center;gap:var(--space-12);max-width:100%;min-height:var(--icon-button-size);margin:0;padding:var(--space-8) var(--space-20) var(--space-8) var(--space-16);border-color:color-mix(in srgb,var(--c) 70%,transparent);border-radius:var(--radius-lg);background:var(--glass-strong);font-size:var(--font-size-body);line-height:1.35;animation:toast-in .2s ease-out}.toast[data-tone=quiet]{--c: var(--muted)}.toast:is([data-tone=removed],[data-tone=error]){--c: var(--danger)}.toast[data-tone=progress]{--c: var(--neon-saved)}.toast-icon{display:grid;flex-shrink:0}.toast>svg,.toast-icon svg{flex-shrink:0;width:20px;height:20px;color:var(--c)}.toast p{margin:0;text-wrap:balance}.ocr-percent{min-width:4ch;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}.toast:has(.toast-undo:not([hidden])){padding-block:var(--space-4);padding-right:var(--space-4)}.toast-undo{position:relative;display:inline-flex;align-items:center;gap:var(--space-8);flex-shrink:0;height:34px;padding:0 var(--space-16) 0 var(--space-12);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--neon-add) 14%,#000);color:var(--neon-add);font-size:var(--font-size-body);font-weight:650;pointer-events:auto}.toast-undo:after{content:"";position:absolute;inset:-5px}.toast-undo svg{width:18px;height:18px}@media(hover:hover){.toast-undo:hover{background:color-mix(in srgb,var(--neon-add) 22%,#000)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.dock,.tool-bar,.sheet{left:var(--edge-l);right:var(--edge-r);width:var(--surface-width);margin-inline:auto}.dock{position:absolute;z-index:5;bottom:var(--hud-bottom);height:var(--dock-h);display:flex;gap:var(--space-8);padding:var(--space-4);border-radius:var(--radius-lg)}.dock>button{flex:none;min-width:0;width:var(--icon-button-size);height:var(--icon-button-size);display:grid;place-items:center;padding:var(--space-8);border-radius:var(--radius-round);background:none;color:#f2f4f6;font-size:var(--font-size-small);font-weight:650;letter-spacing:.01em;transition:background-color .15s,box-shadow .15s}.dock>button svg{width:100%;height:100%}.dock svg{width:21px;height:21px}#open-saved,.sheet[data-panel=saved]{--c: var(--neon-saved)}#open-display,.sheet[data-panel=display]{--c: var(--neon-view)}#open-search{--c: var(--neon-saved)}.search-field{flex:1;min-width:0;display:flex;align-items:center;align-self:center;height:calc(var(--dock-h) - 10px);gap:var(--space-8);padding:0 var(--space-12);border:1px solid var(--line);border-radius:var(--radius-pill);background:#121212;transition:border-color .15s}.search-field:has(input:disabled){opacity:.35}.search-field:focus-within{border-color:color-mix(in srgb,var(--c) 55%,#000)}.search-field>svg{width:calc(var(--icon-button-size) - 2 * var(--space-8));height:calc(var(--icon-button-size) - 2 * var(--space-8));flex-shrink:0}#map-search{appearance:none;-webkit-appearance:none;min-width:0;width:100%;flex:1;height:calc(var(--dock-h) - 12px);padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;font-size:var(--font-size-body)}#map-search::-webkit-search-cancel-button,#map-search::-webkit-search-decoration{-webkit-appearance:none}#map-search::placeholder{color:var(--muted)}.search-status{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}.search-count{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;align-items:center;justify-content:center;gap:var(--space-12);flex:none;min-width:32px;height:44px;padding:0 var(--space-16);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c) 14%,var(--bg));color:var(--c);font-size:var(--font-size-small);font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.search-count svg{width:16px;height:16px}.search-count:disabled svg{display:none}.search-count:active:not(:disabled){background:color-mix(in srgb,var(--c) 24%,var(--bg))}@media(hover:hover){.search-count:hover:not(:disabled){background:color-mix(in srgb,var(--c) 20%,var(--bg))}}.search-count.empty,.search-count:disabled{border-color:transparent;background:#171717;color:var(--muted);opacity:1}.search-close{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border-radius:var(--radius-round);background:var(--fill-strong);color:var(--muted)}.search-close svg{width:16px;height:16px}.search-close:after{content:"";position:absolute;inset:-7px}.search-close:active{color:var(--text)}@media(hover:hover){.search-close:hover{color:var(--text)}}.map-options{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-20) 0 var(--space-12)}.map-options button{display:flex;align-items:center;gap:var(--space-12);text-align:left}.map-options svg{width:20px;height:20px}#open-add,.sheet[data-panel=add],.tool-bar,.place-card{--c: var(--neon-add)}#open-measure,[data-tool=measure] .tool-bar,[data-tool=scale] .tool-bar{--c: var(--neon-measure)}.measure-dialog{--accent: var(--neon-measure)}#open-trail,.sheet[data-panel=trail],[data-tool=trail] .tool-bar,.trip-card{--c: var(--neon-trail)}#open-trail{position:relative}#open-trail.on-trip:after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:var(--radius-round);background:var(--neon-trail);box-shadow:0 0 0 2px #000}#open-rotation,.sheet[data-panel=rotation]{--c: var(--neon-lock)}#open-saved,#open-add{background:var(--c);color:#000}#open-saved svg,#open-add svg{color:currentColor;filter:none}#open-saved:active:not(:disabled),#open-add:active:not(:disabled){background:color-mix(in srgb,var(--c) 75%,#fff)}.dock button:disabled{opacity:.35}.tool-bar{position:absolute;z-index:5;bottom:var(--hud-bottom);padding:var(--surface-padding);border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 20px 60px #00000080;animation:sheet-in .24s var(--ease-out);--accent: var(--c)}.tool-bar .sheet-header{margin-bottom:var(--space-8)}.tool-total{margin:0 0 var(--space-4);font-size:var(--font-size-heading);font-weight:700;font-variant-numeric:tabular-nums}.tool-hint{margin:0;color:var(--muted);font-size:var(--font-size-body);line-height:1.5}.tool-actions{flex-wrap:nowrap;margin-top:var(--space-16)}.tool-actions>:first-child{flex-basis:0}.add-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.add-choice{min-width:0;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);border-radius:var(--radius-md);background:color-mix(in srgb,var(--k) 6%,#000);border:1px solid color-mix(in srgb,var(--k) 35%,transparent);font-size:var(--font-size-body);font-weight:650}.add-choice svg{width:26px;height:26px;stroke-width:2;color:var(--k)}.add-choice.places{--k: var(--kind-place)}.add-choice.routes{--k: var(--kind-route)}.add-choice:active:not(:disabled){background:color-mix(in srgb,var(--k) 18%,#000)}@media(hover:hover){.add-choice:hover{background:color-mix(in srgb,var(--k) 12%,#000);border-color:color-mix(in srgb,var(--k) 55%,transparent)}}.dialog-close.armed{--accent: var(--danger);background:var(--danger);color:#1a0703}.place-card{--accent: var(--c);--dialog-from: 32px;margin-bottom:max(var(--space-12) + var(--keyboard-inset, 0px),env(safe-area-inset-bottom))}.place-card[data-mode=edit]{padding-bottom:0}.place-save{position:sticky;bottom:0;margin-top:var(--space-8);padding:var(--space-12) 0 max(var(--space-20),env(safe-area-inset-bottom));background:var(--bg)}.place-save>button{width:100%}#marker-form>.dialog-actions>:first-child,.mark-actions>:first-child{flex-basis:0}.mark-actions{margin-top:var(--space-16)}#marker-form>.dialog-actions:not(:has(>:not([hidden]))){display:none}.place-card[data-mode=view]{position:fixed;z-index:20;top:auto;bottom:var(--space-12);height:auto;max-height:calc(70dvh - var(--space-12));margin-block:0;padding-bottom:max(var(--space-20),env(safe-area-inset-bottom) - var(--space-12));overflow:hidden;user-select:text;-webkit-user-select:text}.place-card[data-mode=view][open]{display:flex;flex-direction:column}.place-card[data-mode=view]>.dialog-header{flex-shrink:0;margin-bottom:0}.place-details{min-height:0;margin-top:var(--space-16);overflow-y:auto;overscroll-behavior:contain;user-select:text;-webkit-user-select:text}.place-more{position:absolute;inset:auto 0 0;display:flex;justify-content:center;align-items:flex-end;height:72px;padding-bottom:var(--space-4);background:linear-gradient(transparent,var(--bg) 70%);pointer-events:none;opacity:0;transition:opacity .2s}.place-card[data-mode=view]>.place-details:not([hidden])[data-more=true]+.place-more{opacity:1}.place-more svg{width:32px;height:32px;stroke-width:3;color:var(--c)}.place-card[data-mode=view]>.place-details:not([hidden])[data-more=true]+.place-more svg{animation:highlight-pulse 1.6s ease-in-out infinite}dialog .place-detail-description{margin:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.place-photos{display:flex;gap:var(--space-8);margin-bottom:var(--space-12);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.place-photos::-webkit-scrollbar{display:none}.place-photos>button{flex:0 0 100%;min-width:0;padding:0;border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--c) 8%,#000);cursor:zoom-in;scroll-snap-align:start}.place-photos>button:not(:only-child){flex-basis:86%}.place-photos img{display:block;width:100%;height:min(220px,28dvh);object-fit:cover}dialog.photo-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#000;box-shadow:none;transform:none}dialog.photo-viewer[open]::backdrop{background:#000}.photo-viewer .dialog-close{position:absolute;top:calc(env(safe-area-inset-top) + var(--space-12));right:calc(env(safe-area-inset-right) + var(--space-12))}.photo-viewer-stage{position:absolute;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.photo-viewer-track{display:flex;gap:var(--space-16);height:100%}.photo-viewer-slide{flex:0 0 100%;min-width:0;overflow:hidden}.photo-viewer-slide img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:0 0;-webkit-user-drag:none}.photo-viewer[data-settling] :is(.photo-viewer-track,.photo-viewer-slide img){transition:transform .28s var(--ease-out)}dialog.place-card::backdrop{background:radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, -200px),transparent 34px,rgb(0 0 0 / .35) 80px);opacity:0;transition:opacity .16s,overlay .16s allow-discrete,display .16s allow-discrete}.place-card[open]::backdrop{opacity:1;transition-duration:.26s}@starting-style{.place-card[open]::backdrop{opacity:0}}.kind-field{margin:var(--space-16) 0;color:var(--muted);font-size:var(--font-size-small)}.kind-toggle{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:50px;margin-top:var(--space-8);padding:var(--space-4) var(--space-16) var(--space-4) var(--space-12);border:1px solid #ffffff26;border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-body);text-align:start}.kind-current{display:flex;flex:1;align-items:center;gap:var(--space-12);min-width:0}.kind-current svg{flex-shrink:0;width:32px;height:32px;margin:calc(32px / 6)}.kind-change{display:flex;flex-shrink:0;align-items:center;gap:var(--space-4);color:var(--c);font-size:var(--font-size-small);font-weight:600}.kind-change svg{width:18px;height:18px;transform:rotate(180deg)}.kind-dialog,.entry-dialog{--accent: var(--c)}.kind-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.kind-pick{position:relative;display:grid;place-items:center;gap:var(--space-4);min-width:0;padding:var(--space-8) var(--space-4);border-radius:var(--radius-sm);border:1.5px solid transparent;color:var(--text);font-size:var(--font-size-small);text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s}.kind-pick span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kind-pick input{position:absolute;opacity:0;pointer-events:none}.kind-pick svg{width:36px;height:36px;transition:transform .2s var(--ease-out)}.kind-pick:has(input:checked) svg{transform:scale(1.08)}.kind-pick:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}.level-picker{margin:var(--space-16) 0;color:var(--muted);font-size:var(--font-size-small)}.level-steps{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--space-4);margin-top:var(--space-8)}.level-step{display:grid;place-items:center;gap:var(--space-4);min-width:0;padding:var(--space-8) 0;border:1.5px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--fill);color:var(--text);font-size:var(--font-size-small);font-weight:600;transition:background-color .15s,border-color .15s}.level-step svg{width:28px;height:28px;margin:calc(28px / 6)}.level-step[aria-pressed=true]{border-color:var(--level);background:color-mix(in srgb,var(--level) 12%,transparent)}.place-detail-level{display:grid;gap:var(--space-8);margin:0 0 var(--space-12);color:var(--muted)}.level-field,.level-scale>span{display:flex;align-items:center;gap:var(--space-8)}.level-field svg{width:16px;height:16px}.level-scale{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;border-radius:var(--radius-pill);background:var(--fill)}.level-scale>span{justify-content:center;gap:6px;min-width:0;padding:6px 0;border-radius:var(--radius-pill);font-size:var(--font-size-small);white-space:nowrap}.level-scale svg{flex:none;width:16px;height:16px}.level-scale>[aria-current]{background:var(--level);color:var(--bg);font-weight:700}.place-heading{flex:1;min-width:0}.place-updated{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--font-size-small)}.trip-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-8);margin:var(--space-16) 0 0}.trip-stats>div{padding:var(--space-12);border-radius:var(--radius-md);background:var(--fill);border:1px solid var(--line)}.trip-stats dt{color:var(--muted);font-size:var(--font-size-small)}.trip-stats dd{margin:var(--space-4) 0 0;color:var(--c);font-size:var(--font-size-heading);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.place-log{margin-top:0}:not([hidden])~.place-log{margin-top:var(--space-16)}.place-log h3{margin:0;color:var(--muted);font-size:var(--font-size-small)}.place-log-list{margin:var(--space-8) 0 0;padding:0;list-style:none}.place-log-list>li{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:start;column-gap:var(--space-12);padding-bottom:var(--space-12);line-height:1.35}.place-log-list>li:last-child{padding-bottom:0}.place-log-list>li:not(:last-child):after{content:"";position:absolute;top:30px;bottom:2px;left:13.5px;width:1px;background:color-mix(in srgb,var(--c) 40%,transparent)}.log-node{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-round);background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}:is([data-kind=visit],[data-kind=added])>.log-node{background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted)}.log-node svg{width:16px;height:16px}.log-head{display:flex;justify-content:space-between;gap:var(--space-8);margin:0;padding-top:var(--space-4);color:var(--muted);font-size:var(--font-size-small)}.log-head strong{min-width:0;color:var(--text);overflow-wrap:anywhere}.log-head time{flex:none}.log-text{margin:var(--space-4) 0 0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.log-changes{margin:var(--space-4) 0 0;padding:0;list-style:none}.log-changes li{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-4);color:var(--text);overflow-wrap:anywhere}.log-changes span{margin-right:var(--space-4);color:var(--muted)}.log-changes svg{flex:none;width:14px;height:14px;color:var(--muted)}.log-remove{display:grid;place-items:center;width:36px;height:36px;margin:-4px -6px 0 0;padding:0;background:none;color:var(--muted)}.log-remove svg{width:18px;height:18px}.place-photos-field{margin:var(--space-16) 0;color:var(--muted);font-size:var(--font-size-small)}.photo-thumbs{display:flex;gap:var(--space-8);margin:var(--space-8) 0 0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.photo-thumbs::-webkit-scrollbar{display:none}.photo-thumbs li{position:relative;flex:none}.photo-thumbs img{display:block;width:88px;height:88px;object-fit:cover;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c) 8%,#000)}.photo-add{display:grid;place-items:center;width:88px;height:88px;padding:0;border:1px dashed color-mix(in srgb,var(--c) 60%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c) 8%,#000);color:var(--c)}.photo-add svg{width:28px;height:28px}.photo-remove{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:var(--radius-round);background:#000000b3;border:1px solid #ffffff40;color:var(--text)}.photo-remove svg{width:16px;height:16px}.sheet-dismiss{position:absolute;inset:0;width:100%;height:100%;background:#00000040;z-index:3}.sheet-dismiss:active:not(:disabled){transform:none}.sheet{position:absolute;bottom:calc(var(--hud-bottom) + var(--dock-h) + 8px);max-height:min(calc(100svh - var(--hud-top) - var(--hud-bottom) - var(--dock-h) - 16px),640px);display:flex;flex-direction:column;padding:var(--surface-padding);border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 20px 60px #00000080;z-index:4;animation:sheet-in .24s var(--ease-out)}@keyframes sheet-in{0%{transform:translateY(16px) scale(.98);opacity:0}}.sheet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-shrink:0;margin:0 0 var(--space-16)}.sheet-header h2{font-size:var(--font-size-heading);color:var(--c)}.sheet:is([data-panel=trail],[data-panel=display],[data-panel=rotation]){top:calc(var(--hud-top) + 52px);bottom:auto;left:var(--edge-l);width:var(--surface-width);max-height:calc(100svh - var(--hud-top) - var(--hud-bottom) - var(--dock-h) - 68px);padding-bottom:var(--space-20)}.sheet .dialog-title-icon{--accent: var(--c)}.sheet-content{min-height:0;margin:0 calc(-1 * var(--space-8)) calc(-1 * var(--space-8));padding:0 var(--space-8) var(--space-8);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet h3{margin:var(--space-16) 0 var(--space-8);font-size:var(--font-size-small);font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.viewer .field-help{margin:var(--space-8) 0;color:var(--muted);font-size:var(--font-size-small);line-height:1.5;overflow-wrap:anywhere}.panel-card{border-radius:var(--radius-md);background:var(--fill);border:1px solid var(--line);overflow:hidden}.panel-row,.row-main{display:flex;align-items:center;gap:var(--space-12);min-height:56px;padding:var(--row-padding)}.panel-card>*+*{border-top:1px solid var(--line)}label.panel-row{cursor:pointer}.panel-row.stacked{flex-wrap:wrap;row-gap:var(--space-8)}.panel-row[hidden]{display:none}.row-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}.row-icon svg{width:20px;height:20px}.row-icon.routes{--c: var(--kind-route)}.row-icon.places{--c: var(--kind-place)}.row-icon.labels{--c: #e3e3e3}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.row-text strong{font-size:var(--font-size-body);font-weight:600;overflow-wrap:anywhere}.row-text small{color:var(--muted);font-size:var(--font-size-small);line-height:1.4;max-height:2.8em;overflow:hidden;overflow-wrap:anywhere}.row-text small:empty{display:none}.row-count{color:var(--muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.option-pills{flex-basis:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-4);margin:0}.option-pills label{position:relative;display:grid;place-items:center;min-height:44px;border:1px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--fill);font-size:var(--font-size-small);font-weight:600;cursor:pointer}.option-pills input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.option-pills label:has(input:checked){color:var(--c);border-color:color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 12%,#000)}.switch{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:46px;height:28px;margin:0;border-radius:var(--radius-pill);background:var(--fill-strong);cursor:pointer;transition:background-color .15s}.switch:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-round);background:#fff;transition:transform .15s}.switch:checked{background:var(--c)}.switch:checked:before{transform:translate(18px);background:#000}.switch:disabled{opacity:.4}.choice-row{position:relative}.choice-row input{position:absolute;opacity:0;pointer-events:none}.choice-row:has(input:checked){background:color-mix(in srgb,var(--c) 7%,transparent)}.choice-row:not(:has(input:checked)) .row-icon{background:var(--fill);color:var(--muted)}.choice-check{display:grid;color:var(--c);visibility:hidden}.choice-check svg{width:20px;height:20px}.choice-row:has(input:checked) .choice-check{visibility:visible}.choice-row .row-text small{max-height:none}.rotation-auto:has(#compass-follow-auto:checked){background:color-mix(in srgb,var(--c) 7%,transparent)}.rotation-auto>.choice-row:has(input:checked){background:none}#speed-field{padding:0 var(--space-12) var(--space-12)}.speed-pill{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-pill);background:var(--fill);border:1px solid var(--line)}.speed-pill label{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-4);min-width:0;min-height:44px;border-radius:var(--radius-pill);color:var(--muted);font-size:var(--font-size-small);font-weight:500;cursor:pointer}.speed-pill input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.speed-pill svg{flex:none;width:18px;height:18px}.speed-pill label:has(input:checked){color:var(--text);background:color-mix(in srgb,var(--c) 18%,#000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}.speed-pill label:has(input:checked) svg{color:var(--c)}#speed-help{margin-bottom:0}#speed-help .warning{display:block;color:var(--danger)}#north-field{margin-top:var(--space-12)}.north-wheel{position:relative;flex-shrink:0;width:84px;border-radius:var(--radius-sm)}.north-wheel:before{content:"";position:absolute;inset:32px 0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c) 18%,transparent);pointer-events:none}.north-track{position:relative;height:96px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.north-track::-webkit-scrollbar{display:none}.north-track:before,.north-track:after{content:"";display:block;height:32px}.north-track span{display:block;height:32px;line-height:32px;text-align:center;scroll-snap-align:center;color:var(--muted);font-size:var(--font-size-body);font-variant-numeric:tabular-nums}.north-track span.selected{color:var(--text);font-weight:650}.layer-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.layer-toggle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-width:0;min-height:62px;padding:var(--space-8) var(--space-4);border:1px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--fill);color:var(--muted);font-size:var(--font-size-small);font-weight:500;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.layer-toggle.routes{--c: var(--kind-route)}.layer-toggle.places{--c: var(--kind-place)}.layer-toggle.labels{--c: var(--neon-saved)}.layer-toggle input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.layer-toggle svg{width:21px;height:21px}.layer-toggle:has(input:checked){color:var(--text);border-color:color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 5%,#000)}.layer-toggle:has(input:checked) svg{color:var(--c)}.layer-count{position:absolute;top:5px;right:8px;color:var(--muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;pointer-events:none}.layer-count:empty{display:none}.panel-action{width:100%;margin-top:var(--space-16);display:flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--button-h);border-radius:var(--radius-md);background:var(--fill);border:1px solid var(--line);font-size:var(--font-size-body);font-weight:600}.panel-action svg{width:20px;height:20px;color:var(--c)}.spotlight-action svg{color:#ffe27a}.panel-action:disabled{opacity:.35}.panel-action.active{border-color:color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 18%,transparent)}#route-list,.section-title.routes{--k: var(--kind-route)}#marker-list,.section-title.places{--k: var(--kind-place)}#trip-list,.section-title.trips{--k: var(--neon-trail)}.navigation-list{margin:0;padding:0;list-style:none;border-radius:var(--radius-md);background:#000;border:1px solid color-mix(in srgb,var(--k) 32%,transparent)}.navigation-row+.navigation-row{border-top:1px solid color-mix(in srgb,var(--k) 14%,transparent)}.sheet:is([data-panel=saved],[data-panel=trail]) .section-title{margin:var(--space-20) 0 var(--space-8);font-size:var(--font-size-small);font-weight:600;text-transform:none;letter-spacing:0;color:var(--text)}.sheet-close,.sheet-share,.sheet-reset{--accent: var(--c)}.section-title{display:flex;align-items:center;gap:var(--space-8)}.sheet-content>[data-panel]>h3:first-child{margin-top:0}.section-title svg{width:28px;height:28px;padding:6px;border-radius:var(--radius-round);background:color-mix(in srgb,var(--k) 14%,#000);color:var(--k);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 45%,transparent)}.section-title small{margin-left:auto;color:var(--k);font-variant-numeric:tabular-nums}.section-menu{display:grid;place-items:center;width:var(--icon-button-size);height:var(--icon-button-size);margin:-8px -8px -8px 0;padding:0;border-radius:var(--radius-round);background:none}.section-menu svg{width:28px;height:28px;padding:6px;color:var(--muted);background:#000;box-shadow:inset 0 0 0 1px var(--line)}.section-menu[aria-expanded=true] svg,.section-menu.active svg{color:var(--k);background:color-mix(in srgb,var(--k) 14%,#000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 45%,transparent)}.navigation-jump{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-12);min-height:44px;padding:0;background:none;text-align:left}.navigation-jump:active:not(:disabled){transform:none;opacity:.7}.navigation-jump .row-icon{width:28px;height:28px;background:none}.navigation-jump .row-icon svg{width:26px;height:26px}.navigation-jump .row-icon .place-icon{width:28px;height:28px}.navigation-row .row-main{min-height:48px;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12)}.navigation-jump .row-text{gap:0}.navigation-jump .row-text strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}.navigation-jump .row-detail{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.35}.row-photos{display:inline-flex;align-items:center;gap:var(--space-4);vertical-align:top;font-variant-numeric:tabular-nums}.row-photos svg{width:15px;height:15px}.row-more{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border-radius:var(--radius-round);background:none;color:var(--muted)}.row-more svg{width:20px;height:20px}@media(hover:hover){.row-more:hover:not([aria-expanded=true]){background:#ffffff12;color:var(--text)}#open-saved:hover:not(:disabled),#open-add:hover:not(:disabled){background:color-mix(in srgb,var(--c) 85%,#fff)}.status-chip:hover:not(:disabled),.corner-button:hover:not(:disabled){background:color-mix(in srgb,var(--c) 18%,#000);border-color:color-mix(in srgb,var(--c) 50%,#000)}}.row-popover{position:absolute;z-index:5;width:216px;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-8);border-radius:var(--radius-md);background:#0d0e11;border:1px solid var(--glass-line);box-shadow:0 18px 44px #000000a6;transform-origin:top right;animation:pop-in .14s ease-out}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}}.popover-item{position:relative;display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:46px;padding:var(--row-padding);border-radius:var(--radius-sm);background:none;font-size:var(--font-size-body);font-weight:600;text-align:left}.popover-item svg{width:20px;height:20px;flex-shrink:0;color:var(--muted)}.popover-item:active:not(:disabled){background:var(--fill-strong)}.popover-item .place-icon{width:24px;height:24px}.popover-label{padding:var(--space-4) var(--space-12);color:var(--muted);font-size:var(--font-size-small);font-weight:600}.popover-item+.popover-label{margin-top:var(--space-8);padding-top:var(--space-12);border-top:1px solid var(--line)}.popover-item .popover-check{margin-left:auto;color:var(--neon-saved);visibility:hidden}.popover-item[aria-checked=true] .popover-check{visibility:visible}@media(hover:hover){.popover-item:hover:not(:disabled){background:var(--fill-strong)}}.empty-list{margin:0;padding:var(--space-16) var(--space-12);color:var(--muted);font-size:var(--font-size-small);line-height:1.5}.route.editing .route-dot-casing{stroke-width:18px}.route.editing .route-dot{stroke-width:12px}.moving .pin-body{filter:drop-shadow(0 0 8px rgb(255 255 255 / .7));animation:lifted 1.2s ease-in-out infinite}.route.selected .route-casing{stroke-width:13px}.route.selected .route-line{stroke-width:7px}.selected .pin-body{transform:scale(1.5);transition:transform .2s var(--ease-out)}@starting-style{.selected .pin-body{transform:none}}@keyframes lifted{0%,to{transform:scale(1.35)}50%{transform:scale(1.55)}}.map-overlay.hide-routes [data-layer=routes],.map-overlay.hide-places [data-layer=places],.map-overlay.hide-labels .overlay-label{display:none}.map-stage.spotlight .map-shade{opacity:.8;transition-duration:.35s}.map-stage.spotlight .map-overlay{opacity:1!important}.map-stage.spotlight .map-overlay [data-layer],.map-stage.spotlight .map-overlay .overlay-label{display:inline}.map-stage.spotlight .pin-body,.map-stage.spotlight .route{animation:highlight-pulse .8s ease-in-out .35s 5}.found .pin-body,.route.found{animation:highlight-pulse .7s ease-in-out .6s 2}@keyframes highlight-pulse{0%,to{opacity:1}50%{opacity:.35}}.trail-line{opacity:.3}.trail-dot{opacity:.4}.trail-arrow{opacity:.6}.trail-mark{fill:var(--neon-trail);stroke:#000;stroke-width:2.5}.trail-pulse{fill:none;stroke:var(--neon-trail);stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center}.trail-here[data-age=fresh] .trail-pulse{animation:trail-pulse 2s ease-out 3}.trail-here[data-age=aging] .trail-pulse{stroke-opacity:.5;animation:trail-pulse 4s ease-out 2}.trail-here[data-age=old] .trail-mark{opacity:.5}@keyframes trail-pulse{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.7)}}.hold-wheel{--place: var(--neon-add);--back: var(--neon-saved);--trail: var(--neon-trail);--off: #3a3e46;position:absolute;width:172px;height:172px;margin:-86px 0 0 -86px;border-radius:var(--radius-round);background:#00000073;pointer-events:none;animation:pop-in .14s ease-out}.hold-arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hold-arc{fill:none;stroke:var(--off);stroke-width:7px;stroke-linecap:round;transition:stroke .12s,stroke-width .12s var(--ease-out)}.hold-wheel>span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:var(--radius-round);border:2px solid var(--off);background:#000;color:var(--muted);transform:translate(var(--at));transition:transform .12s var(--ease-out),color .12s,border-color .12s,opacity .12s}.hold-wheel>span svg{width:20px;height:20px}.hold-place{--at: -55.4px, -32px}.hold-back{--at: 55.4px, -32px}.hold-trail{--at: 0px, 64px}.hold-wheel[data-back=off] .back{opacity:.4}.hold-wheel[data-back=off] .hold-back{opacity:.5}.hold-wheel[data-choice=place] .place,.hold-wheel[data-choice=back] .back,.hold-wheel[data-choice=trail] .trail{stroke:var(--lit);stroke-width:10px;filter:drop-shadow(0 0 6px var(--lit))}.hold-wheel[data-choice=place] .hold-place,.hold-wheel[data-choice=back] .hold-back,.hold-wheel[data-choice=trail] .hold-trail{color:var(--lit);border-color:var(--lit);transform:translate(var(--at)) scale(1.2)}.hold-wheel[data-choice=place]{--lit: var(--place)}.hold-wheel[data-choice=back]{--lit: var(--back)}.hold-wheel[data-choice=trail]{--lit: var(--trail)}.hold-label{position:absolute;bottom:calc(100% + var(--space-8));left:50%;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:#000;color:var(--lit, var(--muted));font-size:var(--font-size-body);font-weight:600;white-space:nowrap;transform:translate(-50%)}.hold-label:empty{display:none}@media(max-height:520px){.tool-bar{padding:var(--space-12) var(--space-16)}.tool-actions{margin-top:var(--space-8)}.tool-actions button{min-height:40px}.add-choice{min-height:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.library-actions{gap:var(--space-12);flex-wrap:wrap}.sharing-dialog{--accent: var(--neon-view);--c: var(--accent);--fill-strong: rgb(255 255 255 / .13)}.share-map-name{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-small)}.share-map-name svg{width:16px;height:16px}.share-summary{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-16)}.share-row{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:58px;padding:var(--row-padding);background:none;text-align:left;font-size:var(--font-size-body);cursor:pointer}.share-row+.share-row{border-top:1px solid var(--line)}button.share-row:active:not(:disabled){transform:none;background:#ffffff0f}@media(hover:hover){button.share-row:hover:not(:disabled){background:#ffffff0a}}button.share-row:disabled>svg:last-child{visibility:hidden}.share-row-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-round);flex-shrink:0;color:var(--k);background:color-mix(in srgb,var(--k) 16%,#000);border:1px solid color-mix(in srgb,var(--k) 40%,transparent)}.share-row-icon svg{width:17px;height:17px}.share-place{--k: var(--kind-place)}.share-route{--k: var(--kind-route)}.share-image{--k: var(--neon-add)}.share-row-label{flex:1;min-width:0}.share-row-label small{display:block;color:var(--muted);font-size:var(--font-size-small);margin-top:var(--space-2)}.share-row-value{color:var(--muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.share-row>svg:last-child{width:18px;height:18px;color:var(--muted);transform:rotate(180deg)}dialog .share-size{display:flex;justify-content:space-between;gap:var(--space-12);font-size:var(--font-size-small);margin:var(--space-16) 0 0;font-variant-numeric:tabular-nums}.share-size:empty{display:none}.share-size b{color:var(--text);font-weight:600}.share-back{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;margin:0 0 var(--space-8);padding:var(--space-8) 0;border-radius:var(--radius-md);background:none;color:var(--accent);font-size:var(--font-size-body);font-weight:600}.share-back svg{width:20px;height:20px}.share-selection-actions{display:flex;gap:var(--space-8);margin:var(--space-16) 0}.share-selection-actions button{flex:1;gap:var(--space-8);font-size:var(--font-size-small);padding:var(--control-padding);min-height:44px}.share-selection-actions svg{width:18px;height:18px}.share-selection-actions [aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,#000);color:var(--accent)}.share-items{max-height:50dvh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-md)}.share-choice{display:flex;align-items:center;gap:var(--space-12);padding:var(--row-padding);min-height:48px;overflow-wrap:anywhere;cursor:pointer}.share-items .share-choice{padding:var(--row-padding);min-height:58px}.share-choice input{flex-shrink:0;width:22px;height:22px;accent-color:var(--accent)}.share-choice small,.share-field small{display:block;color:var(--muted);font-size:var(--font-size-small);margin-top:var(--space-4)}.share-items .share-choice:not([hidden])~.share-choice:not([hidden]){border-top:1px solid var(--line)}.share-choice-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0}.share-choice-icon svg{width:26px;height:26px}.share-choice-text{flex:1;min-width:0}.share-field{display:block;margin:var(--space-16) 0;font-size:var(--font-size-small);color:var(--muted)}.share-file{--k: var(--neon-view)}.share-heading{margin:var(--space-16) 0 var(--space-8);font-size:var(--font-size-small);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}#receive-destinations{margin-top:0}#receive-destinations .share-row:has(input:checked){background:color-mix(in srgb,var(--accent) 9%,#000)}#receive-destinations.single{margin-top:var(--space-16)}#receive-destinations.single .share-row{cursor:default;background:none}#receive-destinations input{flex-shrink:0;width:20px;height:20px;margin:0;accent-color:var(--accent)}.receive-thumbnail{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0d0e11;color:var(--muted)}.receive-thumbnail img{width:100%;height:100%;object-fit:cover}.receive-thumbnail svg{width:18px;height:18px}.receive-new{color:var(--neon-add);background:color-mix(in srgb,var(--neon-add) 12%,#000);border-color:color-mix(in srgb,var(--neon-add) 40%,transparent)}.share-row-label small.receive-match{color:var(--neon-add)}.share-segments{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background:#ffffff0a}.share-segments label{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:42px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--font-size-body);font-weight:650;color:var(--muted);cursor:pointer}.share-segments svg{width:18px;height:18px}.share-segments input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.share-segments label:has(input:checked){color:var(--text);background:color-mix(in srgb,var(--c) 18%,#000);border-color:color-mix(in srgb,var(--c) 45%,transparent)}.share-segments .share-segment-danger{--c: var(--danger)}dialog #receive-note{margin:var(--space-16) 0 0}