body{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.leaflet-popup-content-wrapper{padding:0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.leaflet-popup-content{margin:0;min-width:200px;padding:16px;font-size:14px;line-height:1.6}.popup-header{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #667eea}.popup-field{margin:6px 0;color:#555}.popup-label{font-weight:500;color:#666}.popup-link{display:inline-block;margin-top:10px;padding:6px 12px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff!important;text-decoration:none;border-radius:4px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s}.popup-link:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,.4)}.leaflet-popup-tip{background:#fff}@font-face{font-family:M12Font;src:url('/m12.TTF') format('truetype')}.grid-radio-font{font-family:M12Font,sans-serif}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);position:absolute;top:0;left:0;z-index:1000;text-align:center;color:#fff}.loading-screen h1{font-size:2em;margin-bottom:20px}.loading-screen p{margin-top:10px;font-size:1.2em}.loading-screen .btn{margin:5px;min-width:200px;box-shadow:0 2px 3px rgba(0,0,0,.1);transition:all .3s ease}.loading-screen .btn:hover{transform:translateY(-1px);box-shadow:0 3px 5px rgba(0,0,0,.15)}.content{display:none;text-align:center;margin-top:20px;max-width:600px;width:100%;padding:20px}@media (min-width:992px){.content{max-width:1200px}.cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}}@media (min-width:1400px){.content{max-width:1400px}.cards-container{grid-template-columns:repeat(3,1fr)}}.content h3{color:#fff;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.card{margin-top:20px;position:relative;border:none;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:all .3s ease;background:#fff}@media (min-width:992px){.cards-container .card{margin-top:0}}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.card-title{color:#667eea;font-weight:600;font-size:1.2em}.card-body{padding-right:60px}.card-text{font-size:1.4em;font-weight:500;color:#333;word-wrap:break-word;overflow-wrap:break-word}.alert{margin-top:20px;display:none;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.copy-icon-container,.edit-icon-container{position:absolute;top:0;bottom:0;width:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.copy-icon-container{border-radius:0 15px 15px 0}.copy-icon-container:hover,.edit-icon-container:hover{background:linear-gradient(135deg,rgba(102,126,234,.15) 0,rgba(118,75,162,.15) 100%)}.copy-icon-container:active,.edit-icon-container:active{background:linear-gradient(135deg,rgba(102,126,234,.25) 0,rgba(118,75,162,.25) 100%)}.edit-icon-container{right:50px}.copy-icon-container{right:0}.copy-icon,.edit-icon{font-size:20px}.copied-popup,.failed-popup{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:3px;font-size:14px;display:none;z-index:10}.copied-popup{background-color:#28a745;color:#fff}.failed-popup{background-color:#dc3545;color:#fff}.vertical-separator{border-left:1px solid #ddd;height:100%;position:absolute;top:0}.vertical-separator-right{right:50px}.vertical-separator-left{right:50px}#map{height:400px;width:100%;margin-top:20px;display:none;position:relative;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}@media (min-width:992px){#map{height:600px}}@media (min-width:1400px){#map{height:800px}}@media (max-width:991px){#map .leaflet-top.leaflet-left{display:grid;grid-template-columns:36px 36px;gap:4px;width:76px;margin-left:10px!important;padding-left:0!important}#map .leaflet-top.leaflet-left .leaflet-control-fullscreen,#map .leaflet-top.leaflet-left .leaflet-control-zoom{grid-column:1/-1;margin-bottom:8px;margin-left:0!important;border:none;box-shadow:none;display:flex;flex-direction:column;gap:0}#map .leaflet-top.leaflet-left .leaflet-control-fullscreen a,#map .leaflet-top.leaflet-left .leaflet-control-zoom a{width:36px;height:36px;line-height:36px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.3);border:none;margin-bottom:4px}#map .leaflet-top.leaflet-left .leaflet-control-fullscreen a{background-size:26px 52px!important;background-position:center 5px!important;background-repeat:no-repeat!important}#map .leaflet-top.leaflet-left .leaflet-control-fullscreen a.leaflet-fullscreen-on{background-position:center -21px!important}#map .leaflet-top.leaflet-left .leaflet-control-fullscreen a:last-child,#map .leaflet-top.leaflet-left .leaflet-control-zoom a:last-child{margin-bottom:0}#map .leaflet-top.leaflet-left .leaflet-bar.easy-button-container{margin:0!important;border:none;width:36px;height:36px}#map .leaflet-top.leaflet-left .leaflet-bar.easy-button-container button{border-radius:4px;margin:0;width:36px;height:36px;padding:6px}#map .leaflet-top.leaflet-left .leaflet-bar.easy-button-container button svg{width:100%;height:100%;display:block}#map .leaflet-top.leaflet-left .leaflet-bar button:first-of-type,#map .leaflet-top.leaflet-left .leaflet-bar button:last-of-type{border-radius:4px}}footer{margin-top:20px;text-align:center;width:100%;margin-bottom:40px;color:#fff}footer a{color:#fff;text-decoration:underline}.footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.high-contrast{background-color:#000!important;color:#ff0!important}.high-contrast .card{background-color:#333!important;color:#ff0!important}.high-contrast .card-text{font-size:1.5em!important;color:#ff0!important}.high-contrast .card-title{color:#ff0!important}.high-contrast h3,.high-contrast h5,.high-contrast p,.high-contrast small{color:#ff0!important}.high-contrast .btn-primary,.high-contrast .btn-secondary{color:#ff0!important}.high-contrast .btn-outline-primary,.high-contrast .btn-outline-secondary{color:#ff0!important;border-color:#ff0!important}.high-contrast .btn-outline-primary:hover,.high-contrast .btn-outline-secondary:hover{background-color:#ff0!important;color:#000!important}.high-contrast .location-info{color:#ff0!important}.high-contrast .map-checkbox-card{background-color:#333;color:#ff0;border-color:#555;border-radius:3px;padding:5px}.toggle-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.toggle-buttons .btn{border-radius:25px;padding:12px 24px;font-weight:600;font-size:.95rem;box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.3);transition:all .3s ease;border:2px solid rgba(255,255,255,.5);min-width:160px}.toggle-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 0 4px rgba(255,255,255,.4);border-color:rgba(255,255,255,.7)}.toggle-buttons .btn:active{transform:translateY(0);box-shadow:0 4px 10px rgba(0,0,0,.2),0 0 0 2px rgba(255,255,255,.3)}.btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5568d3 0,#6a4190 100%)}.btn-secondary{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#df7ee9 0,#e04659 100%)}.btn-high-contrast{background-color:#ff0;color:#000}.btn-info{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%);border:none;border-radius:25px;padding:10px 20px;font-weight:600;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(79,172,254,.4);background:linear-gradient(135deg,#3f9ce8 0,#00d9e8 100%)}.btn-info:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:576px){.copy-icon-container,.edit-icon-container{width:30px}.edit-icon-container{right:30px}.vertical-separator-left{right:30px}.content{padding:10px}.toggle-buttons{flex-direction:column}.toggle-buttons .btn{width:100%}}#maidenhead-locator-input{width:110px;display:inline-block;text-align:center;margin:0 auto}#latitude-input,#longitude-input{width:110px;display:inline-block;text-align:center;margin:0 5px}.latitude-longitude-inputs{display:flex;justify-content:center;align-items:center;margin-top:10px}.dms-inputs{margin-top:10px;padding:10px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:10px;border:1px solid rgba(102,126,234,.2)}.dms-row{display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:8px}.dms-row:last-child{margin-bottom:0}.dms-row label{font-weight:600;color:#667eea;min-width:35px;text-align:right;margin-right:5px}.dms-input{width:60px!important;padding:6px 8px!important;font-size:.9em!important;text-align:center;border:1px solid #ccc;border-radius:6px}.dms-input:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2);outline:0}.dms-dir{width:50px!important;padding:6px 4px!important;font-size:.9em!important;text-align:center;border:1px solid #ccc;border-radius:6px}.dms-dir:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2);outline:0}.os-grid-input-container{margin-top:10px;padding:10px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:10px;border:1px solid rgba(102,126,234,.2)}.os-grid-input-container input{width:100%;padding:10px 12px;font-size:1em;text-align:center;border:1px solid #ccc;border-radius:6px;text-transform:uppercase}.os-grid-input-container input:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2);outline:0}.os-grid-input-container .text-muted{display:block;margin-top:5px;font-size:.8em}.high-contrast .dms-inputs,.high-contrast .os-grid-input-container{background:#333;border-color:#555}.high-contrast .dms-row label{color:#ff0}.high-contrast .dms-dir,.high-contrast .dms-input,.high-contrast .os-grid-input-container input{background:#222;color:#ff0;border-color:#555}.high-contrast .dms-dir:focus,.high-contrast .dms-input:focus,.high-contrast .os-grid-input-container input:focus{border-color:#ff0}.high-contrast .os-grid-input-container .text-muted{color:#ff0!important}@media (max-width:576px){.dms-row{flex-wrap:wrap;gap:4px}.dms-row label{min-width:30px;font-size:.85em}.dms-input{width:50px!important;padding:5px 4px!important;font-size:.85em!important}.dms-dir{width:40px!important;padding:5px 2px!important;font-size:.85em!important}}.toggle-maidenhead-container{display:none;justify-content:center;margin-top:10px}.kofi-widget{margin-top:10px}.copy-location-button-container{position:relative;display:flex;justify-content:center;margin-top:20px}.copy-location-button{border-radius:25px;padding:12px 24px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.3);transition:all .3s ease;border:2px solid rgba(255,255,255,.5)}.copy-location-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 0 4px rgba(255,255,255,.4);border-color:rgba(255,255,255,.7)}.copy-location-button:active{transform:translateY(0);box-shadow:0 4px 10px rgba(0,0,0,.2),0 0 0 2px rgba(255,255,255,.3)}.copy-location-popup{background-color:#28a745;color:#fff;padding:5px 10px;border-radius:3px;font-size:14px;display:none;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);z-index:10}.nav-app-button-container{display:flex;justify-content:center;margin-top:10px;gap:10px;flex-wrap:wrap}.nav-app-button{display:none;border-radius:25px;padding:12px 24px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.3);transition:all .3s ease;border:2px solid rgba(255,255,255,.5)}.nav-app-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 0 4px rgba(255,255,255,.4);border-color:rgba(255,255,255,.7)}.nav-app-button:active{transform:translateY(0);box-shadow:0 4px 10px rgba(0,0,0,.2),0 0 0 2px rgba(255,255,255,.3)}.clock-card{margin-top:20px;position:relative}.clock-card .card-body{display:flex;justify-content:center;align-items:center;flex-direction:column}.clock-card h5{font-size:1.2em}.clock-card p{font-size:1em}.spinner-border{width:3rem;height:3rem;border-width:.3em}.nearest-locations-body{padding-right:60px}.nearest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.nearest-grid-item{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:10px;padding:12px;text-align:center;font-size:.9em;min-height:120px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.nearest-grid-item:hover{border-color:rgba(102,126,234,.4);box-shadow:0 2px 8px rgba(102,126,234,.15)}.high-contrast .nearest-grid-item{background:#333;border-color:#555}.reference-lookup-body{padding-right:20px}.reference-lookup-description{font-size:.85em;color:#666;margin-bottom:16px;line-height:1.4}.high-contrast .reference-lookup-description{color:#ff0}.reference-lookup-input-container{display:flex;gap:10px;margin-bottom:16px;align-items:stretch}.autocomplete-wrapper{position:relative;flex:1}.reference-lookup-input{width:100%;padding:12px 16px;font-size:1em;border:2px solid #e0e0e0;border-radius:10px;transition:all .3s ease}.reference-lookup-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2);outline:0}.reference-lookup-btn{padding:12px 20px;font-size:1em;font-weight:600;border-radius:10px;white-space:nowrap;display:flex;align-items:center;gap:8px}.lookup-btn-icon{font-size:1.1em}@media (max-width:576px){.reference-lookup-input-container{flex-direction:column}.reference-lookup-btn{width:100%;justify-content:center}.lookup-btn-text{display:inline}}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 10px 10px;max-height:300px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.autocomplete-dropdown.active{display:block}.autocomplete-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #eee;transition:background .2s ease}.autocomplete-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.autocomplete-item.selected,.autocomplete-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.1) 0,rgba(118,75,162,.1) 100%)}.autocomplete-item-reference{font-weight:600;color:#667eea;font-size:.95em}.autocomplete-item-name{color:#555;font-size:.85em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-item-type{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75em;font-weight:500;margin-left:8px;text-transform:uppercase}.autocomplete-item-type.pota{background:#28a745;color:#fff}.autocomplete-item-type.bota{background:#6c757d;color:#fff}.autocomplete-item-type.sota{background:#fd7e14;color:#fff}.autocomplete-item-type.wwff{background:#228b22;color:#fff}.autocomplete-item-type.iota{background:#00d2ff;color:#fff}.autocomplete-item-type.wca{background:#8b4513;color:#fff}.autocomplete-loading{padding:16px;text-align:center;color:#666}.autocomplete-no-results{padding:16px;text-align:center;color:#999;font-style:italic}.high-contrast .autocomplete-dropdown{background:#333;border-color:#ff0}.high-contrast .autocomplete-item{border-color:#555}.high-contrast .autocomplete-item.selected,.high-contrast .autocomplete-item:hover{background:#444}.high-contrast .autocomplete-item-reference{color:#ff0}.high-contrast .autocomplete-item-name{color:#ff0}.reference-lookup-result{display:none;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:10px;padding:16px;margin-top:12px;border:1px solid rgba(102,126,234,.2)}.reference-lookup-result.active{display:block}.high-contrast .reference-lookup-result{background:#333;border-color:#555}.search-results-container{width:100%}.search-result-item{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;border:1px solid rgba(0,0,0,.1);transition:all .2s ease}.search-result-item:hover{border-color:rgba(102,126,234,.5);box-shadow:0 2px 8px rgba(102,126,234,.15)}.search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.search-result-reference{font-weight:700;color:#2c3e50;font-size:1em}.search-result-type{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.search-result-type.pota{background:rgba(17,153,142,.15);color:#11998e}.search-result-type.bota{background:rgba(238,9,121,.15);color:#c00753}.search-result-type.sota{background:rgba(245,87,108,.15);color:#d6365b}.search-result-type.wwff{background:rgba(79,172,254,.15);color:#3a8bc4}.search-result-type.iota{background:rgba(0,210,255,.15);color:#00a8cc}.search-result-type.wca{background:rgba(139,69,19,.15);color:#8b4513}.search-result-name{color:#555;margin-bottom:10px;font-size:.9em}.search-result-actions{display:flex;gap:8px;justify-content:flex-start}.search-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.search-page-indicator{font-size:.9em;color:#666;font-weight:500}.high-contrast .search-result-item{background:#222;border-color:#555}.high-contrast .search-result-item:hover{border-color:#ff0}.high-contrast .search-result-reference{color:#fff}.high-contrast .search-result-name{color:#ccc}.high-contrast .search-pagination{border-top-color:#555}.high-contrast .search-page-indicator{color:#ccc}