/* SCHNAUF — final audited stylesheet, 2026-08-31
   Local Raleway: /assets/fonts/raleway-400.woff2
   Historical comments and selectors for removed UI controls were pruned.
   Active rule order/cascade is otherwise preserved. */

@font-face{
  font-family:"Raleway";
  src:url("/assets/fonts/raleway-400.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
body {
  overflow: hidden;
  margin: 0;
  height: 100vh;
  background: #0f0f26;
}

canvas {
  width: 100%;
  height: 100%;
  cursor: none;
}

:root{--z-overlay:100;--z-overlay-content:110;--z-overlay-control:120}

#footer{
  position:fixed;left:8vw;bottom:max(8vh,36px);z-index:30;max-width:88vw;
  color:#888;font-family:"Raleway",Arial,sans-serif;font-size:2vh;line-height:1.1;
  pointer-events:none;
}
#footer::before{
  content:"";position:fixed;left:-18vw;bottom:-16vh;width:min(118vw,72em);height:min(72vh,38em);
  z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 18vw calc(100% - 16vh),
    rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 18%,rgba(255,255,255,.52) 36%,
    rgba(255,255,255,.24) 54%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 88%);
  filter:blur(10px);transform:translateZ(0);
}
#result{position:relative;z-index:1;opacity:.92;text-shadow:0 0 14px rgba(255,255,255,1),0 0 5px rgba(255,255,255,.95)}
#resultHint{position:relative;z-index:1;display:block;margin-top:.55em;max-width:12em;font-size:.72em;line-height:1.15;letter-spacing:.04em;opacity:.58}

#aboutBtn{
  appearance:none;-webkit-appearance:none;position:fixed;right:8vw;bottom:max(8vh,36px);z-index:30;
  border:0;padding:0;margin:0;background:transparent;color:#888;font:700 2vh/1 "Raleway",Arial,sans-serif;
  cursor:pointer;
}
#aboutBtn:hover{color:#eee}

#findingField{position:fixed;inset:0;z-index:18;pointer-events:none;font-family:"Raleway",Arial,sans-serif}
.finding{
  position:absolute;width:min(29vw,390px);color:rgba(248,247,252,.94);
  text-shadow:0 0 12px rgba(9,7,32,.76),0 1px 2px rgba(9,7,32,.82);
  opacity:0;transform:translateY(7px);transition:opacity .38s ease,transform .45s ease;pointer-events:auto
}
#findingField.active .finding,.finding:hover{opacity:.9;transform:translateY(0)}
.findingText{font-size:clamp(14px,1.25vw,20px);line-height:1.22;font-weight:400}
.findingMeta{margin-top:.55em;font-size:clamp(7px,.58vw,9px);line-height:1;letter-spacing:.18em;text-transform:uppercase;opacity:.48}

#aboutLayer{
  position:fixed;inset:0;z-index:var(--z-overlay);
  background:rgba(255,255,255,.88);
  opacity:0;pointer-events:none;transition:opacity .35s ease;
  backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);
  font-family:"Raleway",Arial,sans-serif;
}
#aboutLayer.open{opacity:1;pointer-events:auto}
#aboutText{
  position:fixed;left:8vw;right:8vw;bottom:max(8vh,36px);z-index:var(--z-overlay-content);
  max-width:29em;color:#888;font-family:"Raleway",Arial,sans-serif;font-size:2.1vh;line-height:1.35
}
#aboutText h2{margin:0 0 .6em 0;color:#888;font-size:6vh;line-height:1;font-weight:200;text-transform:lowercase}
#aboutText p{margin:0 0 .86em 0}
#aboutText .aboutLead{color:#666;font-size:1.08em}
#aboutText a{color:#888;text-decoration:none}
#aboutText a:hover{color:#558f4c}
#analysisCounter{display:block;margin-top:1.05em;color:#888;font-size:.92em;line-height:1.25;letter-spacing:.035em;opacity:.66}
#aboutClose{
  appearance:none;-webkit-appearance:none;position:fixed;top:max(5vh,24px);right:8vw;
  display:flex;align-items:center;justify-content:center;width:1.55em;height:1.55em;
  z-index:var(--z-overlay-control);color:#777;background:rgba(255,255,255,.72);border:0;border-radius:50%;
  font:200 2vh/1 Arial,sans-serif;opacity:.42;cursor:pointer;transition:opacity .22s ease,transform .22s ease,background .22s ease
}
#aboutClose:hover{opacity:.82;transform:scale(1.04);background:rgba(255,255,255,.9)}
body.about-open #footer,body.about-open #findingField,body.about-open #aboutBtn{opacity:0;pointer-events:none}

@media(max-width:768px){
  #footer{left:7vw;bottom:max(6vh,26px)}
  #aboutBtn{right:7vw;bottom:max(6vh,26px);font-size:1.8vh}
  .finding{width:min(42vw,280px)}
  #aboutText{left:7vw;right:7vw;bottom:max(6vh,26px);font-size:1.85vh}
  #aboutText h2{font-size:4.8vh}
  .aboutDesktopPrefix{display:none}
}

#findingField{display:none !important}

#footer{
  position:fixed !important;
  left:8vw !important;
  bottom:max(8vh,36px) !important;
  z-index:30 !important;
  max-width:88vw !important;
  color:#888 !important;
  font-family:"Raleway",Arial,sans-serif !important;
  font-size:2vh !important;
  line-height:1.1em !important;
  text-align:left !important;
  pointer-events:auto !important;
}
#footer h1{
  margin:0 !important;
  padding:0 !important;
  color:#888 !important;
  font-size:6vh !important;
  line-height:1 !important;
  font-weight:400 !important;
}
#resultRow{display:flex;align-items:center;gap:.22em}
#result{
  position:relative;z-index:1;
  opacity:.92;
  text-shadow:0 0 14px rgba(255,255,255,1),0 0 5px rgba(255,255,255,.95);
  transition:opacity .4s ease,transform .4s ease,letter-spacing .4s ease;
}
#result.pulse{transform:translateY(-.05em);letter-spacing:.015em}
#resultHint{
  display:block;
  margin-top:.55em;
  max-width:18em;
  font-size:.32em !important;
  line-height:1.15;
  letter-spacing:.04em;
  opacity:.58;
}
#footerStats{
  display:block;
  margin-top:1.15em;
  color:#888;
  font-size:2vh;
  line-height:1;
  white-space:nowrap;
}
button.fa,#tryBtn,#aboutBtn{
  appearance:none;-webkit-appearance:none;
  border:0;padding:0;margin:0;
  background:transparent;
  color:#888;
  font:inherit;
  cursor:pointer;
}
button.fa:hover,#tryBtn:hover,#aboutBtn:hover{color:#eee}

#footer::before{
  content:"";
  position:fixed;
  left:-18vw;
  bottom:-16vh;
  width:min(118vw,72em);
  height:min(72vh,38em);
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(
    ellipse at 18vw calc(100% - 16vh),
    rgba(255,255,255,.94) 0%,
    rgba(255,255,255,.82) 18%,
    rgba(255,255,255,.52) 36%,
    rgba(255,255,255,.24) 54%,
    rgba(255,255,255,.08) 70%,
    rgba(255,255,255,0) 88%
  );
  filter:blur(10px);
  transform:translateZ(0);
}

#aboutLayer{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(1.5px) !important;
  -webkit-backdrop-filter:blur(1.5px) !important;
}

@media(max-width:768px){
  #footer{left:7vw !important;bottom:max(6vh,26px) !important}
  #footer h1{font-size:5vh !important}
  #footerStats{font-size:1.75vh}
}

