/* Astrolinia Engine — integrated, single-line desktop header (17 Oct 2026).
   Every field remains a real GET form. No duplicate controls below the bar. */
.ae-topbar{
  display:grid;
  grid-template-columns: minmax(215px, 293px) minmax(166px, 1fr) auto auto;
  align-items:center;
  gap:clamp(6px, .7vw, 15px);
  padding:0 clamp(12px,1.25vw,25px);
  min-width:0;
  width:100%;
  background:linear-gradient(110deg,#fff 15%,#fff9fc 100%);
  position:relative;
}
.ae-brand--above-menu{
  width:100%;height:100%;min-height:0;
  padding:3px 0;justify-content:flex-start;border:0;
  background:transparent;min-width:0;
}
.ae-brand__logo--full{
  width:100%;max-width:293px;height:auto;
  max-height:min(92px,calc(8.7dvh - 6px));
  object-fit:contain;object-position:left center;
  mix-blend-mode:normal;
}
.ae-mode{
  justify-self:center;display:inline-flex;align-items:center;
  min-width:max-content;border-radius:28px;
  padding:4px;gap:2px;margin:0;
}
.ae-mode a{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px clamp(11px,1.05vw,18px);
  font:normal 14px/1.2 Georgia,"Times New Roman",serif;
  border-radius:24px;
}
.ae-mode__icon{color:#b17c60;font:20px/1 Georgia,serif}
.ae-mode a.is-active .ae-mode__icon{color:#f6c98c}
.ae-settings.ae-settings--topbar,
.ae-app--overview .ae-settings.ae-settings--topbar{
  display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-end;
  flex:0 1 auto;min-height:0;height:auto;max-height:none;
  margin:0;padding:0;border:0;gap:clamp(5px,.55vw,11px);
  background:transparent;box-shadow:none;
  position:static;overflow:visible;
}
.ae-settings--topbar .ae-field{
  display:grid;gap:4px;min-width:0;
  flex:0 0 135px;max-width:none;
}
.ae-settings--topbar .ae-field--time{flex-basis:94px}
.ae-settings--topbar .ae-field--place{flex-basis:161px}
.ae-settings--topbar .ae-field span{
  font:normal 12px/1 Georgia,serif;
  text-transform:none;letter-spacing:0;color:#784266;
}
.ae-settings--topbar .ae-field input,
.ae-settings--topbar .ae-field select,
.ae-app--overview .ae-settings--topbar .ae-field input,
.ae-app--overview .ae-settings--topbar .ae-field select{
  height:36px;min-height:0;min-width:0;
  width:100%;padding:4px 7px;border:1px solid #e5d4df;
  border-radius:8px;background:#fffafc;color:#572849;
  font:12px/1.15 "Segoe UI",sans-serif;
}
.ae-settings--topbar .ae-apply,
.ae-app--overview .ae-settings--topbar .ae-apply{
  align-self:flex-end;flex:0 0 auto;
  border-radius:22px;height:36px;padding:0 13px;
  font:normal 13px Georgia,serif;
  background:linear-gradient(135deg,#7f3068,#4c1844);
}
.ae-advanced.ae-advanced--popover{
  flex:0 0 auto;width:36px;margin:0;position:relative;
  align-self:flex-end;z-index:30;
}
.ae-advanced--popover>summary{
  display:grid;place-items:center;
  height:36px;width:36px;margin:0;border:1px solid #e6d2df;
  border-radius:9px;background:#fff8fc;color:#77335c;
  list-style:none;cursor:pointer;
}
.ae-advanced--popover>summary::-webkit-details-marker{display:none}
.ae-advanced--popover>summary span{margin:0;font-size:22px;line-height:1}
.ae-advanced--popover[open]>summary{background:#f5e5ef;border-color:#bd88a6}
.ae-advanced--popover .ae-advanced__content{
  display:flex;flex-wrap:wrap;align-items:end;gap:12px;
  position:absolute;right:0;top:calc(100% + 8px);
  width:min(380px,calc(100vw - 25px));z-index:60;
  margin:0;padding:16px;border-radius:13px;
  background:#fffdfd;border:1px solid #e5cdda;
  box-shadow:0 15px 44px #3d163d4d;
}
.ae-advanced--popover .ae-advanced__content>strong{
  width:100%;color:#692e55;font:normal 18px Georgia,serif;
}
.ae-advanced--popover .ae-advanced__content>p{font-size:12px;line-height:1.45;flex:1 1 200px}
.ae-topbar:has(.ae-advanced--popover[open]){z-index:1050}
.ae-login{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  height:36px;white-space:nowrap;border-radius:22px;
  padding:0 clamp(10px,.9vw,15px);text-decoration:none;
  background:#fff6fa;color:#67234f;border:1px solid #bc8da8;
  font:normal 13px Georgia,serif;
}
.ae-login:hover{background:#f6e6f0;color:#4b163a}
.ae-login span{color:#a66a8b;font-size:14px}
.ae-app--overview .ae-main{height:100%}
@media(min-width:1060px){
  .ae-content{display:grid;grid-template-rows:minmax(0,1fr)}
  .ae-main{min-height:0;height:100%;overflow-y:auto}
  .ae-app--overview .ae-main{overflow:hidden}
}
@media(min-width:1060px) and (max-width:1480px){
  .ae-topbar{grid-template-columns:minmax(185px,232px) minmax(166px,1fr) auto auto}
  .ae-brand__logo--full{max-width:230px}
  .ae-mode a{font-size:13px;padding:10px 10px}
  .ae-settings--topbar .ae-field{flex-basis:117px}
  .ae-settings--topbar .ae-field--time{flex-basis:88px}
  .ae-settings--topbar .ae-field--place{flex-basis:136px}
  .ae-settings--topbar .ae-field span{font-size:11px}
  .ae-settings--topbar .ae-apply{padding:0 11px}
}
@media(min-width:1060px) and (max-width:1190px){
  .ae-topbar{grid-template-columns:minmax(174px,190px) minmax(148px,1fr) auto auto;gap:5px;padding:0 9px}
  .ae-brand__logo--full{max-width:190px}
  .ae-mode a{font-size:12px;gap:3px;padding:9px 7px}
  .ae-mode__icon{font-size:17px}
  .ae-settings--topbar{gap:5px!important}
  .ae-settings--topbar .ae-field{flex-basis:108px}
  .ae-settings--topbar .ae-field--time{flex-basis:82px}
  .ae-settings--topbar .ae-field--place{flex-basis:116px}
  .ae-settings--topbar .ae-field input,
  .ae-settings--topbar .ae-field select{font-size:11px;padding:4px}
  .ae-settings--topbar .ae-apply{padding:0 9px!important;font-size:12px}
  .ae-advanced--popover,.ae-advanced--popover>summary{width:31px}
  .ae-login{padding:0 8px;font-size:12px}
}
@media(max-width:1059px){
  .ae-topbar{display:flex;flex-wrap:wrap;min-height:0;height:auto;padding:8px 12px;gap:9px}
  .ae-brand--above-menu{width:min(260px,46vw);height:auto;padding:2px}
  .ae-brand__logo--full{width:100%;max-width:250px;max-height:80px}
  .ae-mode{margin-left:auto}
  .ae-mode a{font-size:12px;padding:9px 11px}
  .ae-settings.ae-settings--topbar{order:3;flex:1 1 100%;justify-content:center;flex-wrap:wrap}
  .ae-settings--topbar .ae-field{flex-basis:130px}
  .ae-settings--topbar .ae-field--place{flex-basis:155px}
  .ae-login{order:2}
}
@media(max-width:620px){
  .ae-mode{flex:1 0 auto;justify-content:center}
  .ae-login{margin-left:auto}
  .ae-settings.ae-settings--topbar{justify-content:flex-start}
  .ae-settings--topbar .ae-field{flex:1 1 130px}
  .ae-settings--topbar .ae-field--time{flex:1 1 92px}
  .ae-settings--topbar .ae-field--place{flex:1 1 155px}
}

/* Visual simplicity without losing form accessibility/keyboard operation. */
.ae-settings__sr-submit{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
.ae-settings__sr-submit:focus-visible{
  position:fixed!important;top:7px!important;right:10px!important;
  width:auto!important;height:40px!important;margin:0!important;padding:0 14px!important;
  clip-path:none!important;overflow:visible!important;z-index:1400!important;
  background:#63214d;color:white;border-radius:20px!important;
}
.ae-login{
  min-width:clamp(126px,10vw,165px);
  padding:0 clamp(15px,1.35vw,23px);
  background:linear-gradient(135deg,#813268,#4b1d47);color:#fffaf8;
  border-color:#79375e;box-shadow:0 3px 13px #63214d2b;
}
.ae-login span{color:#eec79f}
.ae-login:hover{background:linear-gradient(135deg,#943f76,#603056);color:#fff}
@media(min-width:1060px) and (max-width:1190px){
  .ae-login{min-width:116px;padding:0 10px}
}
@media(max-width:620px){.ae-login{min-width:120px}}

/* V5 — compact, live Warsaw clock with an optional Pro historical instant. */
.ae-clock{
  display:flex;flex-direction:column;justify-content:center;
  min-width:0;max-width:440px;gap:5px;padding:2px 0;
  color:#602946;white-space:nowrap;
}
.ae-clock__primary{display:flex;align-items:center;gap:clamp(7px,.75vw,14px);min-width:0}
.ae-clock__details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}
.ae-clock__label{flex:0 0 auto;color:#7d486a;font:600 10px/1 "Segoe UI",sans-serif}
.ae-clock__dot{display:inline-block;width:6px;height:6px;margin-right:4px;
  border-radius:50%;background:#40ae71;box-shadow:0 0 8px #2dbc74}
.ae-clock__reading{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.ae-clock__reading time:first-child{font:normal 13px/1 Georgia,serif}
.ae-clock__reading time:last-child{
  font:600 19px/1.1 "Segoe UI",sans-serif;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;color:#652649;
}
.ae-clock__day{font:10px/1.15 "Segoe UI",sans-serif;color:#966f86}
.ae-observation-picker{position:relative;z-index:90;min-width:0}
.ae-observation-picker>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;
  padding:8px 9px;min-height:33px;white-space:nowrap;
  border:1px solid #d6b1c6;border-radius:9px;background:#fff8fb;
  color:#6c2d52;font:11px/1 Georgia,serif;
}
.ae-observation-picker>summary::-webkit-details-marker{display:none}
.ae-observation-picker>summary span:first-child{font-size:16px;color:#ae796f}
.ae-observation-picker[open]>summary{background:#f9e4f0;border-color:#b77b9e}
.ae-observation-picker__content{
  position:absolute;z-index:120;right:0;top:calc(100% + 8px);
  box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;
  gap:10px;width:min(390px,calc(100vw - 26px));padding:15px;
  background:#fffafa;border:1px solid #dfbfd0;border-radius:12px;
  box-shadow:0 16px 40px #461d3d48;
}
.ae-observation-picker__content>strong{grid-column:1/-1;color:#652744;font:normal 20px/1.2 Georgia,serif}
.ae-observation-picker__content>p{
  grid-column:1/-1;margin:0 0 3px;color:#895f78;
  font:12px/1.4 "Segoe UI",sans-serif;
}
.ae-settings--topbar .ae-observation-picker__content .ae-field{
  display:grid;flex:none;gap:5px;min-width:0;
}
.ae-observation-picker__content .ae-field--place{grid-column:1/-1}
.ae-settings--topbar .ae-observation-picker__content .ae-field :is(input,select){
  width:100%;height:35px;border:1px solid #dbbfd0;border-radius:7px;background:white;
  color:#5b3150;font:12px/1.2 "Segoe UI",sans-serif;
}
.ae-observation-picker__actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.ae-observation-picker__actions button{
  border:0;border-radius:7px;padding:9px 12px;cursor:pointer;
  font:600 11px/1.2 "Segoe UI",sans-serif;
}
.ae-observation-picker__actions button:first-child{background:#752b5c;color:white}
.ae-observation-picker__actions button:last-child{color:#743557;background:#f6e8f0}
.ae-observation-picker__content>small{grid-column:1/-1;color:#8a6b7e}
.ae-topbar:has(.ae-observation-picker[open]){z-index:1060}
.ae-settings__account-link{color:#782e62;text-decoration:underline}
.ae-aspect-atlas__change-moment{
  display:inline-flex;align-items:center;gap:4px;
  border:1px solid #ceadc3;border-radius:9px;background:#fffafd;
  color:#783f64;font:600 10px/1.3 "Segoe UI",sans-serif;
  padding:5px 9px;cursor:pointer;
}
.ae-aspect-atlas__change-moment:hover{background:#f2e2ee}
@media(min-width:1060px){
  .ae-topbar{grid-template-columns:minmax(180px,268px) minmax(148px,1fr) auto auto}
  .ae-settings.ae-settings--topbar{gap:clamp(6px,.5vw,10px)}
}
@media(min-width:1060px) and (max-width:1230px){
  .ae-clock{min-width:0;max-width:290px}
  .ae-clock__primary{flex-wrap:wrap;row-gap:4px}
  .ae-clock__label{font-size:9px}
  .ae-clock__reading time:first-child{font-size:11px}
  .ae-clock__reading time:last-child{font-size:16px}
  .ae-clock__day{font-size:9px}
  .ae-observation-picker>summary{font-size:10px;padding:7px 6px}
}
@media(max-width:1059px){
  .ae-clock{flex:1 1 180px;max-width:none}
  .ae-settings.ae-settings--topbar{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .ae-clock__dot{box-shadow:none}
}

/* Unified, full-featured Engine: no central mode selector. Allow the clock
   and observation controls to occupy the available space without a gap. */
@media(min-width:1060px){
  .ae-topbar{grid-template-columns:minmax(175px,293px) minmax(0,1fr) auto}
  .ae-settings.ae-settings--topbar{grid-column:2;justify-self:end}
  .ae-login{grid-column:3}
}
@media(max-width:1059px){
  .ae-settings.ae-settings--topbar{margin-left:auto}
}

/* Stable mobile clock: reserve all digit widths and separate clock from controls.
   Otherwise every second can resize the header and shift the entire viewport. */
@media(max-width:700px){
  .ae-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:4px 8px!important;
    height:auto!important;min-height:0!important;
    padding:8px 11px!important;box-sizing:border-box!important;
    overflow:visible!important;
  }
  .ae-topbar .ae-brand--above-menu{
    grid-column:1!important;grid-row:1!important;
    width:min(100%,185px)!important;min-width:0!important;
    height:auto!important;
  }
  .ae-topbar .ae-settings.ae-settings--topbar{
    grid-column:2!important;grid-row:1!important;
    align-self:center!important;justify-self:end!important;
    flex:0 0 auto!important;width:auto!important;
    margin:0!important;padding:0!important;
  }
  .ae-topbar .ae-clock{
    grid-column:1/-1!important;grid-row:2!important;
    flex:none!important;justify-self:stretch!important;
    width:100%!important;max-width:100%!important;
    min-width:0!important;margin:0!important;
  }
  .ae-topbar .ae-clock__primary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;align-items:center!important;
    flex-wrap:nowrap!important;
  }
  .ae-topbar .ae-clock__details{min-width:0!important}
  .ae-topbar .ae-clock__reading{
    display:grid!important;
    grid-template-columns:77px 92px!important;
    gap:5px!important;align-items:center!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
  }
  .ae-topbar .ae-clock__reading time{
    display:block!important;white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
  }
  .ae-topbar .ae-clock__reading time:last-child{
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
    font-size:16px!important;letter-spacing:0!important;
    width:92px!important;text-align:right!important;
  }
  .ae-topbar .ae-clock__day{
    display:block!important;white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
  }
}
@media(max-width:370px){
  .ae-topbar .ae-clock__label{font-size:8px!important}
  .ae-topbar .ae-clock__reading{grid-template-columns:72px 85px!important}
  .ae-topbar .ae-clock__reading time:last-child{font-size:14px!important;width:85px!important}
}
﻿@media (max-width:700px) {
  .ae-observation-picker__content {
    position:fixed !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    width:min(390px,calc(100vw - 24px)) !important;
    max-height:calc(100dvh - 32px);
    overflow-y:auto;
    overscroll-behavior:contain;
    transform:translate(-50%,-50%);
    grid-template-columns:minmax(0,1fr);
    z-index:2000;
  }
  .ae-observation-picker__content > *,
  .ae-observation-picker__content .ae-field--place {
    grid-column:1/-1;
  }
  .ae-observation-picker__content .ae-field :is(input,select) {
    box-sizing:border-box;
    min-width:0;
  }
}
﻿/* Mobile top-layer popovers: escape transformed/overflowing header ancestors. */
@media(max-width:700px) {
  .ae-observation-picker__content:popover-open,
  .ae-advanced--popover .ae-advanced__content:popover-open {
    position:fixed !important;
    inset:50% auto auto 50% !important;
    transform:translate(-50%,-50%) !important;
    box-sizing:border-box;
    width:min(390px,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100dvh - 32px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    margin:0 !important;
    z-index:2147483647;
  }
  .ae-advanced--popover .ae-advanced__content:popover-open {
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .ae-advanced--popover .ae-advanced__content:popover-open label,
  .ae-advanced--popover .ae-advanced__content:popover-open select {
    width:100%;
    min-width:0;
    box-sizing:border-box;
  }
}

@media(max-width:700px) {
  body > .ae-mobile-portal {
    display:grid !important;
    position:fixed !important;
    inset:50% auto auto 50% !important;
    transform:translate(-50%,-50%) !important;
    box-sizing:border-box !important;
    width:min(390px,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100dvh - 32px) !important;
    overflow-y:auto !important;
    margin:0 !important;
    z-index:2147483000 !important;
  }
  body > .ae-advanced__content.ae-mobile-portal {
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
  }
  body > .ae-mobile-portal .ae-field {display:grid;gap:5px;min-width:0}
  body > .ae-mobile-portal :is(input,select) {width:100%;min-width:0;box-sizing:border-box}
  body > .ae-mobile-portal > * {min-width:0}
}
