.ss-locations{margin:24px 0;padding:22px;border:1px solid #80b3ae44;border-radius:20px;background:#08262ef2;color:#edf7f5}
.ss-locations h2{font-size:22px;font-weight:700;margin:0 0 9px}
.ss-location-intro{font-size:13px;line-height:1.65;color:#b4cecf;margin:10px 0 17px}
.ss-location-card{padding:18px;margin:14px 0;border:1px solid #8bc7b744;border-radius:15px;background:#10343b}
.ss-location-card h3{font-size:17px;font-weight:650;margin:0 0 9px}
.ss-location-saved,.ss-location-status{font-size:13px;line-height:1.6;margin:9px 0;color:#bdd8d6}
.ss-location-card label{display:block;font-size:13px;margin:15px 0}
.ss-location-card input{display:block;width:140px;max-width:100%;margin-top:7px;padding:10px 12px;border:1px solid #83b7ad88;border-radius:9px;background:#07252c;color:white;font-size:16px}
.ss-location-card button{min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid #98efce;background:#b1e8ce;color:#062a2b;font-size:14px;font-weight:700}
.ss-location-card button:disabled{opacity:.55}
.ss-locations{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#edf7f5}
.ss-locations>h2,.ss-locations>.ss-location-intro{display:none}
.ss-locations>.ss-location-trigger{min-height:38px;padding:8px 14px;border:1px solid #00c3ff55;border-radius:9px;background:#082630;color:#c6e9ee;font-size:12px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px #ffffff05}
.ss-locations>.ss-location-trigger:hover{border-color:#00c3ff;background:#0b3440}
.ss-locations>.ss-location-trigger:focus-visible{outline:2px solid #8adfdc;outline-offset:3px}
.ss-locations>.ss-location-card:not([open]){display:none}
.ss-locations>.ss-location-card{width:420px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:20px;border:1px solid #72b4b566;border-radius:16px;background:#0b2932;color:#edf7f5;box-shadow:0 20px 70px #0008}
.ss-location-card::backdrop{background:#00131bbd}
.ss-location-card h3{font-size:17px;margin:0 30px 13px 0}
.ss-location-card button.ss-location-dismiss{float:right;min-height:30px;width:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#bcd8dc;font-size:25px;line-height:1;cursor:pointer}
.ss-location-card .ss-location-status:empty{display:none}
@media(max-width:380px){.ss-locations{gap:7px}.ss-locations>.ss-location-trigger{padding:8px 10px;font-size:11px}}
.ss-locations{
 justify-content:center!important;
 gap:16px!important;
 width:100%;
 margin:2px 0!important
}
.ss-locations>.ss-location-trigger{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:8px;
 width:185px;
 max-width:calc(50% - 8px);
 min-height:82px;
 padding:12px 14px;
 border:1px solid #54d8ed;
 border-radius:14px;
 background:linear-gradient(145deg,#103a48,#07232f);
 color:#d3f8ff;
 box-shadow:0 0 7px #3bd7f044,0 0 20px #3bd7f019,inset 0 0 12px #3bd7f00a;
 transition:box-shadow .2s,border-color .2s,background .2s
}
.ss-locations>.ss-location-trigger[data-section="female"]{
 border-color:#e7a3e6;
 background:linear-gradient(145deg,#352c47,#152634);
 box-shadow:0 0 7px #e7a3e63b,0 0 20px #e7a3e616,inset 0 0 12px #e7a3e609;
 color:#ffe0fc
}
.ss-location-pin{
 display:block;
 width:23px;
 height:25px;
 filter:drop-shadow(0 0 5px #5eddf066)
}
.ss-location-trigger[data-section="female"] .ss-location-pin{
 filter:drop-shadow(0 0 5px #e7a3e666)
}
.ss-location-caption{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 font-size:12px;
 font-weight:650;
 line-height:1.3
}
.ss-location-gender{
 font-family:Arial,sans-serif;
 font-size:23px;
 font-weight:400;
 line-height:1
}
.ss-locations>.ss-location-trigger:hover{
 background:linear-gradient(145deg,#154957,#092e3b);
 box-shadow:0 0 11px #3bd7f066,0 0 24px #3bd7f027
}
.ss-locations>.ss-location-trigger[data-section="female"]:hover{
 background:linear-gradient(145deg,#443453,#1c2d3b);
 box-shadow:0 0 11px #e7a3e655,0 0 24px #e7a3e622
}
@media(max-width:400px){
 .ss-locations{gap:10px!important}
 .ss-locations>.ss-location-trigger{
  max-width:calc(50% - 5px);
  min-height:78px;
  padding:10px 7px
 }
 .ss-location-caption{font-size:11px;gap:5px}
}
.ss-location-shell{
 width:470px;max-width:calc(100vw - 28px);
 max-height:calc(100dvh - 40px);overflow:auto;
 margin:auto;padding:23px;border:1px solid #72b4b566;
 border-radius:20px;background:#082832;color:#edf7f5;
 box-shadow:0 24px 80px #0009
}
.ss-location-shell:not([open]){display:none}
.ss-location-shell::backdrop{background:#00131bbd}
.ss-location-shell-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ss-location-shell-header h2{margin:0;font-size:23px;font-weight:700}
.ss-location-shell-close{
 width:32px;height:32px;padding:0;border:0;border-radius:8px;
 background:transparent;color:#bdd7dc;font-size:28px;
 line-height:1;cursor:pointer
}
.ss-location-shell-description{font-size:13px;line-height:1.6;color:#b6ced0;margin:10px 0 22px}
.ss-location-shell-body>.ss-locations{margin:0!important;padding:0!important}
.ss-location-shell .ss-location-card{float:none}
@media(max-width:400px){.ss-location-shell{padding:19px}}