#descendBtn{position:fixed;right:7.5vw;bottom:max(7.5vh,34px);z-index:32;width:clamp(118px,11vw,176px);height:clamp(118px,11vw,176px);padding:0;border:0;border-radius:50%;overflow:visible;cursor:pointer;color:rgba(255,255,255,.94);background:radial-gradient(circle at 37% 30%,rgba(255,245,141,.94) 0 3%,rgba(255,100,214,.78) 13%,rgba(92,64,255,.54) 34%,rgba(15,7,48,.22) 58%,rgba(5,3,18,0) 72%);box-shadow:0 0 26px rgba(240,83,255,.18),inset 0 0 30px rgba(80,229,255,.14);font-family:"Raleway",Arial,sans-serif;transform:translateZ(0);transition:transform .5s,filter .5s}
#descendBtn::before{content:"";position:absolute;inset:18%;border-radius:47% 53% 55% 45%;border:1px solid rgba(161,239,255,.42);box-shadow:0 0 18px rgba(79,222,255,.28),inset 0 0 18px rgba(255,91,218,.18);animation:descendOrbit 8s linear infinite}
#descendBtn::after{content:"";position:absolute;inset:5%;border-radius:52% 48% 43% 57%;border:1px dashed rgba(255,131,210,.26);animation:descendOrbit 13s linear infinite reverse}
.descendHalo{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle,rgba(10,4,28,.82) 0 38%,rgba(96,41,180,.48) 52%,rgba(255,95,218,.12) 67%,transparent 72%);box-shadow:0 0 20px rgba(104,220,255,.25);transition:.5s}
.descendWord{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:4;font-size:clamp(12px,1.05vw,17px);font-weight:700;letter-spacing:.14em;text-transform:lowercase;text-shadow:0 0 9px rgba(255,255,255,.48)}
.descendSub{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:4;font-size:clamp(6px,.48vw,8px);letter-spacing:.28em;text-transform:uppercase;opacity:.46}
.descendRoots{position:absolute;left:50%;top:58%;width:2px;height:76%;z-index:2;pointer-events:none}.descendRoots i{position:absolute;top:0;left:0;width:1px;height:0;transform-origin:top;background:linear-gradient(to bottom,rgba(255,130,220,.7),rgba(81,219,255,.46) 45%,rgba(98,255,169,.08) 90%,transparent);box-shadow:0 0 7px rgba(104,210,255,.25);opacity:0}
.descendRoots i:nth-child(1){transform:rotate(-8deg)}.descendRoots i:nth-child(2){transform:rotate(13deg)}.descendRoots i:nth-child(3){transform:rotate(-27deg)}.descendRoots i:nth-child(4){transform:rotate(31deg)}.descendRoots i:nth-child(5){transform:rotate(3deg)}
#descendBtn:hover{transform:scale(1.08) rotate(-2deg);filter:saturate(1.28) brightness(1.08)}#descendBtn:hover .descendHalo{transform:scale(.82);filter:brightness(1.3)}
#descendBtn:hover .descendRoots i,#descendBtn.digging .descendRoots i{height:clamp(120px,18vh,210px);opacity:.88;transition:height 1s cubic-bezier(.16,.8,.2,1),opacity .25s}
#descendBtn.digging{animation:descendDig 1.25s cubic-bezier(.2,.8,.2,1)}#descendBtn.digging .descendHalo{transform:scale(.58);filter:brightness(1.7) saturate(1.5)}
@keyframes descendOrbit{to{transform:rotate(360deg)}}@keyframes descendDig{0%{transform:scale(1)}22%{transform:scale(.9) translateY(4px)}52%{transform:scale(1.1) translateY(-2px)}100%{transform:scale(1)}}
body.about-open #descendBtn{opacity:0;pointer-events:none}@media(max-width:768px){#descendBtn{right:5vw;bottom:max(5vh,24px);width:112px;height:112px}}

#footer #aboutBtn{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  display:inline !important;
  width:auto !important;
  height:auto !important;
  z-index:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:#888 !important;
  font:inherit !important;
  opacity:1 !important;
  transform:none !important;
  box-shadow:none !important;
}
#footer #aboutBtn:hover{color:#eee !important}

#descendBtn{
  position:fixed !important;
  right:8vw !important;
  bottom:max(8vh,36px) !important;
  z-index:32 !important;

  width:clamp(132px,12vw,188px) !important;
  height:clamp(58px,5.4vw,82px) !important;

  padding:0 !important;
  border:1px solid rgba(165,132,255,.46) !important;
  border-radius:0 !important;
  overflow:visible !important;

  color:rgba(244,242,255,.94) !important;
  background:
    linear-gradient(90deg,rgba(255,67,194,.14),rgba(76,85,255,.20) 42%,rgba(54,210,255,.13)) !important;

  box-shadow:
    6px 0 0 rgba(228,61,199,.12),
    -5px 7px 0 rgba(87,74,255,.10),
    10px -5px 0 rgba(61,202,255,.07),
    inset 0 0 18px rgba(118,83,255,.10) !important;

  font-family:"Raleway",Arial,sans-serif !important;
  transform:none !important;
  filter:none !important;
  cursor:pointer !important;
  transition:
    transform .14s steps(2,end),
    box-shadow .14s steps(2,end),
    background .18s linear !important;
}

#descendBtn::before{
  content:"" !important;
  position:absolute !important;
  inset:7px !important;
  border:1px solid rgba(255,112,211,.26) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  animation:none !important;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 8px,
      rgba(118,105,255,.12) 8px 10px,
      transparent 10px 18px
    ) !important;
}

#descendBtn::after{
  content:"" !important;
  position:absolute !important;
  left:-7px !important;
  top:10px !important;
  width:5px !important;
  height:5px !important;
  inset:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f45cc6 !important;
  box-shadow:
    0 14px 0 #6557ff,
    0 28px 0 #45d7ff,
    calc(clamp(132px,12vw,188px) + 9px) 7px 0 #7f65ff,
    calc(clamp(132px,12vw,188px) + 9px) 24px 0 #f08fd5 !important;
  animation:none !important;
}

.descendHalo{
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  width:18px !important;
  height:18px !important;
  inset:auto !important;
  transform:translateY(-50%) !important;
  border-radius:0 !important;
  background:
    linear-gradient(135deg,#ff5cba 0 31%,#715fff 31% 67%,#46d7ff 67%) !important;
  box-shadow:
    4px 4px 0 rgba(111,83,255,.24),
    8px 8px 0 rgba(66,211,255,.10) !important;
  filter:none !important;
  transition:none !important;
}

.descendWord{
  left:44px !important;
  top:19px !important;
  transform:none !important;
  font-size:clamp(12px,1vw,16px) !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-transform:lowercase !important;
  text-shadow:0 0 8px rgba(157,111,255,.30) !important;
}

.descendSub{
  left:45px !important;
  top:39px !important;
  transform:none !important;
  font-size:clamp(6px,.48vw,8px) !important;
  letter-spacing:.24em !important;
  opacity:.46 !important;
}

.descendRoots{
  position:absolute !important;
  left:24px !important;
  top:100% !important;
  width:100px !important;
  height:1px !important;
  z-index:2 !important;
}

.descendRoots i{
  position:absolute !important;
  top:0 !important;
  width:2px !important;
  height:0 !important;
  opacity:0 !important;
  transform-origin:top !important;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,88,190,.9) 0 5px,
      rgba(97,85,255,.72) 5px 10px,
      rgba(60,212,255,.50) 10px 15px
    ) !important;
  box-shadow:none !important;
}
.descendRoots i:nth-child(1){left:0 !important;transform:translateX(0) !important}
.descendRoots i:nth-child(2){left:18px !important;transform:translateX(0) !important}
.descendRoots i:nth-child(3){left:38px !important;transform:translateX(0) !important}
.descendRoots i:nth-child(4){left:62px !important;transform:translateX(0) !important}
.descendRoots i:nth-child(5){left:88px !important;transform:translateX(0) !important}

#descendBtn:hover{
  transform:translate(-3px,-3px) !important;
  background:
    linear-gradient(90deg,rgba(255,67,194,.22),rgba(76,85,255,.29) 42%,rgba(54,210,255,.20)) !important;
  box-shadow:
    9px 3px 0 rgba(228,61,199,.15),
    -3px 10px 0 rgba(87,74,255,.12),
    13px -2px 0 rgba(61,202,255,.09),
    inset 0 0 18px rgba(118,83,255,.15) !important;
  filter:none !important;
}
#descendBtn:hover .descendHalo{
  transform:translateY(-50%) !important;
  filter:none !important;
}

#descendBtn:hover .descendRoots i,
#descendBtn.digging .descendRoots i{
  height:clamp(80px,15vh,160px) !important;
  opacity:.72 !important;
  transition:
    height .75s steps(8,end),
    opacity .15s linear !important;
}
#descendBtn.digging{
  animation:pixelDig .55s steps(4,end) !important;
}
#descendBtn.digging .descendHalo{
  transform:translateY(-50%) scale(.82) !important;
  filter:none !important;
}
@keyframes pixelDig{
  0%{transform:translate(0,0)}
  25%{transform:translate(2px,3px)}
  50%{transform:translate(-3px,6px)}
  75%{transform:translate(1px,9px)}
  100%{transform:translate(0,0)}
}

@media(max-width:768px){
  #descendBtn{
    right:6vw !important;
    bottom:max(6vh,26px) !important;
    width:132px !important;
    height:58px !important;
  }
}

