body{margin:0;background:#0e1116;color:#f4f4f6;font:18px/1.5 system-ui;padding:calc(24px + env(safe-area-inset-top)) 24px}main{max-width:480px;margin:10vh auto}h1{font-size:28px}button,a{display:block;box-sizing:border-box;width:100%;padding:16px;margin:16px 0;border-radius:14px;border:1px solid #677182;background:#263349;color:inherit;font:inherit;text-align:center;text-decoration:none}p{color:#bac2ce}button:disabled{opacity:.6}button,a{background-image:linear-gradient(150deg,#ffffff18,transparent 60%);box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 #0006,0 12px 24px -16px #0008;transition:translate .16s}button:active,a:active{translate:0 2px}button:focus-visible,a:focus-visible{outline:3px solid #f2c46a;outline-offset:4px}@media(prefers-reduced-motion:reduce){button,a{transition:none;translate:none}}