:root{font:14px system-ui,sans-serif;color:#13294b;background:#edf2f6;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}button,input{font:inherit}button{border:1px solid #d8e2e8;border-radius:18px;padding:8px 12px;background:#fffffff0;color:#13294b;cursor:pointer;min-height:36px}button.active{background:#137b76;color:white;border-color:#137b76}#top{position:absolute;inset:10px 10px auto;pointer-events:none}#top>*{pointer-events:auto}#layers{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}#layers button{white-space:nowrap;font-size:12px;padding:6px 11px;min-height:32px}#search{width:min(300px,calc(100% - 48px));border:1px solid #d8e2e8;border-radius:14px;background:#fffffff2;padding:10px 12px;outline-color:#137b76;font-size:12px}#results{background:white;max-height:180px;overflow-y:auto;width:min(340px,100%);margin-top:4px;border-radius:14px;box-shadow:0 8px 24px #13294b18}#results button{display:block;width:100%;text-align:left;border:none;border-radius:0;border-bottom:1px solid #eef2f6}#views{position:absolute;right:10px;top:88px;display:flex;flex-direction:column;gap:6px}#views button{font-size:12px;min-width:40px;box-shadow:0 2px 6px #13294b08}#hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#4d6277;font-size:11px;pointer-events:none}#pin{position:absolute;width:18px;height:18px;border:3px solid white;border-radius:50%;background:#e45240;box-shadow:0 0 0 5px #e4524035,0 2px 8px #13294b55;transform:translate(-50%,-50%);pointer-events:none}#status:empty{display:none}#status{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px;border:2px solid #c8d9df;border-top-color:#137b76;border-radius:50%;animation:spin 1s linear infinite;font-size:0}#error{position:absolute;inset:30% 20px auto;background:white;text-align:center;border-radius:20px;padding:20px}#error p{font-size:14px}button:focus-visible{outline:3px solid #31b4a7;outline-offset:2px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}

#gesture-help{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:8px 13px;border:1px solid #d8e2e8;border-radius:14px;background:#fffffff0;box-shadow:0 2px 10px #13294b08;color:#314b60;font-size:12px;line-height:1.5;text-align:center;pointer-events:none;user-select:none}#hint{bottom:55px}button:disabled{opacity:.45;cursor:default}@media(max-width:600px){#gesture-help{font-size:11px;padding:7px 10px;max-width:calc(100% - 20px)}#hint{bottom:62px}}