#descendBtn{
  position:fixed !important;
  right:8vw !important;
  bottom:max(8vh,36px) !important;
  z-index:32 !important;

  width:clamp(154px,13vw,210px) !important;
  height:clamp(64px,5.3vw,84px) !important;

  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;

  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}

#descendBtn::before{
  content:"" !important;
  position:absolute !important;
  left:4px !important;
  right:4px !important;
  top:11px !important;
  bottom:0 !important;
  inset:auto !important;

  border:0 !important;
  border-radius:0 !important;

  background:
    linear-gradient(
      to bottom,
      #f3f3f3 0 12%,
      #d8d8dc 12% 49%,
      #8e8f98 49% 63%,
      #34353b 63% 77%,
      #3348a6 77% 89%,
      #12131a 89% 100%
    ) !important;

  clip-path:polygon(
    8px 0,
    calc(100% - 8px) 0,
    calc(100% - 8px) 5px,
    100% 5px,
    100% calc(100% - 9px),
    calc(100% - 6px) calc(100% - 9px),
    calc(100% - 6px) 100%,
    6px 100%,
    6px calc(100% - 9px),
    0 calc(100% - 9px),
    0 5px,
    8px 5px
  ) !important;

  box-shadow:
    4px 4px 0 #11131a,
    -3px 3px 0 #11131a !important;
  animation:none !important;
}

#descendBtn::after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  top:0 !important;
  height:clamp(44px,3.7vw,58px) !important;
  width:auto !important;
  inset:auto !important;

  border:0 !important;
  border-radius:0 !important;

  background:
    linear-gradient(
      to bottom,
      #ff70e0 0 14%,
      #ef49c6 14% 54%,
      #b62fac 54% 75%,
      #632072 75% 100%
    ) !important;

  clip-path:polygon(
    12px 0,
    calc(100% - 12px) 0,
    calc(100% - 12px) 4px,
    calc(100% - 6px) 4px,
    calc(100% - 6px) 9px,
    100% 9px,
    100% calc(100% - 11px),
    calc(100% - 5px) calc(100% - 11px),
    calc(100% - 5px) calc(100% - 6px),
    calc(100% - 12px) calc(100% - 6px),
    calc(100% - 12px) 100%,
    12px 100%,
    12px calc(100% - 5px),
    5px calc(100% - 5px),
    5px calc(100% - 10px),
    0 calc(100% - 10px),
    0 10px,
    5px 10px,
    5px 5px,
    12px 5px
  ) !important;

  box-shadow:
    inset 0 -6px 0 rgba(64,18,81,.45),
    inset 0 4px 0 rgba(255,255,255,.22),
    4px 4px 0 #16121c,
    -3px 4px 0 #16121c !important;

  animation:none !important;
}

.descendHalo{
  display:block !important;
  position:absolute !important;
  left:22px !important;
  top:7px !important;
  width:7px !important;
  height:7px !important;
  inset:auto !important;
  border-radius:0 !important;
  background:#ffc8f0 !important;
  box-shadow:
    12px 0 0 #ff95dc,
    25px 0 0 rgba(255,255,255,.62),
    calc(clamp(154px,13vw,210px) - 70px) 0 0 #ffb8eb,
    calc(clamp(154px,13vw,210px) - 50px) 5px 0 rgba(255,255,255,.50) !important;
  filter:none !important;
  transform:none !important;
}

.descendWord{
  position:absolute !important;
  left:50% !important;
  top:21px !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;

  color:#fff !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(18px,1.55vw,26px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;

  text-shadow:
    2px 0 0 #7a246f,
    -2px 0 0 #7a246f,
    0 2px 0 #7a246f,
    0 -2px 0 #7a246f !important;
}

.descendSub{
  position:absolute !important;
  left:50% !important;
  top:43px !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;

  color:rgba(255,255,255,.62) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(6px,.48vw,8px) !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
}

.descendRoots{
  position:absolute !important;
  left:50% !important;
  top:calc(100% - 5px) !important;
  width:110px !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
.descendRoots i{
  position:absolute !important;
  top:0 !important;
  width:3px !important;
  height:0 !important;
  opacity:0 !important;
  transform-origin:top !important;

  background:
    repeating-linear-gradient(
      to bottom,
      #ff4ebf 0 6px,
      #7a58ff 6px 12px,
      #30bdf0 12px 18px,
      transparent 18px 22px
    ) !important;

  box-shadow:
    4px 8px 0 rgba(122,88,255,.35),
    -3px 14px 0 rgba(48,189,240,.28) !important;
}
.descendRoots i:nth-child(1){left:3px !important;transform:rotate(-10deg) !important}
.descendRoots i:nth-child(2){left:27px !important;transform:rotate(4deg) !important}
.descendRoots i:nth-child(3){left:52px !important;transform:rotate(-3deg) !important}
.descendRoots i:nth-child(4){left:77px !important;transform:rotate(11deg) !important}
.descendRoots i:nth-child(5){left:102px !important;transform:rotate(-7deg) !important}

#descendBtn:hover{
  transform:translate(-2px,-2px) !important;
}
#descendBtn:hover::after{
  filter:brightness(1.08) saturate(1.08) !important;
}

#descendBtn:active,
#descendBtn.digging{
  transform:translateY(6px) !important;
  animation:none !important;
}
#descendBtn:active::after,
#descendBtn.digging::after{
  top:6px !important;
  box-shadow:
    inset 0 -3px 0 rgba(64,18,81,.42),
    inset 0 2px 0 rgba(255,255,255,.18),
    2px 2px 0 #16121c !important;
}

#descendBtn:hover .descendRoots i{
  height:clamp(54px,9vh,100px) !important;
  opacity:.48 !important;
  transition:height .55s steps(6,end),opacity .12s linear !important;
}
#descendBtn.digging .descendRoots i{
  height:clamp(110px,18vh,190px) !important;
  opacity:.86 !important;
  transition:height .75s steps(9,end),opacity .10s linear !important;
}

@media(max-width:768px){
  #descendBtn{
    right:5vw !important;
    bottom:max(6vh,26px) !important;
    width:160px !important;
    height:66px !important;
  }
  .descendWord{top:21px !important;font-size:19px !important}
  .descendSub{top:43px !important}
}

#descendBtn{display:none !important}

#result{
  color:rgba(238,238,246,.94) !important;
  text-shadow:
    0 0 14px rgba(255,255,255,.92),
    0 0 9px rgba(126,93,255,.34),
    0 0 18px rgba(255,75,196,.18) !important;
}
#result.deepFinding{
  color:rgba(250,247,255,.97) !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.96),
    0 0 17px rgba(108,86,255,.42),
    0 0 28px rgba(236,69,194,.22) !important;
}
#result.deepPending{
  color:rgba(211,205,240,.88) !important;
  letter-spacing:.015em;
}
#resultHint{
  color:rgba(139,133,164,.82) !important;
}

.aboutDeep{
  color:#777;
  opacity:.74;
  font-size:.94em;
}

body.deep-crawl-pulse canvas{
  filter:saturate(1.08) brightness(1.03);
}
body.deep-crawl-pulse #result{
  transform:translateY(-.06em);
}

#footer.signalFragment{
  position:fixed !important;
  left:7.2vw !important;
  bottom:max(7.2vh,32px) !important;
  z-index:30 !important;
  width:min(48vw,760px) !important;
  max-width:760px !important;
  color:#eeeaf4 !important;
  font-family:"Raleway",Arial,sans-serif !important;
  line-height:1 !important;
  text-align:left !important;
  pointer-events:auto !important;
}

#footer.signalFragment::before{
  content:none !important;
  display:none !important;
  background:none !important;
  filter:none !important;
}

#signalKicker{
  margin:0 0 9px 1px;
  color:rgba(98,213,255,.64);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:clamp(7px,.56vw,9px);
  line-height:1;
  font-weight:700;
  letter-spacing:.20em;
  text-transform:uppercase;
  text-shadow:2px 0 0 rgba(255,65,191,.16);
}

