/* Local Liquid Glass navigation experiment.
   The optical stack is deliberately isolated from the business workspaces. */
:root{
  --liquid-scene:url('/assets/liquid-garden-sky.svg');
  --liquid-ink:#173c37;
  --liquid-edge:rgba(255,255,255,.76);
}

.liquid-nav-filter-defs{
  position:fixed;
  width:0;
  height:0;
  pointer-events:none;
}

.liquid-nav-landscape{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background-image:var(--liquid-scene);
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
}

.liquid-nav-landscape::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(250,253,248,.05) 0%,rgba(250,253,248,.18) 34%,rgba(246,248,247,.90) 79%,#f3f6fa 100%),
    radial-gradient(circle at 79% 13%,rgba(255,250,202,.22),transparent 25%);
}

.bg-effects{
  display:none!important;
}

.topbar{
  overflow:visible;
  background:rgba(244,250,247,.36)!important;
  border-bottom:1px solid rgba(255,255,255,.64)!important;
  box-shadow:0 1px 0 rgba(27,70,58,.10),0 10px 34px rgba(32,72,59,.08)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}

.topbar .business-nav{
  position:relative;
  overflow:visible!important;
  padding:4px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 7px 24px rgba(34,78,62,.08);
}

.top-nav-group{
  position:relative;
  flex:0 0 auto;
}

.top-nav-group > summary.liquid-nav-trigger{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:7px 12px;
  color:rgba(27,58,53,.78);
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(232,246,240,.18));
  border:1px solid rgba(255,255,255,.52);
  border-bottom-color:rgba(31,78,63,.14);
  border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 5px 16px rgba(30,73,59,.08);
  list-style:none;
  white-space:nowrap;
  cursor:pointer;
  font-size:13px;
  font-weight:650;
  text-shadow:0 1px 0 rgba(255,255,255,.74);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,color .2s ease,box-shadow .2s ease;
  -webkit-tap-highlight-color:transparent;
}

.top-nav-group > summary.liquid-nav-trigger::-webkit-details-marker{
  display:none;
}

.top-nav-group > summary.liquid-nav-trigger::before{
  content:"";
  position:absolute;
  inset:1px 8px auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);
  opacity:.9;
}

.top-nav-group > summary.liquid-nav-trigger::after{
  content:"";
  width:6px;
  height:6px;
  margin-top:-3px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:transform .2s ease,margin .2s ease;
}

.top-nav-group[open] > summary.liquid-nav-trigger::after{
  margin-top:3px;
  transform:rotate(225deg);
}

.top-nav-group > summary.liquid-nav-trigger:hover,
.top-nav-group[open] > summary.liquid-nav-trigger,
.top-nav-group.active > summary.liquid-nav-trigger{
  color:var(--liquid-ink);
  background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(225,244,234,.32));
  border-color:rgba(255,255,255,.86);
  border-bottom-color:rgba(27,73,58,.20);
  box-shadow:inset 0 1px 0 #fff,0 9px 24px rgba(29,72,57,.13);
  transform:translateY(-1px);
}

.top-nav-group.permission-locked > summary.liquid-nav-trigger{
  opacity:.43;
  filter:grayscale(.45) saturate(.55);
  cursor:not-allowed;
}

.top-nav-menu.liquid-glass-menu{
  position:absolute;
  top:calc(100% + 11px);
  left:0;
  z-index:800;
  display:block;
  width:max-content;
  min-width:232px;
  max-width:min(310px,calc(100vw - 24px));
  padding:9px;
  overflow:hidden;
  isolation:isolate;
  color:var(--liquid-ink);
  background:rgba(236,248,242,.16);
  border:1px solid var(--liquid-edge);
  border-right-color:rgba(188,240,242,.66);
  border-bottom-color:rgba(255,179,213,.34);
  border-radius:18px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 1px 0 0 rgba(121,236,245,.34),
    inset -1px 0 0 rgba(255,128,198,.24),
    0 26px 70px rgba(22,66,52,.26),
    0 5px 18px rgba(22,66,52,.13);
  animation:liquid-menu-enter .24s cubic-bezier(.2,.8,.2,1) both;
}

.top-nav-group:last-child .top-nav-menu.liquid-glass-menu{
  right:0;
  left:auto;
}

