html,body{margin:0;padding:0;height:100%;background-color:#0d0c33}body{min-height:100vh;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat}body:after{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,transparent 40%,#0d0c33 85%);pointer-events:none;z-index:0}#app{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.card{font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;color:#fff!important}.icon{font-size:3rem!important;line-height:1!important;display:inline-block}.card-link{cursor:pointer;transition:transform .15s ease,filter .15s ease}.card-link:hover,.card-link:focus-visible{transform:translateY(-2px);filter:brightness(1.15)}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode .card{border:none}.bg-primary{background-color:#0d3b66!important;color:#fff!important}.bg-warning{background-color:#b07d3b!important;color:#fff!important}.bg-danger{background-color:#922b21!important;color:#fff!important}.bg-success{background-color:#276749!important;color:#fff!important}.bg-info{background-color:#1a365d!important;color:#fff!important}.bg-secondary{background-color:#4a5568!important;color:#fff!important}.bg-light{background-color:#f5f5f5!important;color:#000!important}body.dark-mode .bg-primary{background-color:#1f3b73!important}body.dark-mode .bg-warning{background-color:#b38600!important}body.dark-mode .bg-danger{background-color:#c53030!important}body.dark-mode .bg-success{background-color:#2f855a!important}body.dark-mode .bg-info{background-color:#2b6cb0!important}body.dark-mode .bg-secondary{background-color:#4a5568!important}body.dark-mode .bg-light{background-color:#2d3748!important;color:#fff!important}.geo-footer{text-align:left;padding:12px 0;font-family:Courier New,Courier,monospace;font-size:12px;color:#e0e0e0}.geo-footer a{color:#e0e0e0;text-decoration:none}.geo-footer a:hover{color:#fff}:root{--geo-bg: #141414;--geo-border: #2a2a2a;--geo-green: #00ff87;--geo-dim: #888;--geo-text: #e0e0e0;--geo-active: #1a2e22;--geo-hover: #181818;--geo-font: "Courier New", Courier, monospace}.geocoder-wrap{position:relative}.geocoder-header{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;border:1px solid var(--geo-border);background:var(--geo-bg);padding:10px 14px}.geocoder-prompt{color:var(--geo-green);font-family:var(--geo-font);font-size:16px;-webkit-user-select:none;user-select:none}#geocoder-input{flex:1;background:transparent;border:none;outline:none;color:var(--geo-green);font-family:var(--geo-font);font-size:14px;caret-color:var(--geo-green);width:100%}#geocoder-input::placeholder{color:var(--geo-dim)}#geocoder-results{position:absolute;left:0;right:0;z-index:100;list-style:none;margin:0;padding:0;background:var(--geo-bg);border-left:1px solid var(--geo-border);border-right:1px solid var(--geo-border);max-height:320px;overflow-y:auto;scroll-behavior:smooth}#geocoder-results:empty{border:none}#geocoder-results li{padding:7px 14px;cursor:pointer;border-bottom:1px solid var(--geo-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--geo-text);font-family:var(--geo-font);font-size:14px}@media(max-width:480px){#geocoder-results li{white-space:normal;overflow:visible;text-overflow:unset;font-size:13px}}#geocoder-results li:hover{background:var(--geo-hover)}#geocoder-results li.active{background:var(--geo-active);color:var(--geo-green)}.geo-meta{color:var(--geo-dim);font-size:12px}#geocoder-results li.active .geo-meta{color:#5dbb8a}#geocoder-results::-webkit-scrollbar{width:6px}#geocoder-results::-webkit-scrollbar-track{background:#0d0d0d}#geocoder-results::-webkit-scrollbar-thumb{background:var(--geo-border)}#geocoder-save{background:transparent;border:1px solid var(--geo-border);color:var(--geo-dim);cursor:pointer;font-size:14px;padding:2px 7px;line-height:1.4;flex-shrink:0;transition:color .2s,border-color .2s}#geocoder-save:hover,#geocoder-save.saved{color:var(--geo-green);border-color:var(--geo-green)}#geocoder-saved-label{color:var(--geo-dim);font-family:var(--geo-font);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media(max-width:480px){#geocoder-saved-label{flex-basis:100%;max-width:100%;padding-left:22px}}