*,*::before,*::after{box-sizing:border-box}
html{
  height:100%;
  background:#E6B81A;
  -webkit-text-size-adjust:100%;
}
html,body{margin:0}
body.yolk{
  font-family:"Outfit",system-ui,-apple-system,sans-serif;
  background:#E6B81A;
  color:#1a1408;
  min-height:100%;
  min-height:100dvh;
  max-width:430px;
  margin:0 auto;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}
.yolk-fill{position:fixed;inset:0;background:#E6B81A;z-index:1}
.yolk-hold{
  position:relative;
  z-index:3;
  min-height:100%;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));
}
.yolk-box{
  width:100%;
  max-width:400px;
  background:#fff;
  border-radius:24px;
  padding:28px 20px 18px;
  box-shadow:0 14px 40px rgba(80,50,0,.18);
  text-align:center;
}
.yolk-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  height:52px;
  padding:0 14px;
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:#E6B81A;
  color:#1a1408;
  border-radius:999px;
  margin-bottom:16px;
}
.yolk-box h1{
  margin:0;
  font-size:1.28rem;
  line-height:1.25;
  letter-spacing:-.03em;
  font-weight:800;
  text-wrap:balance;
}
.yolk-hint{
  margin:10px auto 0;
  max-width:32ch;
  font-size:.86rem;
  color:#5c5346;
  font-weight:500;
  line-height:1.4;
}
.yolk-acts{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:22px;
}
.yolk-go,.yolk-stop{
  width:100%;
  border:0;
  border-radius:999px;
  padding:14px 16px;
  font:inherit;
  font-size:.92rem;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.2;
  cursor:pointer;
  min-height:52px;
  white-space:nowrap;
}
.yolk-go{background:#E6B81A;color:#1a1408}
.yolk-stop{background:#f3f1ec;color:#1a1408}
.yolk-go:disabled{opacity:.65;cursor:wait}
.yolk-go:active,.yolk-stop:active{transform:scale(.98)}
.yolk-law{
  margin-top:16px;
  font-size:.72rem;
  font-weight:700;
}
.yolk-law a{color:#0b6b3a;text-decoration:none}
.yolk-off{display:none}