:root{--zemin:#e9ecef;--yazi:#1d2327;--dugme:#ffffff;--kenar:#c9ced3;--vurgu:#0b5cad}
:root[data-tema="koyu"]{--zemin:#1f2124;--yazi:#eceff1;--dugme:#2b2e33;--kenar:#41464d;--vurgu:#8cc4ff}
html,body{margin:0;height:100%;background:var(--zemin);color:var(--yazi);font:14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden}
#harita{position:absolute;inset:0}
#yol{position:absolute;left:8px;bottom:30px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:calc(100% - 16px);padding:6px 8px;border-radius:8px;background:var(--dugme);border:1px solid var(--kenar);box-shadow:0 1px 4px rgba(0,0,0,.18)}
#yol[hidden]{display:none}
#yol span{font-weight:600;margin-right:2px}
#yol a{color:var(--vurgu);text-decoration:none;padding:4px 8px;border:1px solid var(--kenar);border-radius:6px;white-space:nowrap}
#yol a:hover,#yol a:focus-visible{text-decoration:underline}
.maplibregl-popup-content{color:#1d2327}
:root[data-tema="koyu"] .maplibregl-ctrl-attrib{background:rgba(31,33,36,.8)}
:root[data-tema="koyu"] .maplibregl-ctrl-attrib a{color:#d7dce0}