#resultRow{display:block !important}
#result{
  position:relative !important;
  display:inline !important;
  z-index:1 !important;
  color:#eeeaf4 !important;
  font-size:clamp(27px,3.15vw,54px) !important;
  line-height:.98 !important;
  font-weight:400 !important;
  letter-spacing:-.035em !important;
  text-shadow:
    2px 0 0 rgba(255,67,191,.18),
    -2px 0 0 rgba(72,205,255,.14),
    0 0 14px rgba(114,83,255,.18) !important;
  transition:opacity .28s ease,transform .28s ease !important;
}
#result.deepFinding{
  font-size:clamp(21px,2.35vw,39px) !important;
  line-height:1.04 !important;
  letter-spacing:-.025em !important;
  color:#f4f0f8 !important;
  text-shadow:
    2px 0 0 rgba(255,65,190,.22),
    -2px 0 0 rgba(62,206,255,.18),
    0 0 18px rgba(111,83,255,.20) !important;
}
#result.deepPending{
  color:rgba(219,211,239,.82) !important;
}

#resultHint{
  display:block !important;
  margin-top:12px !important;
  max-width:none !important;
  color:rgba(178,169,200,.66) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(8px,.68vw,11px) !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.10em !important;
  text-transform:lowercase !important;
  opacity:1 !important;
}
.hintArrow{
  display:inline-block;
  margin-left:3px;
  color:rgba(255,76,191,.72);
  animation:hintDrop 2.8s steps(2,end) infinite;
}
@keyframes hintDrop{
  0%,78%,100%{transform:translateY(0)}
  84%,92%{transform:translateY(3px)}
}

#signalMeta{
  display:none;
  margin-top:9px;
  color:rgba(101,211,255,.52);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:clamp(6px,.52vw,8px);
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#footer.hasFinding #signalMeta{display:block}

#footer #aboutBtn.signalWhy{
  position:static !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  margin-top:15px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(178,169,200,.54) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(7px,.58vw,9px) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  cursor:pointer !important;
  opacity:1 !important;
  transform:none !important;
}
#footer #aboutBtn.signalWhy:hover{
  color:#eeeaf4 !important;
}
.whyCursor{
  color:#49d1ff;
  opacity:0;
}
#footer #aboutBtn.signalWhy:hover .whyCursor{
  opacity:1;
  animation:whyBlink .7s steps(1,end) infinite;
}
@keyframes whyBlink{50%{opacity:0}}

#footer.signalFragment::after{
  content:"";
  position:absolute;
  left:-13px;
  top:4px;
  width:3px;
  height:3px;
  background:#ff4abf;
  box-shadow:
    7px -6px 0 rgba(81,205,255,.70),
    -3px 16px 0 rgba(126,89,255,.62),
    12px 27px 0 rgba(255,74,191,.34);
  pointer-events:none;
}

body.about-open #footer.signalFragment{opacity:0;pointer-events:none}

@media(max-width:768px){
  #footer.signalFragment{
    left:6vw !important;
    bottom:max(6vh,26px) !important;
    width:82vw !important;
  }
  #result{font-size:clamp(25px,8vw,40px) !important}
  #result.deepFinding{font-size:clamp(20px,6.1vw,31px) !important}
}

#footer.signalFragment::before{
  content:"" !important;
  display:block !important;
  position:fixed !important;
  left:-18vw !important;
  bottom:-16vh !important;
  width:min(118vw,72em) !important;
  height:min(72vh,38em) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:radial-gradient(
    ellipse at 18vw calc(100% - 16vh),
    rgba(255,255,255,.92) 0%,
    rgba(255,255,255,.80) 18%,
    rgba(255,255,255,.50) 36%,
    rgba(255,255,255,.23) 54%,
    rgba(255,255,255,.075) 70%,
    rgba(255,255,255,0) 88%
  ) !important;
  filter:blur(10px) !important;
  transform:translateZ(0) !important;
}

#footer #aboutBtn.signalWhy{
  color:rgba(102,96,122,.76) !important;
  text-shadow:0 0 8px rgba(255,255,255,.88) !important;
}
#footer #aboutBtn.signalWhy:hover{
  color:#504a61 !important;
}
#resultHint{
  color:rgba(112,105,134,.76) !important;
  text-shadow:0 0 8px rgba(255,255,255,.72) !important;
}

#footer.signalFragment::after{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}

#signalKicker{
  color:rgba(77,69,98,.88) !important;
  font-size:clamp(8px,.68vw,11px) !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.96),
    0 0 14px rgba(255,255,255,.72) !important;
  opacity:1 !important;
}

#signalKicker{
  letter-spacing:.13em !important;
}
#footer #aboutBtn.signalWhy{
  margin-top:16px !important;
  color:rgba(72,64,91,.92) !important;
  font-size:clamp(9px,.72vw,12px) !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-shadow:
    0 0 7px rgba(255,255,255,1),
    0 0 13px rgba(255,255,255,.82) !important;
}
#footer #aboutBtn.signalWhy::after{
  content:"›";
  display:inline-block;
  margin-left:.42em;
  color:rgba(231,64,181,.78);
  font-size:1.05em;
  transform:translateY(-.02em);
  transition:transform .16s ease,color .16s ease;
}
#footer #aboutBtn.signalWhy:hover{
  color:#3e374d !important;
}
#footer #aboutBtn.signalWhy:hover::after{
  color:#43cfee;
  transform:translate(.22em,-.02em);
}
.whyCursor{display:none !important}

body > #aboutBtn,
#aboutBtn:not(#footer #aboutBtn){
  display:none !important;
}

#footer #aboutBtn.signalWhy{
  position:static !important;
  inset:auto !important;
  float:none !important;
  display:inline-block !important;
  margin:16px 0 0 0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;

  color:rgba(72,64,91,.92) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(9px,.72vw,12px) !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-shadow:0 0 7px rgba(255,255,255,1),0 0 13px rgba(255,255,255,.82) !important;
  cursor:pointer !important;
}
#footer #aboutBtn.signalWhy::after{
  content:"›" !important;
  display:inline-block !important;
  margin-left:.42em !important;
  color:rgba(231,64,181,.78) !important;
  transform:translateY(-.02em) !important;
  transition:transform .16s ease,color .16s ease !important;
}
#footer #aboutBtn.signalWhy:hover{
  color:#3e374d !important;
}
#footer #aboutBtn.signalWhy:hover::after{
  color:#43cfee !important;
  transform:translate(.22em,-.02em) !important;
}

#footer.signalFragment #aboutBtn.signalWhy{
  position:static !important;
  right:auto !important;
  left:auto !important;
  bottom:auto !important;
  top:auto !important;
}

#signalKicker{color:rgba(77,69,98,.86)!important;font-size:clamp(8px,.64vw,10px)!important;font-weight:800!important;letter-spacing:.14em!important}
#resultRow{position:relative!important;display:flex!important;align-items:flex-start!important;gap:10px!important}
#shareFinding{flex:0 0 auto;position:relative;top:.32em;width:18px;height:18px;padding:0;border:0;background:transparent;color:rgba(79,70,99,.64);font-family:Arial,sans-serif;font-size:15px;line-height:18px;cursor:pointer;opacity:.72;transition:color .15s,opacity .15s,transform .15s}
#shareFinding:hover{color:#e844b5;opacity:1;transform:translate(2px,-2px)}
#shareFinding.shared{color:#3ecde8}
#resultHint{margin-left:28px!important}.hintArrow{display:none!important}
#footer #aboutBtn.signalWhy{position:relative!important;margin:17px 0 0 28px!important;padding:3px 7px 4px!important;color:rgba(67,57,84,.92)!important;font-family:"Raleway",Arial,sans-serif!important;font-size:clamp(9px,.72vw,12px)!important;font-weight:800!important;letter-spacing:.18em!important;line-height:1!important;text-shadow:none!important;background:rgba(255,255,255,.18)!important;border-left:2px solid rgba(236,64,181,.68)!important;border-bottom:1px solid rgba(71,202,231,.38)!important;box-shadow:5px 4px 0 rgba(116,84,214,.07),inset 0 0 10px rgba(255,255,255,.20)!important;transition:transform .15s,color .15s,border-color .15s,box-shadow .15s!important}
#footer #aboutBtn.signalWhy::after{content:""!important;position:absolute!important;right:-4px!important;top:-3px!important;width:4px!important;height:4px!important;margin:0!important;background:#e844b5!important;transform:none!important;opacity:.68!important}
#footer #aboutBtn.signalWhy:hover{color:#332b42!important;transform:translate(-1px,-1px)!important;border-left-color:#42cde8!important;border-bottom-color:#e844b5!important;box-shadow:7px 6px 0 rgba(116,84,214,.10),inset 0 0 12px rgba(255,255,255,.42)!important}
#footer #aboutBtn.signalWhy:hover::after{background:#42cde8!important;transform:translate(2px,-2px)!important}
@media(max-width:768px){#shareFinding{top:.25em}#resultHint,#footer #aboutBtn.signalWhy{margin-left:28px!important}}

#resultRow{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:.18em !important;
}

