*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{overflow:hidden}.page-header{position:absolute;top:0;left:0;width:100%;padding:10px 20px;z-index:1000;background:linear-gradient(to right,rgba(176,232,249,.7),rgba(193,220,237,.6));backdrop-filter:blur(10px);box-shadow:0 2px 15px #00000026}.header-content{display:flex;align-items:center;max-width:1200px;margin:0 auto}.logo-container{margin-right:15px}.logo{height:36px;width:auto;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15));transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.page-header h1{margin:0;font-size:1.6rem;background:linear-gradient(to bottom,rgb(96,96,96),rgba(50,50,50,.9));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.map{width:100vw;height:100vh;position:absolute;top:0;left:0}.ol-zoom{top:auto!important;left:10px!important;bottom:60px!important;right:auto!important}.ol-zoom button{background-color:#fffc!important;border-radius:4px!important}.geohash-panel{position:absolute;top:80px;left:20px;width:400px;min-width:250px;min-height:200px;height:380px;padding:15px;background-color:#ffffffb3;backdrop-filter:blur(6px);border-radius:8px;box-shadow:0 4px 15px #0000001a;z-index:1000;resize:both;overflow:auto;display:flex;flex-direction:column}.panel-header{cursor:move;background-color:#4285f41a;padding:5px;margin:-15px -15px 10px;border-radius:8px 8px 0 0;text-align:center;font-weight:500;color:#333;user-select:none}#geohash-input{width:100%;height:80px;padding:10px;border:1px solid #ddd;border-radius:4px;resize:none;min-height:60px;margin-bottom:10px;font-size:14px;flex:1}#show-btn{width:100%;padding:10px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-self:flex-start;margin-bottom:10px}#show-btn:hover{background-color:#3367d6}#pickup-btn{padding:10px 20px;background-color:#34a853;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap;height:40px;display:flex;align-items:center;justify-content:center;min-width:120px;flex:1;margin-right:15px}#pickup-btn:hover{background-color:#2c8f42}#pickup-btn.active{background-color:#c1311e}.controls{width:100%;margin-bottom:10px}.pickup-precision-control{display:flex;justify-content:space-between;align-items:center;margin-top:10px;height:40px}.precision-control{display:flex;align-items:center;gap:8px;flex-shrink:0}.precision-control label{font-size:14px;white-space:nowrap;font-weight:500}#precision-input{width:60px;height:40px;padding:8px 6px;border:1px solid #ddd;border-radius:4px;font-size:14px;text-align:center;box-sizing:border-box}.secondary-controls{display:flex;gap:10px;margin-top:10px}.secondary-btn{flex:1;padding:8px;background-color:#9e9e9e;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.secondary-btn:hover{background-color:#757575}.info-panel{padding:10px;background-color:#f5f5f5cc;border-radius:4px;font-size:14px;margin-top:auto}#feature-info{color:#555}.copy-button{display:inline-block;margin-left:8px;padding:2px 6px;background-color:#4285f4;color:#fff;border:none;border-radius:3px;font-size:11px;cursor:pointer;transition:background-color .2s ease;vertical-align:middle}.copy-button:hover{background-color:#3367d6}.copy-button:active{background-color:#2c5ecd}.copy-button.copied{background-color:#34a853}.info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.info-text{flex:1}.selected-feature{opacity:.8}.error-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#f44336;color:#fff;padding:16px;border-radius:4px;box-shadow:0 4px 8px #0003;z-index:1500;transition:opacity .3s,transform .3s;min-width:300px}.error-content{display:flex;align-items:center;justify-content:space-between}#error-message{flex-grow:1}.close-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:10px}.hidden{display:none}@keyframes shake{0%{transform:translate(-50%) translate(0)}25%{transform:translate(-50%) translate(-10px)}50%{transform:translate(-50%) translate(10px)}75%{transform:translate(-50%) translate(-10px)}to{transform:translate(-50%) translate(0)}}.shake{animation:shake .5s}.layer-switcher{position:absolute;top:80px;right:20px;z-index:1000}.layer-switcher-button{background-color:#fffc;border:none;border-radius:4px;padding:8px 12px;font-weight:500;cursor:pointer;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center}.layer-switcher-button:hover{background-color:#ffffffe6}.layer-list{position:absolute;top:100%;right:0;margin-top:5px;background-color:#ffffffe6;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:10px 0;width:200px;backdrop-filter:blur(6px)}.layer-option{padding:8px 15px;cursor:pointer;transition:background-color .2s}.layer-option:hover{background-color:#4285f41a}.layer-option.active{background-color:#4285f433;font-weight:500}.page-footer{position:fixed;bottom:0;left:0;width:100%;background:rgba(255,255,255,.7);backdrop-filter:blur(5px);padding:4px 20px;font-size:.75rem;color:#555;text-align:center;z-index:900;height:40px;display:flex;align-items:center;justify-content:center}.footer-content{max-width:1200px;margin:0 auto}.footer-content p{margin:2px 0;display:inline-block}.footer-content p:first-child{margin-right:15px}@media (max-height: 700px){.page-footer{display:none}}@media (max-width: 768px){.geohash-panel{width:90%;left:5%;height:auto}.layer-switcher{top:130px}}