.liquid-menu-blur,
.liquid-menu-refraction,
.liquid-menu-tint,
.liquid-menu-glint{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.liquid-menu-blur{
  z-index:-4;
  background:rgba(240,250,245,.06);
  backdrop-filter:blur(20px) saturate(155%) contrast(104%);
  -webkit-backdrop-filter:blur(20px) saturate(155%) contrast(104%);
}

/* The same fixed scene is cloned into the glass and displaced by SVG noise. */
.liquid-menu-refraction{
  z-index:-3;
  inset:-15px;
  background-image:var(--liquid-scene);
  background-attachment:fixed;
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  filter:url(#liquid-nav-refraction) saturate(125%) contrast(103%);
  opacity:.58;
  transform:scale(1.05);
}

.liquid-menu-tint{
  z-index:-2;
  background:
    linear-gradient(145deg,rgba(255,255,255,.54) 0%,rgba(226,247,239,.22) 48%,rgba(207,233,231,.34) 100%),
    radial-gradient(circle at 14% 0%,rgba(255,255,255,.72),transparent 38%);
  box-shadow:inset 0 0 30px rgba(255,255,255,.18);
}

.liquid-menu-glint{
  z-index:-1;
  inset:1px;
  border-radius:16px;
  background:
    linear-gradient(112deg,transparent 0 18%,rgba(255,255,255,.52) 26%,transparent 35% 100%),
    radial-gradient(ellipse at 32% -8%,rgba(255,255,255,.88),transparent 39%);
  background-size:230% 100%,100% 100%;
  background-position:100% 0,0 0;
  mix-blend-mode:screen;
  opacity:.62;
  animation:liquid-glint 6s ease-in-out infinite;
}

.liquid-menu-content{
  position:relative;
  z-index:1;
  display:grid;
  gap:5px;
}

.topbar .liquid-menu-content button{
  position:relative;
  width:100%;
  min-height:39px;
  justify-content:flex-start;
  padding:9px 11px;
  color:#234b42;
  background:rgba(255,255,255,.20);
  border:1px solid transparent;
  border-radius:10px;
  box-shadow:none;
  text-align:left;
  font-size:13px;
  font-weight:650;
  text-shadow:0 1px 0 rgba(255,255,255,.64);
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.topbar .liquid-menu-content button::after{
  content:"";
  position:absolute;
  right:11px;
  width:5px;
  height:5px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
  opacity:.44;
}

.topbar .liquid-menu-content button:hover,
.topbar .liquid-menu-content button:focus-visible{
  color:#153d34;
  background:rgba(255,255,255,.54);
  border-color:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 18px rgba(37,82,65,.10);
  outline:none;
  transform:translateX(2px);
}

.topbar .liquid-menu-content button.active{
  color:#123f34;
  background:linear-gradient(100deg,rgba(220,246,232,.66),rgba(255,255,255,.40));
  border-color:rgba(255,255,255,.80);
  box-shadow:inset 3px 0 0 rgba(51,135,101,.62),inset 0 1px 0 rgba(255,255,255,.82);
}

.top-nav-menu-empty{
  min-width:190px!important;
}

.top-nav-empty{
  display:block;
  padding:12px 11px;
  color:rgba(28,67,59,.70);
  font-size:12px;
  line-height:1.5;
}

/* Replace the former flat workspace shell with the same optical system. */
#module-view{
  background:transparent!important;
}

.workspace-sidebar{
  background:linear-gradient(180deg,rgba(247,252,249,.70),rgba(227,241,234,.50))!important;
  border-right:1px solid rgba(255,255,255,.62)!important;
  box-shadow:16px 0 46px rgba(25,67,53,.13),inset -1px 0 0 rgba(125,231,238,.14)!important;
  backdrop-filter:blur(25px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(25px) saturate(150%)!important;
}

.workspace-sidebar-head{
  border-bottom-color:rgba(46,91,74,.14)!important;
}

.workspace-nav-group{
  border-bottom-color:rgba(46,91,74,.11)!important;
}

.workspace-nav-group-toggle,
.workspace-nav-item{
  color:#45655b!important;
}

.workspace-nav-group-toggle:hover,
.workspace-nav-item:hover{
  color:#1c4d3d!important;
  background:rgba(255,255,255,.46)!important;
  border-color:rgba(255,255,255,.58)!important;
}

.workspace-nav-item.active{
  color:#173f33!important;
  background:linear-gradient(105deg,rgba(219,244,231,.74),rgba(255,255,255,.42))!important;
  border-color:rgba(255,255,255,.74)!important;
  box-shadow:inset 3px 0 0 rgba(54,130,99,.64),inset 0 1px 0 rgba(255,255,255,.88)!important;
}

.workspace-nav-caret{
  color:#507065!important;
  background:rgba(250,253,251,.54)!important;
  border-color:rgba(255,255,255,.60)!important;
}

.workspace-stage,
#module-view .workspace-stage iframe{
  background:rgba(237,246,241,.22)!important;
}

.workspace-stage{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important;
  backdrop-filter:blur(8px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(122%)!important;
}

/* The login screen is part of the same optical system, not a separate skin. */
.login-overlay{
  padding:clamp(22px,5vw,72px)!important;
  overflow:auto;
  background:
    linear-gradient(108deg,rgba(13,54,47,.30),rgba(232,246,238,.06) 48%,rgba(18,64,52,.17)),
    linear-gradient(180deg,rgba(249,253,249,.08),rgba(225,240,231,.24))!important;
  backdrop-filter:blur(20px) saturate(118%) contrast(96%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(118%) contrast(96%)!important;
}

.login-overlay::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,252,215,.30),transparent 25%),
    linear-gradient(180deg,transparent 54%,rgba(19,71,53,.19));
}

.login-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,460px);
  align-items:center;
  gap:clamp(56px,8vw,124px);
  width:min(1120px,100%);
  margin:auto;
}