#shareFinding,
#shareFinding:link,
#shareFinding:visited{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:.78em !important;
  height:.78em !important;
  color:#888 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
  cursor:pointer !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
  opacity:.92 !important;
  position:static !important;
  transform:none !important;
}

#shareFinding:hover{
  color:#eee !important;
  transform:none !important;
}

#shareFinding:focus-visible{
  outline:1px solid currentColor !important;
  outline-offset:.18em !important;
}

#shareFinding .shareArrow{
  display:block !important;
  width:.78em !important;
  height:.78em !important;
  stroke:currentColor !important;
  stroke-width:2.35 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  fill:none !important;
  pointer-events:none !important;
}

#footer #aboutBtn.signalWhy{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline !important;
  position:static !important;
  margin-top:15px !important;
  color:#888 !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  font-family:"Raleway",Arial,sans-serif !important;
  font-size:clamp(9px,.72vw,12px) !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
  text-decoration:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  opacity:1 !important;
}

#footer #aboutBtn.signalWhy::before,
#footer #aboutBtn.signalWhy::after{
  content:none !important;
  display:none !important;
}

#footer #aboutBtn.signalWhy:hover{
  color:#eee !important;
  background:transparent !important;
  transform:none !important;
  box-shadow:none !important;
}

#resultHint{
  margin-left:0 !important;
}

#resultRow{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:.18em !important;
}

#waShareBtn,
#waShareBtn:link,
#waShareBtn:visited{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:.78em !important;
  height:.78em !important;
  color:#888 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
  cursor:pointer !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
  opacity:.92 !important;
  position:static !important;
  transform:none !important;
}

#waShareBtn:hover{
  color:#eee !important;
}

#waShareBtn:focus-visible{
  outline:1px solid currentColor !important;
  outline-offset:.18em !important;
}

#waShareBtn .shareArrow{
  display:block !important;
  width:.78em !important;
  height:.78em !important;
  stroke:currentColor !important;
  stroke-width:2.35 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  fill:none !important;
  pointer-events:none !important;
}

#waShareBtn::-moz-focus-inner{
  border:0 !important;
  padding:0 !important;
}

#footer #aboutBtn.signalWhy{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline !important;
  position:static !important;
  margin-top:15px !important;
  color:#888 !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  font:inherit !important;
  font-weight:700 !important;
  text-decoration:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  opacity:1 !important;
  transform:none !important;
}

#footer #aboutBtn.signalWhy::before,
#footer #aboutBtn.signalWhy::after{
  content:none !important;
  display:none !important;
}

#footer #aboutBtn.signalWhy:hover{
  color:#eee !important;
  text-decoration:none !important;
  background:transparent !important;
  transform:none !important;
  box-shadow:none !important;
}

#shareFinding{display:none !important}

#signalKicker{
  position:fixed !important;
  left:7.2vw !important;
  top:max(6vh,24px) !important;
  z-index:30 !important;
  margin:0 !important;
  color:rgba(77,69,98,.86) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(8px,.64vw,10px) !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 8px rgba(255,255,255,.96),0 0 14px rgba(255,255,255,.72) !important;
  pointer-events:none !important;
}

#footer.signalFragment{
  left:7.2vw !important;
  bottom:max(7.2vh,32px) !important;
  width:min(52vw,820px) !important;
}

#footer.signalFragment #signalKicker{display:none !important}

#resultHint,
#signalMeta{
  display:none !important;
}

#footer.hasFinding #signalMeta,
#footer.hasFinding #resultHint{
  display:block !important;
}

#signalMeta{
  margin-top:10px !important;
  color:rgba(86,78,105,.70) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(7px,.56vw,9px) !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 8px rgba(255,255,255,.78) !important;
}

#resultHint{
  margin-top:8px !important;
  color:rgba(112,105,134,.70) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(8px,.64vw,10px) !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:lowercase !important;
  text-shadow:0 0 8px rgba(255,255,255,.68) !important;
}

#aboutBtn.signalWhy{
  position:fixed !important;
  left:3.6vw !important;
  bottom:max(3.6vh,16px) !important;
  z-index:31 !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(104,98,120,.60) !important;
  background:transparent !important;
  border:0 !important;
  font-family:"Raleway",Arial,sans-serif !important;
  font-size:clamp(8px,.62vw,10px) !important;
  font-weight:700 !important;
  letter-spacing:.05em !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-shadow:0 0 7px rgba(255,255,255,.72) !important;
  cursor:pointer !important;
  opacity:1 !important;
}
#aboutBtn.signalWhy:hover{
  color:#eee !important;
}

body.about-open #aboutBtn.signalWhy{
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:768px){
  #signalKicker{left:6vw !important;top:max(5vh,20px) !important}
  #footer.signalFragment{left:6vw !important;bottom:max(6vh,26px) !important;width:82vw !important}
  #aboutBtn.signalWhy{left:3.5vw !important;bottom:max(3.3vh,14px) !important}
}

#footer.signalFragment #signalKicker{
  display:block !important;
  position:static !important;
  inset:auto !important;
  margin:0 0 9px 0 !important;
  color:rgba(77,69,98,.84) !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:clamp(7px,.56vw,9px) !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 8px rgba(255,255,255,.94) !important;
  pointer-events:none !important;
}

body > #signalKicker{display:none !important}

body #aboutBtn.signalWhy{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  display:block !important;
  visibility:visible !important;
  opacity:.72 !important;
  pointer-events:auto !important;
  position:fixed !important;
  left:3.6vw !important;
  bottom:max(3.6vh,16px) !important;
  z-index:999 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#777 !important;
  background:transparent !important;
  border:0 !important;
  font-family:"Raleway",Arial,sans-serif !important;
  font-size:clamp(9px,.66vw,11px) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.05em !important;
  text-decoration:none !important;
  text-shadow:0 0 8px rgba(255,255,255,.88) !important;
  cursor:pointer !important;
}
body #aboutBtn.signalWhy:hover{
  color:#eee !important;
  opacity:1 !important;
}
body #aboutBtn.signalWhy::before,
body #aboutBtn.signalWhy::after{
  content:none !important;
  display:none !important;
}
body.about-open #aboutBtn.signalWhy{
  display:none !important;
}

body > #aboutBtn,
#aboutBtn:not(#footer #aboutBtn){
  display:revert !important;
}

#footer.signalFragment{
  position:fixed !important;
  left:8vw !important;
  bottom:max(8vh,calc(env(safe-area-inset-bottom,0px) + 18px)) !important;
  z-index:30 !important;
  max-width:88vw !important;
  width:auto !important;
  color:#888 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:2vh !important;
  line-height:1.1em !important;
  text-align:left !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  pointer-events:auto !important;
}

#footer.signalFragment::before{
  content:"" !important;
  display:block !important;
  position:fixed !important;
  left:-18vw !important;
  bottom:-16vh !important;
  width:min(118vw,72em) !important;
  height:min(72vh,38em) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:radial-gradient(
    ellipse at 18vw calc(100% - 16vh),
    rgba(255,255,255,.94) 0%,
    rgba(255,255,255,.82) 18%,
    rgba(255,255,255,.52) 36%,
    rgba(255,255,255,.24) 54%,
    rgba(255,255,255,.08) 70%,
    rgba(255,255,255,0) 88%
  ) !important;
  filter:blur(10px) !important;
  transform:translateZ(0) !important;
}

#footer #signalKicker{
  display:block !important;
  position:static !important;
  margin:0 0 .75em 0 !important;
  color:#777 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:.62em !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 8px rgba(255,255,255,.9) !important;
}

#footer h1{
  margin:0 !important;
  padding:0 !important;
  color:#888 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:6vh !important;
  line-height:1 !important;
  font-weight:400 !important;
}

#resultRow{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:.18em !important;
}

#result{
  position:relative !important;
  z-index:1 !important;
  color:#888 !important;
  font:inherit !important;
  line-height:1 !important;
  opacity:.92 !important;
  letter-spacing:0 !important;
  text-shadow:
    0 0 14px rgba(255,255,255,1),
    0 0 5px rgba(255,255,255,.95) !important;
}

#result.deepFinding{
  font-size:.72em !important;
  line-height:1.06 !important;
}

#waShareBtn,
#waShareBtn:link,
#waShareBtn:visited{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:.78em !important;
  height:.78em !important;
  color:#888 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
  cursor:pointer !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
  opacity:.92 !important;
  position:relative !important;
  z-index:1 !important;
}

