:root{
  --pch-vw:100vw;
  --pch-vh:100dvh;
  --pch-app-max:430px;
  --pch-red:#ed1515;
  --pch-red-deep:#c52643;
  --pch-ink:#17191d;
  --pch-white:#fff;
  --pch-muted:#717782;
  --pch-line:#e6e8ec;
  --pch-radius-sm:12px;
  --pch-radius-md:18px;
  --pch-radius-lg:28px;
  --pch-radius-pill:999px;
  --pch-shadow-sm:0 6px 16px rgba(0,0,0,.08);
  --pch-shadow-md:0 18px 45px rgba(0,0,0,.14);
}

html{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  overscroll-behavior:none!important;
  -webkit-text-size-adjust:100%;
}

body.parchemos-native-app{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  overscroll-behavior:none!important;
}

.parchemos-native-root{
  position:fixed!important;
  inset:0!important;
  width:var(--pch-vw)!important;
  height:var(--pch-vh)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
}

.parchemos-app-screen{
  position:relative;
  width:min(100%,var(--pch-app-max));
  height:100%;
  min-height:0;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  background:#fff;
}

.parchemos-app-screen--red{
  background:linear-gradient(180deg,#FB302F 0%,#C52643 70.19%);
}

.parchemos-app-scroll{
  width:100%;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
}

.parchemos-app-fixed{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.parchemos-app-content{
  width:100%;
  max-width:430px;
  margin:0 auto;
  padding:16px;
}

.parchemos-app-button{
  width:100%;
  min-height:56px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 22px;
  font:500 15px/1.1 "Comfortaa",system-ui,sans-serif;
  cursor:pointer;
  box-shadow:var(--pch-shadow-sm);
}

.parchemos-app-card{
  border:1px solid var(--pch-line);
  border-radius:var(--pch-radius-md);
  background:#fff;
  box-shadow:var(--pch-shadow-sm);
}

@media(max-width:600px){
  .parchemos-native-root{
    place-items:start center!important;
  }

  .parchemos-app-screen{
    width:100%!important;
    max-width:none!important;
    height:var(--pch-vh)!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}


/* v2.0.0 — app surface without a visible device/container frame */
html,
body.parchemos-native-app,
.parchemos-native-root,
.parchemos-app-screen{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.parchemos-native-root{
  background:transparent!important;
}

.parchemos-app-screen{
  isolation:isolate;
  transform:none;
}

@media(max-width:600px){
  .parchemos-app-screen{
    position:fixed!important;
    inset:0!important;
    width:var(--pch-vw)!important;
    height:var(--pch-vh)!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }
}