.login-welcome{
  max-width:640px;
  color:#f8fffb;
  text-align:left;
  text-shadow:0 2px 20px rgba(13,51,41,.28);
  animation:login-copy-enter .7s cubic-bezier(.2,.8,.2,1) both;
}

.login-welcome-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  color:rgba(246,255,250,.84);
  font-family:'Outfit','Noto Sans SC',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.login-welcome-kicker span{
  width:32px;
  height:1px;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,.20));
  box-shadow:0 0 12px rgba(255,255,255,.55);
}

.login-welcome h1{
  max-width:620px;
  margin:0 0 18px;
  color:#fff;
  font-family:'Noto Sans SC','Outfit',sans-serif;
  font-size:clamp(38px,4.5vw,64px);
  font-weight:760;
  letter-spacing:-.055em;
  line-height:1.17;
  text-wrap:balance;
}

.login-welcome > p{
  max-width:540px;
  margin:0;
  color:rgba(248,255,251,.83);
  font-size:15px;
  font-weight:500;
  line-height:1.75;
  text-wrap:pretty;
}

.login-module-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:30px;
}

.login-module-list span{
  padding:8px 12px;
  color:rgba(250,255,252,.90);
  background:rgba(242,255,248,.12);
  border:1px solid rgba(255,255,255,.30);
  border-radius:9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 24px rgba(8,45,34,.08);
  backdrop-filter:blur(14px) saturate(135%);
  -webkit-backdrop-filter:blur(14px) saturate(135%);
  font-size:12px;
  font-weight:600;
}

.login-box{
  position:relative;
  isolation:isolate;
  width:100%!important;
  padding:0!important;
  overflow:hidden;
  color:#173b33!important;
  text-align:left!important;
  background:rgba(237,249,242,.12)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-right-color:rgba(156,237,242,.66)!important;
  border-bottom-color:rgba(255,170,211,.36)!important;
  border-radius:28px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 1px 0 0 rgba(123,239,245,.38),
    inset -1px 0 0 rgba(255,139,200,.28),
    0 34px 90px rgba(14,62,47,.30),
    0 10px 28px rgba(14,62,47,.18)!important;
  animation:login-card-enter .68s .08s cubic-bezier(.2,.8,.2,1) both;
}