#waShareBtn:hover{color:#eee !important}
#waShareBtn:focus-visible{
  outline:1px solid currentColor !important;
  outline-offset:.18em !important;
}
#waShareBtn .shareArrow{
  display:block !important;
  width:.78em !important;
  height:.78em !important;
  stroke:currentColor !important;
  stroke-width:2.35 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  fill:none !important;
  pointer-events:none !important;
}

#resultHint{
  display:none !important;
  margin-top:.55em !important;
  max-width:12em !important;
  color:#888 !important;
  font-size:.32em !important;
  line-height:1.15 !important;
  letter-spacing:.04em !important;
  opacity:.58 !important;
  text-align:left !important;
}
#footer.hasFinding #resultHint{display:block !important}

#signalMeta{
  display:none !important;
  margin-top:.85em !important;
  color:#888 !important;
  font-size:.78em !important;
  line-height:1.15 !important;
  letter-spacing:.035em !important;
  opacity:.58 !important;
}
#footer.hasFinding #signalMeta{display:block !important}

#footer #aboutBtn{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  position:static !important;
  color:#888 !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:1.05em 0 0 0 !important;
  font:inherit !important;
  font-weight:bold !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
#footer #aboutBtn:hover{
  color:#eee !important;
  text-decoration:none !important;
}
#footer #aboutBtn::before,
#footer #aboutBtn::after{
  content:none !important;
  display:none !important;
}

body.about-open #footer.signalFragment{
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:768px){
  #footer.signalFragment{
    left:8vw !important;
    bottom:max(6dvh,calc(env(safe-area-inset-bottom,0px) + 18px)) !important;
    max-width:84vw !important;
  }
  #footer h1{font-size:5vh !important}
  #footer.signalFragment::before{
    left:-22vw !important;
    bottom:-15vh !important;
    width:128vw !important;
    height:64vh !important;
    background:radial-gradient(
      ellipse at 22vw calc(100% - 15vh),
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.82) 18%,
      rgba(255,255,255,.52) 36%,
      rgba(255,255,255,.24) 54%,
      rgba(255,255,255,.08) 70%,
      rgba(255,255,255,0) 88%
    ) !important;
  }
}

#footer #signalKicker{
  display:flex !important;
  align-items:baseline !important;
  gap:.55em !important;
  margin:0 0 .75em 0 !important;
  color:#777 !important;
  font-family:"Raleway",Arial,sans-serif !important;
  font-size:.62em !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.03em !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

#footer #signalKicker .signalBrand{
  font-weight:700 !important;
  color:#6f687a !important;
}

#footer #signalKicker .signalHook{
  color:#777 !important;
}

#footer #signalKicker .signalSep{
  color:rgba(111,104,122,.46) !important;
  font-weight:400 !important;
}

#footer #signalKicker #aboutBtn{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline !important;
  color:#777 !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  font:inherit !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

#footer #signalKicker #aboutBtn:hover{
  color:#eee !important;
  text-decoration:none !important;
}

#footer #signalKicker #aboutBtn::before,
#footer #signalKicker #aboutBtn::after{
  content:none !important;
  display:none !important;
}

@media(max-width:768px){
  #footer #signalKicker{
    gap:.42em !important;
    font-size:.58em !important;
    white-space:normal !important;
    flex-wrap:wrap !important;
  }
}

#footer #signalKicker{
  display:flex !important;
  align-items:baseline !important;
  gap:.42em !important;
  margin:0 0 .75em 0 !important;
  color:#777 !important;
  font-family:"Raleway",Arial,sans-serif !important;
  font-size:.62em !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.03em !important;
  text-transform:none !important;
  white-space:nowrap !important;
}
#footer #signalKicker .signalBrand{
  font-weight:700 !important;
  color:#6f687a !important;
}
#footer #signalKicker .signalSep{
  color:rgba(111,104,122,.48) !important;
}
#footer #signalKicker .signalHook{
  color:#777 !important;
}

#footer #aboutBtn.aboutSymbol{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:block !important;
  margin-top:.92em !important;
  width:1.2em !important;
  height:1.2em !important;
  color:rgba(103,96,119,.60) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:1.05em !important;
  line-height:1.2em !important;
  font-weight:400 !important;
  text-align:center !important;
  cursor:pointer !important;
  text-shadow:0 0 7px rgba(255,255,255,.76) !important;
  transition:color .16s ease,transform .16s ease,opacity .16s ease !important;
  opacity:.78 !important;
}
#footer #aboutBtn.aboutSymbol:hover{
  color:#e84ab8 !important;
  transform:translateY(-1px) rotate(-7deg) !important;
  opacity:1 !important;
}
#footer #aboutBtn.aboutSymbol::before,
#footer #aboutBtn.aboutSymbol::after{
  content:none !important;
  display:none !important;
}

@media(max-width:768px){
  #footer #signalKicker{
    white-space:normal !important;
    flex-wrap:wrap !important;
    gap:.35em !important;
  }
}

#footer #aboutBtn.aboutSymbol{
  width:.78em !important;
  height:.78em !important;
  font-size:6vh !important;
  line-height:.78em !important;
  margin-top:.28em !important;
  color:#888 !important;
  opacity:.92 !important;
  text-shadow:none !important;
}
#footer #aboutBtn.aboutSymbol:hover{
  color:#eee !important;
  transform:none !important;
  opacity:1 !important;
}
@media(max-width:768px){
  #footer #aboutBtn.aboutSymbol{font-size:5vh !important}
}

#resultHint {
  display: block !important;
  visibility: visible !important;
  opacity: .62 !important;
}

canvas { transition: filter 180ms ease; }

#resultHint{
  font-size:12px !important;
  line-height:1.25 !important;
  letter-spacing:.035em !important;
  font-weight:500 !important;
  opacity:.52 !important;
  max-width:24em !important;
}

#schnaufReportNotice{
  position:fixed;
  left:50%;
  top:50%;
  z-index:120;
  transform:translate(-50%,-45%) scale(.96);
  font-family:"Raleway",Arial,sans-serif;
  font-size:clamp(30px,5vw,70px);
  font-weight:650;
  letter-spacing:-.03em;
  color:rgba(50,43,61,.92);
  text-shadow:0 0 20px rgba(255,255,255,.96);
  opacity:0;
  pointer-events:none;
  transition:opacity 120ms ease,transform 160ms ease;
}
#schnaufReportNotice.show{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

@media(max-width:768px){
  #resultHint{
    font-size:11px !important;
    opacity:.48 !important;
  }
  body.schnauf-reported canvas{filter:none !important}
  body.schnauf-reported::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:115;
    background:rgba(24,20,29,.28);
    pointer-events:none;
  }
}

.signalBrand{
  font-size:1.28em !important;
  letter-spacing:.055em !important;
}
.signalSep,.signalHook{display:none !important}

#resultHint{
  opacity:0 !important;
  transition:opacity 180ms ease !important;
  pointer-events:none !important;
}
body.schnauf-guidance-visible #resultHint{
  opacity:.52 !important;
}
body.schnauf-hold-active #resultHint{
  opacity:.82 !important;
}

@media(max-width:768px){
  .signalBrand{font-size:1.38em !important}
}

#aboutLayer{
  background:
    radial-gradient(circle at 76% 20%,
      rgba(88,132,235,.18) 0%,
      rgba(88,102,205,.11) 24%,
      rgba(15,22,48,0) 50%),
    radial-gradient(circle at 22% 78%,
      rgba(58,190,224,.12) 0%,
      rgba(74,111,198,.08) 31%,
      rgba(15,22,48,0) 57%),
    rgba(228,235,247,.92) !important;
  backdrop-filter:blur(7px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(7px) saturate(1.06) !important;
}

#footerControls{
  display:flex !important;
  align-items:center !important;
  gap:.58em !important;
  margin-top:.92em !important;
  width:max-content !important;
}

#footerControls #aboutBtn.aboutSymbol{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:0 !important;
  flex:0 0 auto !important;
}

#footerShareScale{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:6vh !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

#footerShareScale #waShareBtn{
  margin:0 !important;
}

@media(max-width:768px){
  #footerShareScale{
    font-size:5vh !important;
  }
}

#radioStormCanvas{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:0 !important;
  cursor:none !important;
  pointer-events:none !important;
}

#branchOverlayCanvas{
  position:fixed !important;
  inset:auto auto 0 0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100dvh !important;
  display:block !important;
  visibility:visible !important;
  z-index:13 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  transform:none !important;
  pointer-events:none !important;
  overflow:visible !important;
  opacity:1 !important;
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.10))
    drop-shadow(0 0 16px rgba(255,255,255,.07)) !important;
}

