:root{color:#1a1d21;background:#d7dde3;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;max-height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{min-width:320px;position:relative}button,input,textarea,select{font:inherit}button{border:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.app{position:relative;display:flex;flex-direction:column;height:100%;max-height:100dvh;overflow:hidden;background:#d7dde3}.map-wrap{position:relative;flex:1;min-height:0;touch-action:manipulation}.map-canvas{width:100%;height:100%;touch-action:manipulation}.hud-top{position:absolute;top:0;left:0;right:0;z-index:5;padding:max(10px,env(safe-area-inset-top)) 12px 0;pointer-events:none}.hud-top>*{pointer-events:auto}.search-pill{display:flex;align-items:stretch;min-height:48px;border-radius:999px;background:#fffffff5;box-shadow:0 6px 24px #0f172029;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-pill-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 4px 0 16px;border:0;background:transparent;color:#868e96;text-align:left;cursor:pointer}.search-pill-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500}.search-pill-main span.has-query{color:#212529}.search-pill-icon{flex-shrink:0;color:#495057}.search-pill-add{width:52px;flex-shrink:0;display:grid;place-items:center;border:0;border-left:1px solid #edf0f2;background:transparent;color:#1c7ed6;cursor:pointer}.search-pill-clear{width:40px;flex-shrink:0;display:grid;place-items:center;border:0;background:transparent;color:#868e96;cursor:pointer}.search-pill-clear:active{color:#495057}.search-pill-roads{width:44px;flex-shrink:0;display:grid;place-items:center;border:0;border-left:1px solid #edf0f2;background:transparent;color:#495057;cursor:pointer}.search-pill-roads:active{color:#1c7ed6;background:#f1f3f5}.search-pill-export{width:44px;flex-shrink:0;display:grid;place-items:center;border:0;border-left:1px solid #edf0f2;background:transparent;color:#495057;cursor:pointer}.search-pill-export:active{color:#1c7ed6;background:#f1f3f5}.search-pill-export:disabled{opacity:.4;cursor:not-allowed}.search-pill-add.active{color:#e03131;background:#fff5f5}.status-filter-bar{margin-top:8px;padding:0;background:transparent;border:0;display:flex;flex-direction:column;gap:6px}.status-filter-row{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.status-filter-row::-webkit-scrollbar{display:none}.status-chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;box-sizing:border-box;height:30px;min-height:30px;border-radius:999px;padding:0 11px;font-size:.72rem;font-weight:650;line-height:1;border:0;background:#ffffffeb;color:#495057;box-shadow:0 2px 10px #0f17201a;cursor:pointer}.status-chip i{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;opacity:.4}.status-chip.on{color:#212529;background:#fff}.status-chip.on i{opacity:1}.status-chip.off{opacity:.55}.map-hint{position:absolute;left:50%;top:calc(160px + env(safe-area-inset-top));transform:translate(-50%);z-index:4;max-width:calc(100% - 96px);padding:8px 12px;border-radius:999px;background:#101820e0;color:#fff;font-size:.78rem;text-align:center;pointer-events:none}.map-toast{position:absolute;top:calc(160px + env(safe-area-inset-top));left:12px;right:72px;z-index:4;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 16px #0000001f;font-size:.85rem}.map-toast.error{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff5f5;color:#c92a2a}.form-error{margin:0 0 8px;color:#c92a2a;font-size:.85rem}.fab-stack{position:absolute;top:calc(160px + env(safe-area-inset-top));right:12px;bottom:auto;z-index:4;display:flex;flex-direction:column;gap:8px;align-items:stretch}.fab-zoom{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0f172029}.fab-zoom .fab-icon{box-shadow:none;border-radius:0}.fab-zoom .fab-icon+.fab-icon{border-top:1px solid #edf0f2}.fab-icon{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:#fffffff5;color:#212529;box-shadow:0 4px 16px #0f172029;cursor:pointer}.fab-icon:disabled{opacity:.45;cursor:not-allowed}.fab-level-badge.is-on{color:#1c7ed6;background:#e7f5ff}.fab-level-badge-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1;font-family:Georgia,Times New Roman,serif;font-size:9px;font-weight:800}.fab-level-badge:not(.is-on) .fab-level-badge-mark{opacity:.45}.sheet-actions{display:grid;gap:8px}.sheet-actions--row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.sheet-actions--row .primary-btn,.sheet-actions--row .danger-btn,.sheet-actions--row .secondary-btn{width:100%;margin:0;padding:12px 8px;font-size:.9rem}.sheet-actions .danger-btn{margin-top:0}.search-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.82rem;color:#495057;font-weight:600}.search-input-wrap{position:relative}.search-input-wrap input{padding-right:40px}.search-input-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#868e96;font-size:1.25rem;line-height:1;cursor:pointer}.filter-block{margin-bottom:12px}.filter-block-head .text-btn:disabled{opacity:.35;cursor:default}.filter-block-head{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:8px;font-size:.82rem;font-weight:600;color:#495057}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;height:36px;min-height:36px;border:1px solid #ced4da;background:#fff;color:#343a40;border-radius:999px;padding:0 12px;font-size:.8rem;font-weight:600;line-height:1;vertical-align:middle}.filter-chip i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.filter-chip.on{color:#fff;border-color:currentColor}.search-count{margin:0 0 8px;font-size:.78rem;color:#868e96}.search-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.search-empty{padding:24px 8px;text-align:center;color:#868e96;font-size:.9rem}.search-item{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid #edf0f2;border-radius:12px;padding:12px;background:#fff;cursor:pointer}.search-item.is-map-hidden{opacity:.55}.search-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.search-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.search-item-body strong{font-size:.95rem;color:#212529}.search-item-body small{font-size:.75rem;color:#868e96}.search-item-body em{font-style:normal;font-size:.8rem;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-btn,.danger-btn,.secondary-btn,.text-btn,.filter-chip,.search-item,.status-chip,.fab-icon,.search-pill-main,.search-pill-add,.search-pill-clear{cursor:pointer}.primary-btn{width:100%;border:0;border-radius:12px;padding:12px 16px;background:#1c7ed6;color:#fff;font-weight:650}.primary-btn.compact{width:auto;white-space:nowrap;padding:10px 14px;border-radius:10px;font-size:.9rem}.primary-btn.active{background:#495057}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.danger-btn{width:100%;margin-top:8px;border:0;border-radius:12px;padding:12px 16px;background:#fff5f5;color:#c92a2a;font-weight:650}.secondary-btn{width:100%;border:0;border-radius:12px;padding:12px 16px;background:#f1f3f5;color:#212529;font-weight:650}.secondary-btn:disabled{opacity:.45;cursor:not-allowed}.text-btn{border:0;background:transparent;color:#1c7ed6;padding:4px 0;font-weight:600}.key-panel{margin:auto;width:min(420px,calc(100% - 28px));padding:20px 18px;border-radius:16px;background:#fff;box-shadow:0 10px 40px #0000001f}.key-panel h2{margin:0 0 8px;font-size:1.15rem}.key-panel p{margin:0 0 14px;color:#5c6b7a;font-size:.9rem;line-height:1.45}.key-panel .hint{margin-top:12px;margin-bottom:0;font-size:.8rem}.key-panel a{color:#1c7ed6}label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.82rem;color:#495057;font-weight:600}input,textarea,select{width:100%;border:1px solid #ced4da;border-radius:10px;padding:10px 12px;background:#fff;color:#1a1d21;font-weight:400;font-size:16px}textarea{resize:vertical}input.is-invalid,textarea.is-invalid,select.is-invalid{border-color:#fa5252;background:#fff5f5;box-shadow:0 0 0 3px #fa525226}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:none}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#0a0e1473;touch-action:none;cursor:pointer}.drawer-content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;max-height:90svh;outline:none;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -8px 30px #0000002e}.drawer-content--search{max-height:92svh}.drawer-handle{width:36px;height:4px;margin:10px auto 2px;flex-shrink:0;border-radius:999px;background:#dee2e6}.drawer-title{margin:0;font-size:1.05rem;font-weight:650;color:#1a1d21}.drawer-body{flex:1;min-height:0;overflow:auto;padding:4px 16px 16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.drawer-footer{flex-shrink:0;padding:10px 16px;border-top:1px solid #edf0f2;background:#fff}.drawer-footer .primary-btn{margin-top:0}.drawer-footer .form-error{margin-bottom:8px}.sheet-form{display:flex;flex-direction:column;gap:0;padding-bottom:8px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin:0;padding:4px 16px 8px}.sheet-head h2{margin:0;font-size:1.05rem}.sheet-close{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:#f1f3f5;color:#495057;cursor:pointer}.sheet-close:active{background:#e9ecef;color:#212529}.coord{margin:0 0 14px;font-size:.78rem;color:#868e96}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-list{margin:0 0 8px}.detail-list>div{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f2;font-size:.9rem}.detail-list dt{margin:0;color:#868e96}.detail-list dd{margin:0;color:#212529;white-space:pre-wrap;word-break:break-word}.photo-field{margin-bottom:14px}.photo-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.82rem;font-weight:600;color:#495057}.photo-field-head small{font-weight:500;color:#868e96}.photo-grid{display:flex;flex-wrap:wrap;gap:8px}.photo-thumb,.photo-add,.detail-photo{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;border:0;padding:0;background:#f1f3f5}.photo-thumb img,.detail-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:14px;line-height:1;cursor:pointer}.photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed #ced4da;background:#fff;color:#868e96;cursor:pointer}.photo-add span{font-size:1.4rem;line-height:1;color:#1c7ed6}.photo-add small{font-size:.65rem}.detail-photo-row{display:flex;flex-wrap:wrap;gap:8px}.detail-photo{cursor:pointer}.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}.lightbox-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#060a10d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;touch-action:none}.lightbox-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2001;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));background:#00000003;outline:none;pointer-events:auto}.lightbox{width:min(560px,100%);max-height:min(90dvh,820px);display:flex;flex-direction:column;border-radius:18px;background:linear-gradient(180deg,#1a2230,#111827);color:#fff;overflow:hidden;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0f;touch-action:manipulation}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 10px}.lightbox-title-wrap{min-width:0;display:flex;flex-direction:column;gap:2px}.lightbox-title{font-size:.95rem;font-weight:650;letter-spacing:.02em}.lightbox-subtitle{font-size:.75rem;color:#ffffff8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-close{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:#ffffff1a;color:#fff;cursor:pointer}.lightbox-close:active{background:#ffffff2e}.lightbox-body{flex:1;min-height:min(68dvh,640px);height:min(68dvh,640px);display:grid;place-items:center;padding:4px 14px 8px;overflow:hidden}.lightbox-body img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;background:#00000040;box-shadow:0 8px 28px #00000059;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-foot{flex-shrink:0;min-height:56px;padding:10px 14px 16px;display:flex;align-items:center;justify-content:center}.lightbox-action{border:0;border-radius:999px;padding:10px 20px;background:#1c7ed6;color:#fff;font-weight:650;font-size:.9rem;cursor:pointer;box-shadow:0 6px 18px #1c7ed659}.lightbox-action.is-spent{visibility:hidden;pointer-events:none}.lightbox-action:active:not(:disabled){filter:brightness(.95)}.lightbox-action[hidden]{display:inline-block!important;visibility:hidden;pointer-events:none}.lightbox-note{font-size:.8rem;color:#ffffff80}.ghost-btn-light{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-weight:650;border-radius:10px;padding:10px 14px;cursor:pointer}.ghost-btn-light.compact{font-size:.9rem}.app.is-adding .map-canvas{cursor:crosshair}.app.is-sheet-open .map-wrap,.app.is-sheet-open .map-wrap .amap-container{pointer-events:none!important}.roads-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:#f1f3f5;padding-bottom:env(safe-area-inset-bottom)}.roads-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 12px 10px;background:#fff;border-bottom:1px solid #e9ecef}.roads-page-head h1{margin:0;font-size:1.1rem;font-weight:700}.roads-page .icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#495057;cursor:pointer}.roads-add{display:flex;gap:8px;padding:12px;background:#fff;border-bottom:1px solid #e9ecef}.roads-add input{flex:1;min-width:0;border:1px solid #dee2e6;border-radius:10px;padding:10px 12px;background:#fff}.roads-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px 0}.roads-search{flex:1;min-width:0;border:1px solid #dee2e6;border-radius:10px;padding:8px 12px;background:#fff}.roads-count{flex-shrink:0;font-size:.85rem;color:#868e96}.roads-error{margin:8px 12px 0}.roads-list{list-style:none;margin:10px 0 0;padding:0 12px 24px;overflow:auto;flex:1;min-height:0}.roads-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;margin-bottom:8px;background:#fff;border-radius:12px;border:1px solid #e9ecef}.roads-name{flex:1;min-width:0;font-weight:600;word-break:break-all}.roads-item-actions{display:flex;gap:4px;flex-shrink:0}.roads-edit-row{display:flex;align-items:center;gap:8px;width:100%}.roads-edit-row input{flex:1;min-width:0;border:1px solid #dee2e6;border-radius:8px;padding:8px 10px}.roads-empty{padding:28px 12px;text-align:center;color:#868e96}.danger-text{color:#e03131!important}.searchable-select{position:relative;width:100%}.searchable-select-native{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.searchable-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #dee2e6;border-radius:10px;background:#fff;color:#1a1d21;font-size:16px;text-align:left;cursor:pointer}.searchable-select-trigger:disabled{opacity:.5;cursor:not-allowed}.searchable-select-trigger.is-placeholder{color:#868e96}.searchable-select-trigger.is-invalid{border-color:#fa5252;background:#fff5f5;box-shadow:0 0 0 3px #fa525226}.searchable-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-caret{flex-shrink:0;color:#868e96}.searchable-select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#0a0e1473;pointer-events:auto}.searchable-select-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1501;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;max-height:min(72dvh,36rem);outline:none;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -8px 30px #0000002e;pointer-events:auto}.searchable-select-handle{width:36px;height:4px;margin:10px auto 2px;flex-shrink:0;border-radius:999px;background:#dee2e6}.searchable-select-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:4px 16px 10px}.searchable-select-title{margin:0;font-size:1.05rem;font-weight:650;color:#1a1d21}.searchable-select-search{position:relative;flex-shrink:0;padding:0 16px 12px;border-bottom:1px solid #edf0f2}.searchable-select-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:#868e96;pointer-events:none}.searchable-select-search input{width:100%;min-height:44px;padding:10px 12px 10px 40px;border:1px solid #dee2e6;border-radius:10px;background:#f8f9fa;color:#1a1d21;font-size:16px}.searchable-select-list{list-style:none;margin:0;padding:8px 8px max(12px,env(safe-area-inset-bottom));overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.searchable-select-empty{padding:36px 12px;text-align:center;color:#868e96;font-size:.95rem}.searchable-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px;border:0;border-radius:12px;background:transparent;color:#1a1d21;font-size:16px;text-align:left;cursor:pointer}.searchable-select-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-option.is-active{background:#e7f5ff;color:#1864ab;font-weight:600}.searchable-select-option:active{background:#f1f3f5}.searchable-select-option.is-active:active{background:#d0ebff}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;background:#0a0e1480;pointer-events:auto}.confirm-dialog{position:fixed;left:50%;top:50%;z-index:1601;width:min(92vw,22rem);transform:translate(-50%,-50%);outline:none;border-radius:16px;background:#fff;box-shadow:0 20px 50px #0f172047;pointer-events:auto;overflow:hidden}.confirm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 0}.confirm-title{margin:0;font-size:1.05rem;font-weight:700;color:#1a1d21}.confirm-body{padding:10px 16px 4px;color:#495057;font-size:.95rem;line-height:1.5}.confirm-body strong{color:#1a1d21;font-weight:650}.confirm-actions{display:flex;gap:10px;padding:14px 16px 16px}.confirm-btn{flex:1;min-height:44px;border:0;border-radius:12px;font-weight:650;font-size:.95rem;cursor:pointer}.confirm-btn:disabled{opacity:.55;cursor:not-allowed}.confirm-btn--ghost{background:#f1f3f5;color:#495057}.confirm-btn--ghost:active:not(:disabled){background:#e9ecef}.confirm-btn--primary{background:#1c7ed6;color:#fff}.confirm-btn--danger{background:#e03131;color:#fff}.confirm-btn--danger:active:not(:disabled){filter:brightness(.95)}.nav-popover{z-index:1100;width:min(200px,calc(100vw - 24px));padding:6px;border-radius:12px;background:#fff;box-shadow:0 8px 28px #0f17202e;outline:none;display:grid;gap:4px}.nav-popover-item{width:100%;border:0;border-radius:10px;padding:11px 12px;background:transparent;color:#212529;font-size:.92rem;font-weight:650;text-align:center;cursor:pointer}.nav-popover-item:active,.nav-popover-item:hover{background:#f1f3f5}.nav-popover-arrow{fill:#fff}