.login-glass-blur,
.login-glass-refraction,
.login-glass-tint,
.login-glass-glint{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.login-glass-blur{
  z-index:-4;
  background:rgba(240,251,245,.06);
  backdrop-filter:blur(28px) saturate(158%) contrast(103%);
  -webkit-backdrop-filter:blur(28px) saturate(158%) contrast(103%);
}

.login-glass-refraction{
  z-index:-3;
  inset:-24px;
  background-image:var(--liquid-scene);
  background-attachment:fixed;
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  filter:url(#liquid-nav-refraction) saturate(127%) contrast(104%);
  opacity:.50;
  transform:scale(1.045);
}

.login-glass-tint{
  z-index:-2;
  background:
    linear-gradient(148deg,rgba(255,255,255,.68),rgba(231,248,239,.34) 48%,rgba(216,239,232,.48)),
    radial-gradient(circle at 10% -4%,rgba(255,255,255,.82),transparent 38%);
  box-shadow:inset 0 0 54px rgba(255,255,255,.16);
}

.login-glass-glint{
  z-index:-1;
  inset:1px;
  border-radius:27px;
  background:
    linear-gradient(112deg,transparent 0 21%,rgba(255,255,255,.62) 29%,transparent 38% 100%),
    radial-gradient(ellipse at 28% -8%,rgba(255,255,255,.92),transparent 37%);
  background-size:240% 100%,100% 100%;
  background-position:100% 0,0 0;
  mix-blend-mode:screen;
  opacity:.60;
  animation:liquid-glint 7s ease-in-out infinite;
}

.login-box-content{
  position:relative;
  z-index:1;
  padding:clamp(30px,4vw,44px);
}

.login-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:42px;
}

.login-brand-mark{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  overflow:hidden;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(255,255,255,.76);
  border-radius:14px;
  box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(30,80,61,.14);
}

.login-brand-mark img{
  width:38px;
  height:38px;
  object-fit:contain;
}

.login-brand > span:last-child{
  display:grid;
  gap:2px;
}

.login-brand strong{
  color:#183e35;
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
}

.login-brand small{
  color:rgba(41,75,65,.64);
  font-size:11px;
  font-weight:600;
}

.login-heading{
  margin-bottom:28px;
}

.login-eyebrow{
  display:block;
  margin-bottom:8px;
  color:#527268;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
}

.login-box .login-heading h2{
  margin:0 0 8px;
  color:#143a31!important;
  font-family:'Noto Sans SC','Outfit',sans-serif;
  font-size:30px;
  font-weight:780;
  letter-spacing:-.04em;
  line-height:1.2;
}

.login-box .login-heading .sub{
  margin:0!important;
  color:rgba(44,77,68,.66)!important;
  font-size:13px;
  font-weight:500;
}

.login-form{
  display:grid;
  gap:17px;
}

.login-field{
  display:grid;
  gap:8px;
  color:#345c51;
  font-size:12px;
  font-weight:700;
}

.login-field .input-group{
  position:relative;
  display:block;
  margin:0!important;
}

.login-field .input-group input{
  width:100%;
  height:50px;
  padding:0 48px 0 44px!important;
  color:#183f35!important;
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-bottom-color:rgba(50,95,78,.18)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 22px rgba(32,76,59,.07);
  outline:none;
  font-family:'Noto Sans SC','Outfit',sans-serif;
  font-size:14px;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}

.login-field .input-group input::placeholder{
  color:rgba(58,92,81,.43)!important;
}

.login-field .input-group input:hover{
  background:rgba(255,255,255,.60)!important;
}

.login-field .input-group input:focus{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(83,159,130,.62)!important;
  box-shadow:0 0 0 4px rgba(78,143,117,.13),inset 0 1px 0 #fff,0 12px 28px rgba(28,75,57,.10)!important;
  transform:translateY(-1px);
}

.login-input-icon{
  position:absolute;
  top:50%;
  left:15px;
  z-index:2;
  width:18px;
  height:18px;
  color:#52776b;
  transform:translateY(-50%);
  pointer-events:none;
}

.login-input-icon svg{
  width:100%;
  height:100%;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.login-box .toggle-pwd{
  right:10px;
  z-index:3;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0!important;
  color:rgba(43,78,67,.58)!important;
  background:rgba(255,255,255,.24)!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  font-size:15px;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.login-box .toggle-pwd:hover,
.login-box .toggle-pwd:focus-visible{
  color:#244f43!important;
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.72)!important;
  outline:none;
}

.login-box .login-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:51px;
  margin-top:4px;
  padding:0 18px!important;
  overflow:hidden;
  color:#f8fffb!important;
  background:linear-gradient(180deg,#6f8d7f,#4f7061)!important;
  border:1px solid rgba(47,91,73,.34)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 16px 34px rgba(33,80,62,.24)!important;
  text-shadow:0 1px 0 rgba(13,48,37,.25);
  font-size:14px;
  font-weight:750;
  letter-spacing:.02em;
}

.login-box .login-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.25) 30%,transparent 47%);
  transform:translateX(-120%);
  transition:transform .62s cubic-bezier(.2,.8,.2,1);
}

