.conversion-result,.manual-coord-input,.popup-coordinates{font-family:var(--mono-font)}.controls-container{background:var(--btn);padding:calc(var(--space)*2);border-radius:15px;margin-bottom:calc(var(--space)*2)}.control-row{align-items:center;gap:calc(var(--space)*1.5);margin-bottom:calc(var(--space)*1.5);display:flex}.control-row:last-child{margin-bottom:0}.geolocate-button,.search-row{align-items:center;display:flex}.control-label{opacity:.8;min-width:140px;font-weight:500}:where(.coord-toggle,.ignore-chars-toggle,.search-mode-toggle){gap:var(--space);background:var(--bg);padding:calc(var(--space)*.5);border-radius:10px;display:flex}:where(.coord-toggle label,.ignore-chars-toggle label,.search-mode-toggle label){padding:calc(var(--space)*.5)calc(var(--space)*1.2);cursor:pointer;border-radius:8px;transition:background-color .2s}input[type=radio]{opacity:0;position:absolute}input[type=radio]:checked+label{background:var(--btn);font-weight:600}.search-row{gap:var(--space);width:100%}.search-input{min-width:0;padding:calc(var(--space)*1.2)calc(var(--space)*2);background:var(--bg);color:var(--fg);border:0;border-radius:20px;flex:1;font-size:1.1rem}:where(.manual-coord-input,.search-input):focus{outline:2px solid var(--fg);outline-offset:2px}.geolocate-button{height:45px;width:45px;min-width:45px;color:var(--fg);background-color:rgba(0,0,0,.2);background-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:50%;flex-shrink:0;justify-content:center;padding:0;font-size:1.3rem}.geolocate-button:hover{background-color:rgba(0,0,0,.3);background-color:color-mix(in srgb,currentColor 30%,transparent)}.data-container{min-height:150px;margin-bottom:calc(var(--space)*2)}.message-state{text-align:center;padding:calc(var(--space)*4);opacity:.7;font-size:1.1rem}.message-state.error{color:#e74c3c}.output-list{max-height:600px;padding:var(--space);overflow-y:auto}.output-line{align-items:center;gap:calc(var(--space)*1.2);padding:calc(var(--space)*1.2);background:var(--btn);cursor:pointer;border-radius:12px;margin-bottom:calc(var(--space)*.8);transition:background-color .2s,transform .1s;animation:.3s ease-out slideIn;display:flex}.output-line:hover{background:var(--btn-hover);transform:translateY(-1px)}.output-line:active{transform:translateY(0)}.point-name{flex-shrink:0;font-weight:600}.point-info{opacity:.7;flex:1;font-size:.95rem}.map-links{gap:calc(var(--space)*.5);flex-shrink:0;display:flex}.map-link{text-align:center;height:32px;width:32px;min-width:32px;color:var(--fg);background-color:rgba(0,0,0,.15);background-color:color-mix(in srgb,currentColor 15%,transparent);border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.map-link:hover{background-color:rgba(0,0,0,.25);background-color:color-mix(in srgb,currentColor 25%,transparent);transform:scale(1.1)}.action-buttons{gap:var(--space);flex-wrap:wrap;display:flex}.popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.popup-content{background:var(--bg);padding:calc(var(--space)*3);border-radius:20px;max-height:80vh;max-width:min(90vw,600px);position:relative;overflow-y:auto}.popup-header,.popup-map-links{margin-bottom:calc(var(--space)*2)}.popup-title{margin-bottom:calc(var(--space)*.5);font-size:1.8rem;font-weight:600}.popup-subtitle{opacity:.6;margin-bottom:calc(var(--space)*1.5);font-size:1rem}:where(.nearby-title,.popup-coordinates){opacity:.8;margin-bottom:calc(var(--space)*1.5)}.popup-coordinates{font-size:1.1rem;line-height:1.8}.popup-map-links .map-link{background:var(--btn);color:var(--fg)}.popup-map-links .map-link:hover{background:var(--btn-hover)}.popup-close-btn,.popup-back-btn{background:var(--btn);cursor:pointer;height:40px;width:40px;color:var(--fg);border:0;border-radius:50%;place-content:center;place-items:center;font-size:2rem;transition:background-color .2s;display:flex;position:absolute;top:calc(var(--space)*2)}.popup-close-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2)}.popup-close-btn:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2)}.popup-close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2)}.popup-back-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2)}.popup-back-btn:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2)}.popup-back-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2)}.popup-close-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2)}.popup-close-btn:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2)}.popup-close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2)}.popup-back-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2)}.popup-back-btn:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2)}.popup-back-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2)}.popup-back-btn{font-size:1.2rem}.popup-back-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2 + 50px)}.popup-back-btn:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2 + 50px)}.popup-back-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--space)*2 + 50px)}.popup-back-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2 + 50px)}.popup-back-btn:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2 + 50px)}.popup-back-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--space)*2 + 50px)}:where(.popup-back-btn,.popup-close-btn):hover{background:var(--btn-hover)}.nearby-section{margin-top:calc(var(--space)*3)}.nearby-title{font-size:1.3rem;font-weight:500}.nearby-list .output-line{padding:calc(var(--space)*1)}.nearby-distance{opacity:.7;flex-shrink:0;min-width:50px;font-weight:600}.no-results{opacity:.7;text-align:center;padding:calc(var(--space)*2)}.manual-coord-input{padding:calc(var(--space)*1)calc(var(--space)*1.5);background:var(--bg);color:var(--fg);border:0;border-radius:10px;width:200px}.conversion-result{font-size:1.1rem;font-weight:600}@media (max-width:425px){.control-row:not(.search-row){flex-direction:column;align-items:stretch}.control-label{min-width:auto;margin-bottom:calc(var(--space)*.5)}:where(.coord-toggle,.ignore-chars-toggle,.search-mode-toggle){justify-content:stretch;width:100%}:where(.coord-toggle label,.ignore-chars-toggle label,.search-mode-toggle label){text-align:center;flex:1}.popup-content{margin:var(--space);padding:calc(var(--space)*2)}.manual-coord-input{width:100%}.search-row{flex-direction:row!important}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{border:2px solid var(--btn);border-top-color:var(--fg);border-radius:50%;height:20px;width:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}:where(.output-list,.popup-content)::-webkit-scrollbar{width:8px}:where(.output-list,.popup-content)::-webkit-scrollbar-track{background:var(--btn);border-radius:4px}:where(.output-list,.popup-content)::-webkit-scrollbar-thumb{background:var(--fg);opacity:.3;border-radius:4px}:where(.output-list,.popup-content){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,currentColor 30%,transparent)var(--btn)}@media (min-width:1024px){.popup-content{max-width:min(90vw,1200px)}}