:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column}#app{width:100%;height:100vh;display:flex;flex-direction:column}.app-container{position:relative;width:100%;height:100%}.map-container{width:100%;height:100vh}.floating-panel{position:absolute;top:10px;left:10px;z-index:1000;background-color:#2a2a2acc;border-radius:8px;padding:15px;box-shadow:0 2px 10px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:320px}.search-container{display:flex;margin-bottom:12px}.autocomplete-wrapper{position:relative;flex:1}#search-input{width:100%;padding:8px 12px;border:none;border-radius:4px 0 0 4px;font-size:14px;outline:none}.suggestions-container{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0003;max-height:200px;overflow-y:auto;z-index:1001;display:none}.suggestion-item{padding:8px 12px;border-bottom:1px solid #eee;cursor:pointer;font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f0f0f0}.suggestion-item strong{font-weight:600;color:#000}.icon{font-style:normal;font-size:18px;display:inline-block;line-height:1}#search-button{padding:8px 15px;background-color:#38f;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}#search-button:hover{background-color:#2374e1}.drawing-tools{display:flex;gap:8px;justify-content:space-between}.drawing-tools button{flex:1;height:40px;padding:5px;background-color:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center}.drawing-tools button:hover{background-color:#3a3a3a;transform:translateY(-2px)}.drawing-tools button:active{transform:translateY(0)}.drawing-tools button.active{background-color:red;color:#fff}.legend-tools{margin-top:10px;display:flex;gap:5px}.legend-tools button{flex:1;height:40px;padding:5px;background-color:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center}.legend-tools button:hover{background-color:#3a3a3a;transform:translateY(-2px)}.legend-tools button:active{transform:translateY(0)}.legend-tools button.active{background-color:#f60;color:#fff}.legend-tools button[disabled]{opacity:.5;cursor:not-allowed;transform:none}#add-legend{background-color:#096}#add-legend:hover:not([disabled]){background-color:#00b377}#debug-btn,#reset-view{background-color:#333}#reset-view{background-color:#38761d}#reset-view:hover{background-color:#4a8f2a}#debug-btn:hover{background-color:#444}#draw-line{background-color:#06c}#draw-line:hover{background-color:#0077e6}#auto-line{background-color:#963}#auto-line:hover{background-color:#b37700}#auto-line.active{background-color:#c90;color:#fff}#clear-lines{background-color:#c30}#clear-lines:hover{background-color:#e63900}#save-lines{background-color:#93c}#save-lines:hover{background-color:#a4d}#save-lines.saved{background-color:#28a745!important;color:#fff!important}.icon.success{color:#fff;font-size:20px;animation:pulse .5s}@keyframes pulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ol-layer canvas{image-rendering:optimizeSpeed}.ol-layer{opacity:1!important}button{cursor:pointer;transition:background-color .3s}button:focus,button:focus-visible{outline:2px solid #3388ff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}.floating-panel{background-color:#fffc}.drawing-tools button{background-color:#f0f0f0;color:#213547;border:1px solid #ccc}.drawing-tools button:hover{background-color:#e0e0e0}.drawing-tools button.active{background-color:red;color:#fff}.suggestion-item{color:#333;border-bottom:1px solid #eee}.suggestion-item:hover{background-color:#f0f0f0}.suggestion-item strong{color:#000}#debug-btn{background-color:#ddd;color:#222}#debug-btn:hover{background-color:#ccc}#reset-view{background-color:#8dcc84;color:#213547}#reset-view:hover{background-color:#78be6e}#draw-line{background-color:#9cf;color:#213547}#draw-line:hover{background-color:#7af}#auto-line{background-color:#e6cc99;color:#213547}#auto-line:hover{background-color:#d9bb77}#auto-line.active{background-color:#c90;color:#fff}#clear-lines{background-color:#fcc;color:#213547}#clear-lines:hover{background-color:#faa}#save-lines{background-color:#e5ccff;color:#213547}#save-lines:hover{background-color:#d5aaff}.legend-tools button{background-color:#f0f0f0;color:#213547;border:1px solid #ccc}.legend-tools button:hover:not([disabled]){background-color:#e0e0e0}.legend-tools button.active{background-color:#f60;color:#fff}#add-legend{background-color:#a6e4d0;color:#213547}#add-legend:hover:not([disabled]){background-color:#7dd1b7}}.color-picker{margin-top:12px;background-color:#0003;padding:10px;border-radius:6px}.color-label{font-size:14px;margin-bottom:8px}.color-options{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 5px #ffffff80}@media (prefers-color-scheme: light){.color-picker{background-color:#0000000d}.color-option.active{border-color:#333;box-shadow:0 0 5px #0000004d}}.toast-container{position:fixed;bottom:10px;right:10px;z-index:9999;display:flex;flex-direction:column;gap:5px;pointer-events:none}.toast{min-width:180px;max-width:250px;background-color:#2a2a2ae6;color:#fff;padding:6px 10px;border-radius:3px;box-shadow:0 2px 6px #0000004d;display:flex;align-items:center;opacity:0;transform:translateY(10px);animation:toast-in .2s ease forwards,toast-out .2s ease forwards 3.8s;pointer-events:auto;font-size:12px}.toast-icon{margin-right:6px;font-size:8px}.toast-message{flex:1}.toast-close{margin-left:6px;cursor:pointer;font-size:12px;opacity:.7}.toast-close:hover{opacity:1}.toast.success{background-color:#28a745e6;border-left:2px solid #1e7e34}.toast.error{background-color:#dc3545e6;border-left:2px solid #bd2130}.toast.warning{background-color:#ffc107e6;border-left:2px solid #d39e00;color:#212529}.toast.info{background-color:#17a2b8e6;border-left:2px solid #117a8b}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (prefers-color-scheme: light){.toast{background-color:#ffffffe6;color:#333;box-shadow:0 2px 8px #0003}.toast.success{background-color:#28a745e6;color:#fff}.toast.error{background-color:#dc3545e6;color:#fff}.toast.warning{background-color:#ffc107e6;color:#333}.toast.info{background-color:#17a2b8e6;color:#fff}}.shortcuts-help{margin-top:12px;text-align:center}#show-shortcuts{padding:8px 12px;background-color:#0003;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:background-color .2s}#show-shortcuts:hover{background-color:#0000004d}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;overflow:auto}.modal-content{background-color:#2a2a2af2;margin:10% auto;padding:20px;width:80%;max-width:600px;border-radius:8px;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;animation:modal-in .3s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:10px;right:15px;color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.modal-close:hover{color:#fff}.modal h2{margin-top:0;margin-bottom:20px;color:#fff;text-align:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.shortcut-item{display:flex;align-items:center;gap:15px}.shortcut-key{background-color:#ffffff1a;padding:5px 10px;border-radius:4px;font-family:monospace;font-weight:700;min-width:120px;text-align:center;border:1px solid rgba(255,255,255,.2)}.shortcut-description{flex:1}@media (prefers-color-scheme: light){#show-shortcuts{background-color:#e0e0e0;color:#213547}#show-shortcuts:hover{background-color:#d0d0d0}.modal-content{background-color:#fffffff2;box-shadow:0 4px 20px #0003}.modal h2{color:#213547;border-bottom-color:#0000001a}.modal-close{color:#666}.modal-close:hover{color:#333}.shortcut-key{background-color:#f0f0f0;border-color:#ddd;color:#333}.shortcut-description{color:#213547}}@keyframes linePulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.ol-selection-overlay{animation:linePulse 1.5s infinite}.auth-container{position:absolute;top:10px;right:10px;z-index:1000}.auth-panel{background-color:#2a2a2acc;border-radius:8px;padding:15px;box-shadow:0 2px 10px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:300px}.auth-panel h3{font-size:16px;margin-bottom:12px;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}.auth-panel input{width:100%;padding:8px 12px;border:none;border-radius:4px;margin-bottom:10px;font-size:14px;outline:none;background-color:#ffffffe6;color:#333}.auth-panel button{width:100%;padding:8px 0;border:none;border-radius:4px;background-color:#38f;color:#fff;cursor:pointer;font-size:14px;font-weight:500}.auth-panel button:hover{background-color:#2374e1}.auth-error{color:#ff6b6b;font-size:13px;margin:8px 0;background-color:#ff6b6b1a;padding:5px;border-radius:4px}#user-info{display:flex;flex-direction:column;gap:8px}#user-info p{font-size:14px;color:#ffffffe6;word-break:break-all}#logout-button{padding:8px 12px;background-color:#555;color:#fff}#logout-button:hover{background-color:#666}.minimal-logout{padding:6px 12px!important;background-color:#555555b3!important;color:#fff;border-radius:4px;font-size:12px!important;max-width:80px;transition:background-color .2s,transform .1s}.minimal-logout:hover{background-color:#787878e6!important;transform:translateY(-1px)}@media (prefers-color-scheme: light){.auth-panel{background-color:#fafafad9;box-shadow:0 2px 10px #00000026}.auth-panel h3{color:#333;border-bottom:1px solid rgba(0,0,0,.1)}.auth-panel input{background-color:#fff;border:1px solid rgba(0,0,0,.1)}.auth-error{color:#d32f2f;background-color:#d32f2f1a}#user-info{color:#333}.minimal-logout{background-color:#e6e6e6d9!important;color:#333!important;border:1px solid rgba(0,0,0,.1)}.minimal-logout:hover{background-color:#c8c8c8f2!important}}.google-btn{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#fff;color:#444;border:1px solid #ddd;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .3s,box-shadow .3s;box-shadow:0 1px 3px #0000001a}.google-btn:hover{background-color:#f8f8f8;box-shadow:0 2px 6px #00000026}.google-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:10px;width:18px;height:18px;border-radius:50%;background:conic-gradient(from -45deg,#ea4335 110deg,#4285f4 90deg,#4285f4 180deg,#34a853 180deg,#34a853 270deg,#fbbc05 270deg) 73% 55%/150% 150% no-repeat;color:#fff;font-size:10px;font-weight:700}.user-photo{width:40px;height:40px;border-radius:50%;margin:0 auto 10px;display:block;border:2px solid white;box-shadow:0 2px 5px #0003}@media (prefers-color-scheme: light){.google-btn{border-color:#ccc}.google-btn:hover{background-color:#f5f5f5}.user-photo{border-color:#f0f0f0}}.controls-toggle{position:absolute;top:10px;left:10px;z-index:1001;width:40px;height:40px;background-color:#2a2a2acc;border-radius:50%;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 5px #0000004d;display:none;align-items:center;justify-content:center;font-size:20px;transition:left .3s ease,background-color .3s ease;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme: light){.controls-toggle{background-color:#fffc;color:#333}}@media screen and (max-width: 768px){.floating-panel{transform:translate(-100%);transition:transform .3s ease;position:absolute;top:0;left:0;height:100%;max-width:80%;width:250px;border-radius:0;overflow-y:auto;padding-top:60px;z-index:1000;box-shadow:2px 0 10px #0003}.floating-panel.visible{transform:translate(0)}.controls-toggle{display:flex}.controls-toggle.panel-visible{left:260px;background-color:#dc3545e6}.drawing-tools,.legend-tools{flex-wrap:wrap;gap:10px;margin-bottom:15px}.drawing-tools button,.legend-tools button{flex:0 0 calc(33.333% - 8px);min-height:45px}.modal-content{width:95%;margin:5% auto;max-height:90vh;overflow-y:auto}.shortcuts-grid{grid-template-columns:1fr}.search-container{margin-bottom:15px}#search-input{height:40px}#search-button{width:40px;height:40px}.auth-container{top:10px;right:10px;z-index:1002}.auth-panel{padding:10px;max-width:180px}.google-btn{font-size:12px;padding:8px}#login-form,#user-info{width:100%}.minimal-logout{padding:4px 8px!important;font-size:10px!important;max-width:60px}}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}