.login-box .login-btn:hover{
  background:linear-gradient(180deg,#78998a,#466a59)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 20px 38px rgba(31,80,60,.29)!important;
  transform:translateY(-1px);
}

.login-box .login-btn:hover::before{
  transform:translateX(120%);
}

.login-box .login-btn:focus-visible{
  outline:3px solid rgba(255,255,255,.78);
  outline-offset:3px;
}

.login-box .login-btn:disabled{
  cursor:wait;
  opacity:.72;
  transform:none!important;
}

.login-box .login-btn i{
  width:6px;
  height:6px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
}

.login-error{
  min-height:18px!important;
  margin:0!important;
  color:#a23f47!important;
  font-size:12px!important;
  font-weight:650;
  line-height:1.5;
}

.login-error:empty{
  min-height:0!important;
}

.login-assurance{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:20px;
  padding-top:18px;
  color:rgba(43,77,66,.58);
  border-top:1px solid rgba(255,255,255,.48);
  font-size:11px;
  font-weight:550;
}

.login-assurance span{
  color:#5d9d79;
  font-size:8px;
  text-shadow:0 0 9px rgba(68,142,101,.55);
}

@keyframes login-card-enter{
  from{opacity:0;transform:translateY(18px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes login-copy-enter{
  from{opacity:0;transform:translateX(-18px)}
  to{opacity:1;transform:translateX(0)}
}

@keyframes liquid-menu-enter{
  from{opacity:0;transform:translateY(-8px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes liquid-glint{
  0%,72%,100%{background-position:100% 0,0 0;opacity:.42}
  84%{background-position:-45% 0,0 0;opacity:.76}
}

@media(max-width:900px){
  .topbar{padding-inline:14px!important;gap:7px!important}
  .topbar .business-nav{gap:2px!important}
  .top-nav-group > summary.liquid-nav-trigger{padding-inline:8px;font-size:12px}
  #session-info{display:none}
  .top-nav-group:nth-last-child(-n+2) .top-nav-menu.liquid-glass-menu{right:0;left:auto}
  .login-shell{grid-template-columns:minmax(0,460px);justify-content:center}
  .login-welcome{display:none}
}

@media(max-width:680px){
  .topbar .logo span{display:none}
  .top-nav-group > summary.liquid-nav-trigger{gap:5px;padding-inline:6px;font-size:11px}
  .topbar .btn-home,.topbar .btn-logout{display:none!important}
  .login-overlay{align-items:flex-start;padding:18px!important}
  .login-shell{margin-block:auto}
  .login-box{border-radius:23px!important}
  .login-glass-glint{border-radius:22px}
  .login-box-content{padding:28px 24px}
  .login-brand{margin-bottom:32px}
  .login-box .login-heading h2{font-size:27px}
  .top-nav-group:nth-child(2) .top-nav-menu.liquid-glass-menu,
  .top-nav-group:nth-child(3) .top-nav-menu.liquid-glass-menu{
    left:50%;
    right:auto;
    translate:-50% 0;
  }
}

@media(prefers-reduced-motion:reduce){
  .top-nav-menu.liquid-glass-menu,
  .liquid-menu-glint,
  .login-glass-glint,
  .login-box,
  .login-welcome{animation:none}
  .top-nav-group > summary.liquid-nav-trigger,
  .topbar .liquid-menu-content button,
  .login-field .input-group input,
  .login-box .login-btn{transition:none}
}

@media(prefers-reduced-transparency:reduce){
  .topbar,
  .top-nav-menu.liquid-glass-menu,
  .login-box{background:#eef5f1!important}
  .liquid-menu-blur,
  .liquid-menu-refraction,
  .liquid-menu-glint,
  .login-glass-blur,
  .login-glass-refraction,
  .login-glass-glint{display:none}
}