*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#05070a;color:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.cnote{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top) + 5px) 14px 5px;font-size:11.5px;line-height:1.3;background:#000;color:#8b949e;z-index:5}
.cnote b{color:#e6edf3;font-weight:600}
.cnote a{color:#e6edf3;text-decoration:none;font-weight:600;white-space:nowrap;padding:4px 9px;border-radius:99px;background:#1b1f26}
.phone{flex:1;position:relative;overflow:hidden;min-height:0;isolation:isolate}
@media (min-width:640px) and (min-height:720px){
  body{align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% 0%,#1a2233,#05070a)}
  .cnote{background:none;width:390px;padding:0 2px 12px}
  .phone{flex:none;width:390px;height:min(844px,calc(100dvh - 70px));border-radius:50px;box-shadow:0 0 0 11px #111418,0 0 0 12px #2b3038,0 50px 100px rgba(0,0,0,.6)}
}
/* screen nav */
.scr{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .42s cubic-bezier(.2,.85,.25,1),opacity .35s ease;will-change:transform;scrollbar-width:none}
.scr::-webkit-scrollbar{display:none}
.scr.on{transform:none;z-index:2}
.scr.off-l{transform:translateX(-28%);opacity:0;z-index:1}
.scr.notrans{transition:none!important}
.scr.fade{animation:fadeIn .35s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.toast{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;padding:11px 18px;border-radius:99px;background:rgba(20,22,28,.92);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;z-index:50;transition:.3s cubic-bezier(.2,.85,.25,1);pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.toast.show{opacity:1;transform:translate(-50%,0)}