/* Stable equal-box layout for current desktop and mobile browsers. */
[hidden]{display:none!important}
.purchase-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 14px}
.purchase-mode{display:flex;min-width:0;min-height:82px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:14px 16px;border:1px solid #294662;border-radius:16px;background:#091727;color:#edf5ff;text-align:left;box-shadow:none}
.purchase-mode small,.input-hint{color:#8faac2;font-size:13px;line-height:1.55}
.purchase-mode.active{border-color:#35d9bd;background:linear-gradient(145deg,rgba(23,82,84,.72),rgba(10,35,54,.92));box-shadow:0 0 0 1px rgba(53,217,189,.2),0 12px 30px rgba(19,191,172,.11)}
.purchase-mode.active small{color:#72ead0}
.input-hint{margin:7px 2px 14px}
.coupon-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:stretch}
.coupon-entry input{text-transform:uppercase}
.coupon-entry button{min-width:128px;min-height:52px;padding:12px 18px;border:1px solid rgba(65,220,202,.48);border-radius:13px;background:linear-gradient(110deg,#38dfa4,#36c9ff);color:#03131e;font-weight:900;line-height:1.2;cursor:pointer;box-shadow:0 12px 28px rgba(41,210,181,.16);-webkit-appearance:none;appearance:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}
.coupon-entry button:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 15px 34px rgba(41,210,181,.25)}
.coupon-entry button:focus-visible{outline:3px solid rgba(54,201,255,.5);outline-offset:3px}.coupon-entry button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.coupon-message{display:flex;align-items:center;gap:8px;min-height:34px;margin:8px 0 14px;padding:7px 10px;border:1px solid rgba(100,155,190,.18);border-radius:10px;background:rgba(5,20,34,.55);color:#9db3c8;font-size:13px;line-height:1.45}.coupon-message:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#718ba2;box-shadow:0 0 0 4px rgba(113,139,162,.09)}.coupon-message.ok{border-color:rgba(70,224,167,.24);background:rgba(21,77,59,.25);color:#73efb8}.coupon-message.ok:before{background:#48e2a5;box-shadow:0 0 0 4px rgba(72,226,165,.1)}.coupon-message.bad{border-color:rgba(255,113,139,.28);background:rgba(89,25,43,.25);color:#ff9aad}.coupon-message.bad:before{background:#ff718b;box-shadow:0 0 0 4px rgba(255,113,139,.1)}
:root{--store-gap:18px;--store-radius:22px}
html,body{width:100%;min-width:320px;overflow-x:hidden}
.shell{width:min(1180px,100%)!important;padding-inline:clamp(12px,2.4vw,28px)!important}
.nav,.card,.network,.summary,.notice,.support,.tutorial-preview,.faq details{border-radius:var(--store-radius)!important;clip-path:inset(0 round var(--store-radius))}
.grid,.recent{gap:var(--store-gap)!important;align-items:stretch}
.grid>*,.recent>*{min-width:0;height:100%}
.grid>.card{display:flex;flex-direction:column}
.grid>.card form{display:flex;flex:1;flex-direction:column;min-width:0}
.grid>.card form>.btn{margin-top:auto}
input,select,textarea,button,.btn{max-width:100%;border-radius:13px!important}
.row>*{min-width:0}.row b{overflow-wrap:anywhere}
@media(max-width:820px){.grid{grid-template-columns:1fr!important}.grid>.card{height:auto}.recent{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.purchase-mode-switch,.coupon-entry{grid-template-columns:1fr}.purchase-mode{min-height:72px}.coupon-entry button{width:100%}}
@media(max-width:520px){:root{--store-gap:12px;--store-radius:18px}.shell{padding-left:max(11px,env(safe-area-inset-left))!important;padding-right:max(11px,env(safe-area-inset-right))!important}.recent{grid-template-columns:1fr!important}.nav,.card,.network,.summary,.notice,.support,.tutorial-preview,.faq details{width:100%;border-radius:var(--store-radius)!important}.row{grid-template-columns:minmax(0,1fr) minmax(105px,44%)!important}}

/* YPT is a simple square-checkbox row, without a second card-shaped outline. */
.ypt-option{
  margin-top:18px!important;
  padding:10px 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.ypt-option:hover,.ypt-option:focus-within{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ypt-option input[type="checkbox"]{
  flex:0 0 21px;
  width:21px!important;
  height:21px!important;
  min-height:21px!important;
  border-radius:4px!important;
}

/* Equal storefront cards: shared edges, equal columns and equal row heights. */
.grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}
.grid>.card{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.recent{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}
.recent>.card{
  display:flex;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  flex-direction:column;
  box-sizing:border-box!important;
}
.recent-amount{margin:9px 0;font-size:23px;font-weight:900;color:#fff;line-height:1.25}
.networks{grid-auto-rows:1fr!important}
.network{height:100%;box-sizing:border-box!important}
@media(max-width:820px){
  .grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important}
  .grid>.card{height:auto!important}
  .recent{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .recent{grid-template-columns:1fr!important;grid-auto-rows:auto!important}
  .recent>.card{height:auto!important}
}