body.schnauf-reported #radioStormCanvas,
body.schnauf-reported #branchOverlayCanvas{
  filter:brightness(.42) saturate(.72) !important;
}

@media(max-width:768px){
  #radioStormCanvas,
  #branchOverlayCanvas{
    height:100dvh !important;
    min-height:100dvh !important;
  }
}

html,
body{
  background:#e3e5e5 !important;
}

#radioStormCanvas{
  display:none !important;
}

#branchOverlayCanvas{
  mix-blend-mode:multiply !important;
  filter:none !important;
}

#result{
  color:#555 !important;
  opacity:.96 !important;
  text-shadow:0 0 14px rgba(255,255,255,.96),0 0 5px rgba(255,255,255,.88) !important;
}
#aboutLayer{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(1.5px) !important;
  -webkit-backdrop-filter:blur(1.5px) !important;
}
#aboutText{
  position:fixed !important;
  left:8vw !important; right:8vw !important;
  bottom:var(--bottom-ui-offset) !important;
  max-width:29em !important;
  color:#888 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:2.1vh !important;
  line-height:1.35 !important;
}
#aboutText h2{
  margin:0 0 .6em 0 !important;
  color:#888 !important;
  font-size:6vh !important;
  line-height:1 !important;
  font-weight:200 !important;
  text-transform:lowercase !important;
}
#aboutText p{margin:0 0 .86em 0 !important}
#aboutText .aboutLead{color:#666 !important;font-size:1.08em !important}
#aboutText a{color:#888 !important;text-decoration:none !important}
#aboutText a:hover{color:#558f4c !important}
#analysisCounter,.aboutLegal,.aboutFine{
  display:block !important;
  margin-top:1.05em !important;
  color:#888 !important;
  font-size:.92em !important;
  line-height:1.25 !important;
  letter-spacing:.035em !important;
  opacity:.66 !important;
}
#aboutLuEyeWrap.aboutLuEyeWrap{
  top:18% !important;
  right:8vw !important;
  left:auto !important;
  transform:none !important;
  gap:.45rem !important;
}
#aboutLayer .lu-eye-about{
  --lu-eye-size:min(36vw,132px) !important;
}
@media screen and (max-width:1024px){
  #aboutLuEyeWrap.aboutLuEyeWrap{top:17% !important}
  #aboutLayer .lu-eye-about{--lu-eye-size:min(34vw,126px) !important}
}
@media screen and (max-width:768px){
  #aboutLuEyeWrap.aboutLuEyeWrap{
    top:15% !important;left:50% !important;right:auto !important;
    transform:translateX(-50%) !important;
  }
  #aboutLayer .lu-eye-about{--lu-eye-size:min(38vw,122px) !important}
}
@media screen and (max-width:480px){
  #aboutLuEyeWrap.aboutLuEyeWrap{top:13.5% !important}
  #aboutLayer .lu-eye-about{--lu-eye-size:min(40vw,112px) !important}
}

#branchOverlayCanvas{
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.15))
    drop-shadow(0 0 16px rgba(255,255,255,.11))
    drop-shadow(0 0 24px rgba(85,143,76,.08))
    drop-shadow(0 0 30px rgba(213,43,30,.055)) !important;
}

#result,
#result.deepFinding,
#result.deepPending,
body.deep-crawl-pulse #result{
  color:#4b4b4b !important;
  text-shadow:none !important;
}

#footer{
  left:8vw !important;
  right:8vw !important;
  width:auto !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

#footer h1,
#resultRow,
#result{
  max-width:100% !important;
  box-sizing:border-box !important;
}

#resultRow{
  width:100% !important;
}

#result{
  display:block !important;
  width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

#aboutLayer{
  position:fixed !important;
  inset:0 !important;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(1.5px) !important;
  -webkit-backdrop-filter:blur(1.5px) !important;
}

#aboutText{
  position:fixed !important;
  top:auto !important;
  left:8vw !important;
  right:8vw !important;
  bottom:var(--bottom-ui-offset) !important;
  width:auto !important;
  height:auto !important;
  max-width:29em !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  z-index:var(--z-overlay-content) !important;
  color:#888 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:2.1vh !important;
  line-height:1.35 !important;
}

#aboutText h2{
  margin:0 0 .6em 0 !important;
  color:#888 !important;
  font-size:6vh !important;
  line-height:1 !important;
  font-weight:200 !important;
  text-transform:lowercase !important;
}

#aboutText p{
  margin:0 0 .86em 0 !important;
}

#aboutText .aboutLead{
  color:#666 !important;
  font-size:1.08em !important;
}

#aboutLayer #aboutLuEyeWrap{
  position:fixed !important;
  top:18% !important;
  right:8vw !important;
  left:auto !important;
  z-index:var(--z-overlay-content) !important;
  display:grid !important;
  justify-items:center !important;
  align-items:center !important;
  gap:.45rem !important;
  pointer-events:none !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

#aboutLayer .lu-eye-about{
  --lu-eye-size:min(36vw,132px) !important;
}

@media screen and (max-width:1024px){
  #aboutLayer #aboutLuEyeWrap{
    top:17% !important;
    right:8vw !important;
  }
  #aboutLayer .lu-eye-about{
    --lu-eye-size:min(34vw,126px) !important;
  }
}

@media screen and (max-width:768px){
  #footer{
    left:8vw !important;
    right:8vw !important;
    max-width:none !important;
  }

  #aboutText{
    top:auto !important;
    left:8vw !important;
    right:8vw !important;
    bottom:var(--bottom-ui-offset-mobile) !important;
  }

  #aboutLayer #aboutLuEyeWrap{
    top:15% !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }

  #aboutLayer .lu-eye-about{
    --lu-eye-size:min(38vw,122px) !important;
  }
}

@media screen and (max-width:480px){
  #aboutLayer #aboutLuEyeWrap{
    top:13.5% !important;
  }
  #aboutLayer .lu-eye-about{
    --lu-eye-size:min(40vw,112px) !important;
  }
}

#aboutLayer #aboutText{
  position:fixed !important;
  top:auto !important;
  bottom:max(8vh,36px) !important;
  left:8vw !important;
  right:auto !important;
  width:min(29em,84vw) !important;
  max-width:29em !important;
  max-height:52vh !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  display:block !important;
  box-sizing:border-box !important;
  z-index:110 !important;
}
#aboutLayer #aboutText h2{
  margin:0 0 .6em 0 !important;
  font-size:6vh !important;
  line-height:1 !important;
}
#aboutLayer #aboutText p{margin:0 0 .72em 0 !important}
#aboutLayer #aboutText .aboutDeep{display:block !important}

#aboutLayer #aboutLuEyeWrap{
  position:fixed !important;
  top:18% !important;
  right:8vw !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
}

@media screen and (max-width:768px){
  #aboutLayer #aboutText{
    top:auto !important;
    bottom:max(6vh,26px) !important;
    left:8vw !important;
    right:8vw !important;
    width:auto !important;
    max-width:none !important;
    max-height:49vh !important;
    font-size:1.72vh !important;
    line-height:1.28 !important;
  }
  #aboutLayer #aboutText h2{
    font-size:4.45vh !important;
    margin-bottom:.5em !important;
  }
  #aboutLayer #aboutText p{margin-bottom:.58em !important}
  #aboutLayer #aboutLuEyeWrap{
    top:13.5% !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }
}
@media screen and (max-height:680px){
  #aboutLayer #aboutText{
    bottom:max(4vh,18px) !important;
    font-size:1.55vh !important;
    max-height:50vh !important;
  }
  #aboutLayer #aboutText h2{font-size:4vh !important}
}

#branchOverlayCanvas{
  mix-blend-mode:normal !important;
}

html,
body{
  background:#eef7fb !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  width:100%;
  height:var(--app-height);
  min-height:var(--app-height);
  z-index:0;
  box-sizing:border-box;
  pointer-events:none;

  background:#e0e0e0;
  opacity:.8;
  border:2px solid #fff;
  border-radius:4px;

  transition:all .4s;
}

body:hover::before,
body.lu-field-touch::before{
  background:#fff;
  border-color:#558f4c;
}

#branchOverlayCanvas{z-index:13 !important}
#footer{z-index:30 !important}
#aboutLayer{z-index:100 !important}

