*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;-webkit-text-size-adjust:100%}
body.silo{
  font-family:"Figtree",system-ui,-apple-system,sans-serif;
  min-height:100%;
  background:#FFB428;
  color:#2A1A00;
}
.silo-wash{
  position:fixed;inset:0;
  background:
    repeating-linear-gradient(-18deg, rgba(255,255,255,.08) 0 14px, transparent 14px 28px),
    linear-gradient(180deg,#FFC44A 0%,#FFB428 50%,#F08A12 100%);
}
.silo-box{
  position:fixed;inset:0;z-index:3;
  display:grid;place-items:center;
  padding:20px;
}
.silo-card{
  width:min(100%,340px);
  background:#FFF8E8;
  color:#2A1A00;
  border-radius:20px;
  padding:28px 22px 22px;
  box-shadow:0 18px 40px rgba(90,40,0,.2);
  text-align:center;
}
.silo-card h1{
  font-family:"Fraunces",Georgia,serif;
  font-size:1.7rem;
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:700;
}
.silo-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:22px;
}
.silo-no,.silo-yes{
  border:0;border-radius:10px;padding:14px 10px;
  font:inherit;font-weight:800;cursor:pointer;font-size:1rem;
}
.silo-yes{background:#2A1A00;color:#FFC44A}
.silo-no{background:transparent;color:#6B4A12;border:1.5px solid #D7B36A}
.silo-yes:disabled{opacity:.6;cursor:wait}
.silo-no:active,.silo-yes:active{transform:translateY(1px)}
@media(max-width:360px){
  .silo-row{grid-template-columns:1fr}
}