:root{
    --sky-deep:#0a1929; --sky-mid:#16324a; --sky-panel:#122a3f;
    --horizon:#ff8c42; --lift-strong:#e8552f; --lift-mid:#f2a341; --lift-weak:#3f7fa6; --sink:#2c5878;
    --paper:#ece5d6; --ink:#0d1a24; --ink-soft:#ece5d6; --ink-mid:#a8b8c2; --line:rgba(236,229,214,0.14);
    --good:#5fb489; --warn:#e8a83f; --bad:#e8836f;
  }
  body.theme-light{
    --sky-deep:#f3efe4; --sky-mid:#e9e2d1; --sky-panel:#ffffff;
    --paper:#17222c; --ink:#17222c; --ink-soft:#6c7680; --ink-mid:#4d5964; --line:rgba(23,34,44,0.13);
  }
  body.theme-light .weather-box .wsub{color:var(--ink-soft);}
  body.theme-light .day-tab{box-shadow:0 1px 3px rgba(0,0,0,0.06);}
  body.theme-light .flyscore, body.theme-light .class-select, body.theme-light .altitude-block,
  body.theme-light .weather-box, body.theme-light .spot, body.theme-light .air-item,
  body.theme-light .modal-card, body.theme-light .settings-panel{box-shadow:0 2px 10px rgba(22,33,44,0.06);}
  body{transition:background-color .2s ease, color .2s ease;}
  *{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;}
  body{margin:0;background:var(--sky-deep);color:var(--paper);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}
  .wrap{max-width:1180px;margin:0 auto;padding:clamp(14px,4vw,28px) clamp(14px,4vw,20px) 80px;}

  .banner{background:#3a2015;border:1px solid var(--bad);color:#f2c9bd;border-radius:12px;padding:14px 18px;margin-bottom:18px;font-size:13px;line-height:1.6;display:none;}
  .banner.show{display:block;}

  header.top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px;position:relative;}
  .brand{display:flex;align-items:center;gap:12px;}
  .brand-mark{width:38px;height:38px;border-radius:9px;flex:none;background:linear-gradient(155deg,var(--horizon),var(--lift-strong));display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono';font-weight:600;font-size:13px;color:var(--sky-deep);}
  .brand-name{font-family:'Space Grotesk';font-weight:700;font-size:clamp(17px,4vw,20px);letter-spacing:-0.01em;}
  .brand-tag{font-size:11.5px;color:var(--ink-soft);font-family:'IBM Plex Mono';margin-top:2px;}
  .top-right{display:flex;align-items:center;gap:10px;}
  .status-bar{font-size:12px;color:var(--ink-soft);font-family:'IBM Plex Mono';margin-bottom:16px;}
  .status-bar b{color:var(--paper);font-weight:500;}
  .userbox b{color:var(--paper);font-weight:500;}
  #dataStatus{display:inline-flex;align-items:center;gap:5px;}
  #dataStatus .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);}
  #dataStatus.live .dot{background:var(--good);}
  #dataStatus.mock .dot{background:var(--warn);}
  .gear-btn{width:38px;height:38px;flex:none;border-radius:9px;border:1px solid var(--line);background:var(--sky-panel);color:var(--paper);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:border-color .15s;}
  .gear-btn:hover,.gear-btn.active{border-color:var(--horizon);}
  .login-btn{height:38px;flex:none;border-radius:9px;border:1px solid var(--horizon);background:rgba(255,140,66,0.1);color:var(--horizon);cursor:pointer;font-family:'IBM Plex Mono';font-size:12.5px;padding:0 14px;transition:background .15s;}
  .login-btn:hover{background:rgba(255,140,66,0.22);}
  .avatar-btn{width:38px;height:38px;flex:none;border-radius:9px;border:1px solid var(--line);background:var(--horizon);color:var(--sky-deep);cursor:pointer;font-family:'Space Grotesk';font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;transition:border-color .15s;}
  .avatar-btn:hover{border-color:var(--paper);}
  .settings-panel{position:absolute;top:54px;right:0;z-index:20;width:280px;background:var(--sky-panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:none;box-shadow:0 18px 40px rgba(0,0,0,0.4);}
  .settings-panel.open{display:block;}
  .settings-panel .grp{margin-bottom:14px;}
  .settings-panel .grp:last-child{margin-bottom:0;}
  .settings-panel label{font-family:'IBM Plex Mono';font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);display:block;margin-bottom:7px;}
  .unit-row{display:flex;gap:6px;flex-wrap:wrap;}
  .unit-chip{font-family:'IBM Plex Mono';font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;transition:border-color .15s ease;}
  .unit-chip:hover,.unit-chip:active{border-color:var(--horizon);}
  .unit-chip.active{background:var(--horizon);border-color:var(--horizon);color:var(--sky-deep);font-weight:600;}
  .preset-row{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
  .preset-btn{font-size:11px;font-family:'Inter';padding:6px 10px;border-radius:7px;border:1px solid var(--horizon);background:rgba(255,140,66,0.1);color:var(--horizon);cursor:pointer;flex:1;min-width:80px;text-align:center;}
  .preset-btn.active{background:var(--horizon);color:var(--sky-deep);font-weight:700;box-shadow:0 0 0 2px rgba(255,140,66,0.35);}
  .preset-btn:hover{background:rgba(255,140,66,0.22);}

  .day-row{display:flex;gap:12px;align-items:stretch;margin-bottom:24px;}
  .day-tabs{flex:1;display:flex;gap:8px;overflow-x:auto;padding:6px 4px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .day-tabs::-webkit-scrollbar{display:none;}
  .day-tab{flex:none;min-width:72px;text-align:center;padding:9px 6px;border-radius:11px;border:1px solid var(--line);background:var(--sky-panel);cursor:pointer;transition:border-color .15s ease,background .15s ease;opacity:0.8;}
  .day-tab:hover,.day-tab:active{border-color:var(--horizon);opacity:1;}
  .day-tab .dname{font-size:10.5px;font-weight:600;color:var(--ink-mid);text-transform:uppercase;}
  .day-tab .ddate{font-family:'Space Grotesk';font-size:15px;font-weight:600;margin-top:2px;}
  .day-tab .dscore-bar{display:block;width:calc(100% - 14px);height:9px;border-radius:999px;margin:6px auto 0;}
  .day-tab.selected{opacity:1;border-color:var(--horizon);border-width:2px;background:rgba(255,140,66,0.14);box-shadow:0 3px 10px rgba(255,140,66,0.25);}
  .day-tab.selected .dname{color:var(--horizon);font-weight:700;}

  .weather-box{flex:none;width:190px;background:var(--sky-panel);border:1px solid var(--line);border-radius:14px;padding:10px 14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:border-color .15s;}
  .weather-box:hover{border-color:var(--horizon);}
  .weather-box .wtop{display:flex;align-items:center;gap:10px;}
  .weather-box .wicon{font-size:24px;line-height:1;}
  .weather-box .wtemp{font-family:'Space Grotesk';font-size:21px;font-weight:700;}
  .weather-box .wsub{font-size:11px;color:var(--ink-mid);margin-top:6px;line-height:1.5;}
  .eaqi-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 9px 4px 4px;border-radius:20px;background:rgba(255,255,255,0.06);cursor:pointer;font-family:'IBM Plex Mono';font-size:10.5px;color:var(--paper);}
  .eaqi-badge .eaqi-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#0a1929;flex:none;}
  @media(max-width:600px){
    .day-row{flex-direction:column;}
    .weather-box{width:100%;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;}
    .weather-box .wsub{margin-top:0;text-align:right;}
    .eaqi-badge{font-size:14px;padding:6px 14px 6px 6px;gap:9px;width:100%;justify-content:center;margin-top:10px;}
    .eaqi-badge .eaqi-dot{width:30px;height:30px;font-size:16px;}
  }

  .brief-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-bottom:34px;}
  .brief-hero>div{min-width:0;}
  @media(max-width:860px){.brief-hero{grid-template-columns:1fr;}}
  .flyscore{background:var(--sky-panel);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,4vw,26px) clamp(18px,4vw,28px);position:relative;overflow:hidden;}
  .flyscore .eyebrow{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--horizon);}
  .flyscore h1{font-family:'Space Grotesk';font-size:clamp(38px,9vw,52px);margin:10px 0 4px;font-weight:700;line-height:1;}
  .flyscore .sub{color:var(--ink-mid);font-weight:600;font-size:13.5px;margin-bottom:18px;}
  .score-bar{height:9px;border-radius:6px;background:linear-gradient(90deg,rgb(220,67,56) 0%,rgb(220,146,56) 20%,rgb(213,220,56) 40%,rgb(133,220,56) 60%,rgb(56,220,58) 80%,rgb(56,220,138) 100%);margin-bottom:16px;position:relative;}
  .score-bar i{position:absolute;top:-3px;width:3px;height:14px;border-radius:2px;background:#fff;box-shadow:0 0 0 1.5px rgba(10,20,30,0.55),0 1px 4px rgba(0,0,0,0.4);transition:left .25s ease;transform:translateX(-50%);}
  .hourly-timeline{display:flex;gap:7px;align-items:flex-end;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;user-select:none;cursor:grab;}
  .hourly-timeline.dragging{cursor:grabbing;}
  .hourly-timeline::-webkit-scrollbar{display:none;}
  .hourly-timeline .hcol{flex:none;width:40px;display:flex;flex-direction:column;align-items:center;gap:4px;}
  .hourly-timeline .hbar{width:100%;max-width:26px;border-radius:5px;transition:height .2s ease;}
  .hourly-timeline .hlabel{font-size:11px;font-weight:600;color:var(--ink-mid);}
  .hourly-timeline .hbase{font-size:10.5px;font-weight:600;color:var(--ink-mid);white-space:nowrap;}
  .hourly-timeline .hcol.past{opacity:0.45;}
  .hourly-timeline .hcol.now .hlabel{color:var(--horizon);font-weight:700;}
  .hourly-timeline .hcol.now .hbar{box-shadow:0 0 0 2px var(--horizon);}
  .mini-score-bar{height:8px;border-radius:6px;background:rgba(255,255,255,0.08);overflow:hidden;}
  .mini-score-bar i{display:block;height:100%;border-radius:6px;transition:width .25s ease;}
  .flyscore .meta{display:flex;gap:20px;font-size:12.5px;font-weight:600;color:var(--ink-mid);flex-wrap:wrap;}
  .flyscore .meta b{color:var(--paper);font-weight:500;display:flex;align-items:center;gap:5px;font-size:15px;margin-bottom:2px;}
  .wind-arrow{display:inline-flex;transition:transform .2s ease;}
  .class-select{background:var(--sky-panel);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,4vw,22px) clamp(16px,4vw,24px);}
  .class-select .eyebrow{font-family:'IBM Plex Mono';font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--horizon);margin-bottom:14px;}
  .chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
  .chip{font-size:13px;font-weight:600;padding:9px 14px;min-height:38px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--ink-mid);cursor:pointer;transition:all .15s ease;}
  .chip:hover{border-color:var(--horizon);color:var(--paper);}
  .chip.active{background:var(--horizon);border-color:var(--horizon);color:var(--sky-deep);font-weight:600;}
  .chip-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:4px;vertical-align:middle;}
  #typeRow .chip:hover{border-color:var(--lift-weak);}
  #typeRow .chip.active{background:var(--lift-weak);border-color:var(--lift-weak);color:#fff;}
  .site-select{display:flex;gap:10px;align-items:center;}
  .site-select select{flex:1;background:var(--sky-deep);border:1px solid var(--line);color:var(--paper);padding:11px 12px;border-radius:9px;font-family:'Inter';font-size:13.5px;min-height:40px;}
  .limits{margin-top:16px;font-size:12.5px;font-weight:600;color:var(--ink-mid);line-height:1.6;}
  .limits b{color:var(--paper);}
  .limits b{color:var(--paper);}
  .panel-title{font-family:'Space Grotesk';font-size:clamp(17px,4vw,19px);font-weight:600;margin:0 0 4px;}
  .panel-sub{color:var(--ink-soft);font-size:13px;margin-bottom:18px;}
  section{margin-bottom:36px;}
  .altitude-block{background:var(--sky-panel);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,4vw,26px) clamp(18px,4vw,28px);display:grid;grid-template-columns:190px 1fr;gap:22px;}
  @media(max-width:760px){.altitude-block{grid-template-columns:1fr;gap:14px;}}
  .alt-meta{font-size:14px;font-weight:600;color:var(--ink-mid);margin-bottom:14px;display:flex;gap:16px;flex-wrap:wrap;}
  .alt-meta b{color:var(--paper);font-weight:500;}
  #altSvgWrap svg{width:100%;height:auto;display:block;}
  .alt-legend{font-size:12.5px;font-weight:600;color:var(--ink-mid);display:flex;flex-direction:column;gap:8px;justify-content:center;}
  @media(max-width:760px){.alt-legend{flex-direction:row;flex-wrap:wrap;gap:8px 14px;}}
  .alt-legend .row{display:flex;align-items:center;gap:6px;}
  .swatch{width:10px;height:10px;border-radius:3px;flex:none;}
  .lower-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:22px;}
  @media(max-width:900px){.lower-grid{grid-template-columns:1fr;}}
  #map{height:420px;border-radius:16px;border:1px solid var(--line);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;}
  #map *{touch-action:none;}
  @media(max-width:600px){#map{height:300px;}}
  .spot-filter{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
  .spot-search{flex:1;min-width:120px;background:var(--sky-deep);border:1px solid var(--line);color:var(--paper);padding:9px 12px;border-radius:9px;font-size:13px;font-family:'Inter';}
  .region-chip{font-family:'IBM Plex Mono';font-size:11.5px;font-weight:600;padding:7px 11px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;transition:border-color .15s ease;}
  .region-chip:hover,.region-chip:active{border-color:var(--horizon);}
  .region-chip.active{background:var(--horizon);border-color:var(--horizon);color:var(--sky-deep);font-weight:600;}
  .spot-list{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow-y:auto;padding-right:4px;}
  .home-spot-picker{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;background:var(--sky-deep);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 16px 40px rgba(0,0,0,0.5);}
  .home-spot-picker.open{display:block;}
  .spot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;border:1px solid var(--line);background:var(--sky-deep);cursor:pointer;transition:border-color .15s ease;}
  .spot:hover,.spot:active{border-color:var(--horizon);}
  .spot.selected{border-color:var(--horizon);background:rgba(255,140,66,0.08);}
  .spot .name{font-size:13.5px;font-weight:500;}
  .spot .info{font-family:'IBM Plex Mono';font-size:11px;font-weight:600;color:var(--ink-soft);margin-top:3px;}
  .badge{font-family:'IBM Plex Mono';font-size:11px;padding:4px 9px;border-radius:20px;flex:none;}
  .badge.good{background:rgba(95,180,137,.16);color:var(--good);}
  .badge.warn{background:rgba(232,168,63,.16);color:var(--warn);}
  .badge.bad{background:rgba(217,97,74,.16);color:var(--bad);}
  .air-card{background:var(--sky-panel);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,4vw,22px) clamp(16px,4vw,24px);margin-top:22px;}
  .air-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;}
  @media(max-width:600px){.air-grid{grid-template-columns:repeat(2,1fr);}}
  .air-item{text-align:center;padding:14px 8px;background:var(--sky-deep);border-radius:11px;border:1px solid var(--line);}
  .air-item .val{font-family:'IBM Plex Mono';font-size:20px;font-weight:600;}
  .air-item .lbl{font-size:11px;color:var(--ink-soft);margin-top:4px;}
  @media(max-width:600px){
    body{font-size:15px;}
    .panel-sub, .limits, .auth-note{font-size:14.5px;}
    #specDesc, #specSource{font-size:15px !important;line-height:1.6;}
    .modal-card{padding:20px 18px;}
    .modal-card .mtitle h3{font-size:18px;}
    .spot .info, .cab-row .clbl, .cab-row .cval, .day-tab .dscore{font-size:12.5px;}
    .alt-meta{font-size:14px;}
    .spot .name{font-size:14.5px;}
    .userbox, .brand-tag{font-size:12.5px;}
    .chip{font-size:14px;}
    #altSvgWrap text{font-size:13px !important;}
  }
  .spot-details summary{list-style-position:outside;margin-bottom:4px;}
  .spot-details summary::-webkit-details-marker{color:var(--horizon);}
  .note{font-size:12px;color:var(--ink-mid);border-top:1px solid var(--line);margin-top:40px;padding-top:18px;line-height:1.7;}
  .note b{color:var(--paper);}
  .star-btn{background:none;border:none;cursor:pointer;font-size:15px;color:var(--ink-soft);flex:none;padding:2px 4px;line-height:1;}
  .star-btn.on{color:var(--horizon);}

  .modal-overlay{position:fixed;inset:0;background:rgba(10,25,41,0.75);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;}
  .modal-overlay.open{display:flex;}
  .modal-card{background:var(--sky-panel);border:1px solid var(--line);border-radius:16px;max-width:680px;width:100%;max-height:82vh;overflow:auto;padding:22px 24px;}
  .modal-card .mtitle{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px;position:sticky;top:0;z-index:2;background:var(--sky-panel);padding-bottom:10px;}
  .modal-card .mtitle h3{font-family:'Space Grotesk';font-size:19px;margin:0 0 3px;}
  .modal-card .mtitle .msub{color:var(--ink-mid);font-size:12.5px;}
  .modal-close{background:transparent;border:1px solid var(--line);color:var(--paper);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;flex:none;}
  .hourly-strip{display:flex;gap:2px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;}
  .hourly-strip .hcard{flex:none;width:64px;text-align:center;padding:10px 4px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;}
  .hourly-strip .hcard.now-hour{background:rgba(255,140,66,0.14);border:1px solid var(--horizon);}
  .hourly-strip .htime{font-size:11px;color:var(--ink-mid);}
  .hourly-strip .hicon{font-size:19px;}
  .hourly-strip .htemp{font-family:'Space Grotesk';font-size:14px;font-weight:600;}
  .hourly-strip .hwind{font-size:10.5px;color:var(--ink-mid);display:flex;flex-direction:column;align-items:center;gap:1px;}
  .hourly-strip .hprecip{font-size:10.5px;color:var(--ink-mid);min-height:12px;}
  .hourly-strip .hpressure{font-size:10px;color:var(--ink-mid);}
  .auth-tabs{display:flex;gap:6px;margin-bottom:16px;}
  .auth-tab{flex:1;padding:9px;text-align:center;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);font-family:'IBM Plex Mono';font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s ease;}
  .auth-tab:hover,.auth-tab:active{border-color:var(--horizon);}
  .auth-tab.active{background:var(--horizon);border-color:var(--horizon);color:var(--sky-deep);font-weight:600;}
  .auth-field{margin-bottom:12px;}
  .auth-field label{display:block;font-family:'IBM Plex Mono';font-size:10.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
  .auth-field input,.auth-field select{width:100%;background:var(--sky-deep);border:1px solid var(--line);color:var(--paper);padding:10px 12px;border-radius:9px;font-family:'Inter';font-size:13.5px;}
  .auth-field input:focus,.auth-field select:focus{outline:none;border-color:var(--horizon);}
  .auth-submit{width:100%;background:var(--horizon);border:none;color:var(--sky-deep);font-weight:600;padding:11px;border-radius:9px;cursor:pointer;font-size:13.5px;margin-top:4px;}
  .auth-submit:hover{opacity:.9;}
  .auth-note{font-size:11px;color:var(--ink-mid);margin-top:12px;line-height:1.6;}
  .auth-note b{color:var(--paper);font-weight:700;}
  .auth-error{color:var(--bad);font-size:12px;margin-bottom:10px;display:none;}
  .cab-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);}
  .cab-row:last-child{border-bottom:none;}
  .cab-row .clbl{font-size:12.5px;color:var(--ink-soft);}
  .cab-row .cval{font-family:'IBM Plex Mono';font-size:12.5px;}
  .cab-fav{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;}
  .cab-fav button{background:transparent;border:1px solid var(--line);color:var(--ink-soft);border-radius:7px;padding:4px 9px;cursor:pointer;font-size:11px;}
  .cab-logout{width:100%;background:transparent;border:1px solid var(--bad);color:var(--bad);padding:10px;border-radius:9px;cursor:pointer;font-size:12.5px;margin-top:16px;}
  /* Атрибуция карты — по умолчанию свёрнута в кружок с "i", разворачивается в исходный
     полный текст по клику. Leaflet сам переписывает innerHTML контейнера при смене слоёв
     (переключение Схема/Топо/Спутник) — поэтому состояние храним классом на самом
     контейнере, а не на вложенном элементе, который Leaflet может стереть. */
  .leaflet-control-attribution{background:rgba(10,25,41,0.72);color:#cbd6de;padding:4px 9px;border-radius:8px;font-family:'IBM Plex Mono';font-size:10.5px;cursor:pointer;box-shadow:none;}
  .leaflet-control-attribution a{color:#8fb8d6;}
  .leaflet-control-attribution.attr-collapsed{font-size:0;line-height:0;padding:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
  .leaflet-control-attribution.attr-collapsed::after{content:'i';font-size:12px;font-weight:700;line-height:1;color:#cbd6de;font-family:'IBM Plex Mono';}