#footer{
  left:8vw !important;
  right:8vw !important;
  width:auto !important;
  max-width:none !important;
}
#resultRow{
  width:100% !important;
  max-width:100% !important;
}
#result{
  color:#4b4b4b !important;
  text-shadow:none !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}

#aboutLayer{
  position:fixed !important;
  inset:0 !important;
  z-index:var(--z-overlay) !important;
  background:rgba(255,255,255,.88) !important;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease !important;
  backdrop-filter:blur(1.5px) !important;
  -webkit-backdrop-filter:blur(1.5px) !important;
}
#aboutLayer.open{
  opacity:1;
  pointer-events:auto;
}

#aboutLayer #aboutText{
  position:fixed !important;
  left:8vw !important;
  right:8vw !important;
  top:auto !important;
  bottom:var(--bottom-ui-offset) !important;

  z-index:var(--z-overlay-content) !important;
  max-width:29em !important;

  width:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;

  margin:0 !important;
  padding:0 !important;
  transform:none !important;

  color:#888 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:2.1vh !important;
  line-height:1.35 !important;
}

#aboutLayer #aboutText h2{
  margin:0 0 .6em 0 !important;
  color:#888 !important;
  font-size:6vh !important;
  line-height:1 !important;
  font-weight:200 !important;
  text-transform:lowercase !important;
}

#aboutLayer #aboutText p{
  margin:0 0 .86em 0 !important;
}

#aboutLayer #aboutText .aboutLead{
  color:#666 !important;
  font-size:1.08em !important;
}

#aboutLayer #aboutText a{
  color:#888 !important;
  text-decoration:none !important;
}
#aboutLayer #aboutText a:hover{
  color:#558f4c !important;
}

#aboutLayer #analysisCounter,
#aboutLayer .aboutLegal{
  display:block !important;
  margin-top:1.05em !important;
  color:#888 !important;
  font-size:.92em !important;
  line-height:1.25 !important;
  letter-spacing:.035em !important;
  opacity:.66 !important;
}

@media screen and (max-width:768px){
  #aboutLayer #aboutText{
    bottom:var(--bottom-ui-offset-mobile) !important;
  }
}

#aboutLayer #aboutLuEyeWrap{
  position:fixed !important;
  top:18% !important;
  right:8vw !important;
  left:auto !important;
  bottom:auto !important;
  z-index:var(--z-overlay-content) !important;
  display:grid !important;
  justify-items:center !important;
  align-items:center !important;
  gap:.45rem !important;
  pointer-events:none !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
#aboutLayer .lu-eye-about{
  --lu-eye-size:min(36vw,132px) !important;
}
@media screen and (max-width:1024px){
  #aboutLayer #aboutLuEyeWrap{top:17% !important;right:8vw !important}
  #aboutLayer .lu-eye-about{--lu-eye-size:min(34vw,126px) !important}
}
@media screen and (max-width:768px){
  #aboutLayer #aboutLuEyeWrap{
    top:15% !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }
  #aboutLayer .lu-eye-about{--lu-eye-size:min(38vw,122px) !important}
}
@media screen and (max-width:480px){
  #aboutLayer #aboutLuEyeWrap{top:13.5% !important}
  #aboutLayer .lu-eye-about{--lu-eye-size:min(40vw,112px) !important}
}

#branchOverlayCanvas{
  mix-blend-mode:normal !important;
}

:root{
  --app-height:100vh;
  --app-height:100dvh;
  --bottom-ui-offset:max(8vh, calc(env(safe-area-inset-bottom, 0px) + 18px));
  --bottom-ui-offset-mobile:max(6dvh, calc(env(safe-area-inset-bottom, 0px) + 18px));
  --top-ui-offset:max(8vh, calc(env(safe-area-inset-top, 0px) + 18px));
  --z-footer:30;
  --z-progress:20;
  --z-control:80;
  --z-overlay:100;
  --z-overlay-content:110;
  --z-overlay-control:120;
}

#aboutText{
  position:fixed !important;
  left:8vw !important;
  right:8vw !important;
  bottom:var(--bottom-ui-offset) !important;
  top:auto !important;

  z-index:var(--z-overlay-content) !important;

  max-width:29em !important;

  color:#888 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:2.1vh !important;
  line-height:1.35 !important;

  /* neutralise Schnauf-only legacy constraints */
  width:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

#aboutText h2{
  margin:0 0 .6em 0 !important;

  color:#888 !important;
  font-size:6vh !important;
  line-height:1 !important;
  font-weight:200 !important;
  text-transform:lowercase !important;
}

#aboutText p{
  margin:0 0 .86em 0 !important;
}

#aboutText .aboutLead{
  color:#666 !important;
  font-size:1.08em !important;
}

#aboutText a{
  color:#888 !important;
  text-decoration:none !important;
}

#aboutText a:hover{
  color:#558f4c !important;
}

#analysisCounter,.aboutLegal{
  display:block !important;
  margin-top:1.05em !important;
  color:#888 !important;
  font-size:.92em !important;
  line-height:1.25 !important;
  letter-spacing:.035em !important;
  opacity:.66 !important;
}

@media screen and (max-width:768px){
  #aboutText{
    bottom:var(--bottom-ui-offset-mobile) !important;
    z-index:var(--z-overlay-content) !important;
  }
}

#aboutLayer,
#aboutLayer.open{
  background:rgba(224,224,224,.80) !important;
  backdrop-filter:blur(1.5px) !important;
  -webkit-backdrop-filter:blur(1.5px) !important;
}

body:has(#aboutLayer.open)::before,
body.lu-field-touch:has(#aboutLayer.open)::before{
  background:#e0e0e0 !important;
  border-color:#fff !important;
}

#aboutClose{
  display:none !important;
}

#schnaufServerStatus{
  display:inline-block;
  margin-left:.34em;
  color:#888;
  font-family:"Raleway",sans-serif;
  font-size:.34em;
  font-weight:400;
  line-height:1;
  letter-spacing:.055em;
  text-transform:lowercase;
  vertical-align:baseline;
  opacity:.58;
  transition:opacity .35s ease,color .35s ease;
}
#schnaufServerStatus[data-state="live"]{opacity:.72}
#schnaufServerStatus[data-state="quiet"]{opacity:.48}

#schnaufServerStatus{
  margin-left:.18em !important;
  color:inherit !important;
  font-family:inherit !important;
  font-size:1em !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
  vertical-align:baseline !important;
  opacity:1 !important;
}
#schnaufServerStatus[data-state="live"],
#schnaufServerStatus[data-state="quiet"]{
  opacity:1 !important;
  color:inherit !important;
}

#fuelBtn.fuelLink{
  all:unset !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#888 !important;
  font-family:"Raleway",sans-serif !important;
  font-size:1.8vh !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:lowercase !important;
  cursor:pointer !important;
  opacity:.92 !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
}
#fuelBtn.fuelLink:hover{color:#eee !important}
#fuelBtn.fuelLink:focus-visible{
  outline:1px solid currentColor !important;
  outline-offset:.18em !important;
}
body.about-open #fuelBtn{
  opacity:0 !important;
  pointer-events:none !important;
}
#aboutFuel{
  margin-top:1.05em !important;
  color:#777 !important;
}
#aboutFuel strong{
  font-weight:500 !important;
  color:#666 !important;
}
@media(max-width:768px){
  #fuelBtn.fuelLink{font-size:1.6vh !important}
}

#fuelBtn.fuelLink{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}

#aboutText{
  line-height:1.35 !important;
}
#aboutText h2{
  margin:0 0 .72em 0 !important;
}
#aboutText p{
  margin:0 0 .72em 0 !important;
}
#aboutText .aboutLead{
  margin-bottom:.72em !important;
}
#aboutText #analysisCounter{
  margin-top:.92em !important;
  margin-bottom:.92em !important;
  line-height:1.35 !important;
}
#aboutText p:last-child{
  margin-bottom:0 !important;
}
#aboutText small{
  line-height:1.35 !important;
}

#fuelBtn{
  display:none !important;
}

#aboutText p:last-child,
#aboutText p:last-child small{
  line-height:1.16 !important;
}

html,
body,
button,
input,
textarea,
select,
option,
a,
p,
span,
div,
small,
strong,
em,
h1,
h2,
h3,
h4,
h5,
h6,
label{
  font-family:"Raleway",sans-serif !important;
}

#result,
#resultHint,
#resultMeta,
#resultMeta *,
#footer,
#footer *{
  font-family:"Raleway",sans-serif !important;
}


/* SCHNAUF localized About hook — screen-edge hover green */
#aboutLayer #aboutText .aboutLead{color:#558f4c !important;}



}