:root{--bg:#edf2f5;--fg:#17212b;--panel:#fff;--muted:#687681;--blue:#176fa8}html.dark{--bg:#0c1218;--fg:#edf4f8;--panel:#162029;--muted:#aab6bf;--blue:#58b5ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1400px;margin:auto}header{height:76px;padding:0 18px;display:flex;align-items:center;gap:14px}header b{font-size:30px}header i{font-style:normal;color:var(--blue)}header span{color:var(--muted);flex:1}header>button{border:0;background:var(--panel);border-radius:50%;width:44px;height:44px;font-size:19px}main{padding:0 18px}#wrap{position:relative;height:calc(100vh - 150px);min-height:530px;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0003}#map{position:absolute;inset:0}.search,.player{position:absolute;z-index:1000;display:flex;gap:7px}.search{top:12px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 80px))}.search form{display:flex;flex:1}.search input{flex:1;min-width:0;padding:11px;border:0;border-radius:9px 0 0 9px}.search button{border:0;padding:10px 14px;font-weight:700}.search form button{background:#176fa8;color:#fff;border-radius:0 9px 9px 0}.search>button{background:#fff;color:#17212b;border-radius:9px}.player{bottom:13px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 28px));align-items:center;background:#101820df;color:#fff;padding:9px;border-radius:12px}.player button{background:#ffffff18;color:#fff;border:0;border-radius:7px;width:38px;height:34px}.player input{flex:1;accent-color:#5ab9ef}.player span{font-size:13px;min-width:78px;text-align:right}.info{min-height:48px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.info a,footer a{color:var(--blue)}footer{text-align:center;padding:0 18px 20px;color:var(--muted);font-size:12px}@media(max-width:650px){header{height:65px}header b{font-size:24px}header span{display:none}#wrap{height:calc(100vh - 125px);min-height:490px}.search{left:12px;transform:none;width:calc(100% - 24px)}#home{font-size:0}#home:after{content:"⌂";font-size:18px}.info{padding:7px 0;align-items:flex-start;flex-direction:column}}
.opacity{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}
.opacity input{width:75px}
.home-marker{background:#fff;border:3px solid #176fa8;border-radius:50%;width:18px!important;height:18px!important;box-shadow:0 0 0 4px #fff8,0 2px 8px #0008}
html.dark .home-marker{background:#0d1720;border-color:#62c3ff;box-shadow:0 0 0 4px #0007,0 2px 8px #000}
@media(max-width:650px){.opacity{display:none}}

/* V3.1: unmistakable saved-location marker */
.mypoteau-pin-wrap{background:transparent!important;border:0!important}
.mypoteau-pin{
  position:relative;width:26px;height:26px;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);background:#fff;border:4px solid #176fa8;
  box-shadow:0 2px 8px rgba(0,0,0,.65);
}
.mypoteau-pin:after{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  background:#176fa8;left:50%;top:50%;transform:translate(-50%,-50%);
}
.mypoteau-pin-pulse{
  position:absolute;width:34px;height:34px;border:3px solid #176fa8;
  border-radius:50%;left:-4px;top:-4px;opacity:.65;
  animation:mpPulse 1.7s ease-out infinite;
}
@keyframes mpPulse{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.45);opacity:0}}

/* V3.2 permanent location dot */
.mypoteau-dot-wrap{background:transparent!important;border:0!important}
.mypoteau-dot{
 width:16px;height:16px;border-radius:50%;
 background:#176fa8;border:3px solid #fff;
 box-shadow:0 1px 5px rgba(0,0,0,.9),0 0 0 2px #176fa8;
}
html.dark .mypoteau-dot{background:#62c3ff;border-color:#101820;box-shadow:0 1px 5px #000,0 0 0 2px #62c3ff}