:root{
  --neo-button-bg:#fff;
  --neo-button-text:#555b66;
  --neo-button-hover-text:#333842;
  --neo-button-shadow-dark:#d9dce2;
  --neo-button-shadow-light:#fff;
  --neo-ripple-color:rgba(85,91,102,.34);
}

.copy-line{display:block}

.neo-button.neo-button{
  isolation:isolate;
  background:var(--neo-button-bg);
  color:var(--neo-button-text);
  border-color:transparent;
  box-shadow:8px 8px 16px var(--neo-button-shadow-dark),-8px -8px 16px var(--neo-button-shadow-light);
  transition:transform .2s ease,box-shadow .2s ease,color .2s ease,opacity .2s ease;
}
.neo-button:is(.introStart,.rbtn,.start,.buy,.start-sheet){position:relative}
.neo-button::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border:1px solid var(--neo-ripple-color);
  border-radius:999px;
  opacity:0;
  pointer-events:none;
}
#intro .neo-button{
  --neo-button-bg:#f7f7f5;
  --neo-button-shadow-dark:#d8d9d6;
  --neo-button-shadow-light:#fff;
}
.make .neo-button{
  --neo-button-bg:#fff;
  --neo-button-text:#555b66;
  --neo-button-hover-text:#333842;
  --neo-button-shadow-dark:rgba(0,0,0,.5);
  --neo-button-shadow-light:rgba(255,255,255,.18);
  --neo-ripple-color:rgba(255,255,255,.42);
}
.x-link{color:#aaa;font:650 9px/1 var(--latin,Arial,sans-serif);letter-spacing:.055em;text-decoration:none;white-space:nowrap;transition:color .18s ease}
.x-link:hover{color:#111}.x-link:focus-visible{outline:2px solid #111;outline-offset:4px}
.result-x-link{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(17px + env(safe-area-inset-bottom));z-index:12;opacity:0;pointer-events:none}
#result.is-ready .result-x-link{opacity:1;pointer-events:auto}
.foot-links{display:flex;align-items:center;justify-content:space-between;text-align:left}
@media(hover:hover) and (pointer:fine){
  .neo-button:not(:disabled):not([aria-disabled="true"]):hover{
    transform:translateY(-2px) scale(1.01);
    box-shadow:10px 10px 20px var(--neo-button-shadow-dark),-10px -10px 20px var(--neo-button-shadow-light);
    color:var(--neo-button-hover-text);
  }
  .neo-button.next.show:hover{transform:translateX(-50%) translateY(-2px) scale(1.01)}
}
.neo-button:not(:disabled):not([aria-disabled="true"]):active{
  transform:translateY(1px) scale(.98);
  box-shadow:inset 5px 5px 10px var(--neo-button-shadow-dark),inset -5px -5px 10px var(--neo-button-shadow-light);
}
.neo-button.next.show:active{transform:translateX(-50%) translateY(1px) scale(.98)}
.neo-button.back:not(:disabled):active{transform:translateY(1px) scale(.98)}
.neo-button.neo-ripple::after{animation:neo-button-ripple .6s cubic-bezier(.2,.7,.3,1)}
.neo-button:focus-visible{outline:2px solid rgba(70,90,120,.45);outline-offset:6px}
.neo-button:disabled,.neo-button[aria-disabled="true"]{cursor:not-allowed}
.neo-button.back:disabled{opacity:0;box-shadow:none;pointer-events:none}
@keyframes neo-button-ripple{
  0%{opacity:.58;inset:2px}
  55%{opacity:.26}
  100%{opacity:0;inset:-10px -16px}
}
@media(prefers-reduced-motion:reduce){
  .neo-button{transition:none!important}
  .neo-button.neo-ripple::after{animation:none}
  .x-link{transition:none}
}