*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0c0a0d;color:#f5f5f4;font-family:Instrument Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse at top,#1a1418,#0c0a0d 60%,#08070a)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}input:focus,button:focus{outline:none}.font-display{font-family:"Instrument Serif",Georgia,serif;letter-spacing:-.01em}.grain:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out both}.fade-in{animation:fadeIn .4s ease-out both}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.page{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:0 20px 120px}.modal-backdrop{align-items:flex-end}.modal-panel{max-height:calc(100vh - 32px);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 720px){.modal-backdrop{align-items:center}.modal-panel{max-height:88vh}}