:root{--keyboard-height:0px}@supports (-webkit-touch-callout:none){.ios-viewport{min-height:100vh;min-height:-webkit-fill-available}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{font-size:16px!important}}.ios-keyboard-active{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ios-keyboard-container{transition:height .3s cubic-bezier(.25,.46,.45,.94)}.ios-keyboard-active .ios-keyboard-container{height:calc(100vh - var(--keyboard-height));overflow:hidden}.ios-input-wrapper{position:relative}.ios-input-wrapper input,.ios-input-wrapper textarea{width:100%;transition:all .3s ease}.ios-keyboard-active .ios-input-wrapper input:focus,.ios-keyboard-active .ios-input-wrapper textarea:focus{transform:translateY(-10px);box-shadow:0 8px 25px rgba(124,58,237,.15)}.ios-keyboard-scroll-area{max-height:100vh;overflow-y:auto;transition:max-height .3s cubic-bezier(.25,.46,.45,.94)}.ios-keyboard-active .ios-keyboard-scroll-area{max-height:calc(100vh - var(--keyboard-height))}.ios-form{padding-bottom:20px}.ios-keyboard-active .ios-form{padding-bottom:calc(var(--keyboard-height) + 20px)}.ios-keyboard-sticky-button{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);transition:bottom .3s cubic-bezier(.25,.46,.45,.94);z-index:1000}.ios-keyboard-active .ios-keyboard-sticky-button{bottom:calc(var(--keyboard-height) + 20px)}.ios-enhanced-input{position:relative;display:flex;flex-direction:column;gap:8px}.ios-enhanced-input input,.ios-enhanced-input textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px;font-size:16px;color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s ease}.ios-enhanced-input input:focus,.ios-enhanced-input textarea:focus{outline:none;border-color:rgba(124,58,237,.5);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 4px rgba(124,58,237,.1)}.ios-enhanced-input input::-moz-placeholder,.ios-enhanced-input textarea::-moz-placeholder{color:hsla(0,0%,100%,.4)}.ios-enhanced-input input::placeholder,.ios-enhanced-input textarea::placeholder{color:hsla(0,0%,100%,.4)}.ios-keyboard-toolbar{position:fixed;bottom:var(--keyboard-height);left:0;right:0;height:44px;background:rgba(28,28,30,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:1001}.ios-keyboard-active .ios-keyboard-toolbar{transform:translateY(0)}.ios-keyboard-toolbar button{background:none;border:none;color:#7c3aed;font-size:16px;font-weight:600;padding:8px 16px;border-radius:8px;transition:background-color .2s ease}.ios-keyboard-toolbar button:hover{background:rgba(124,58,237,.1)}.ios-keyboard-toolbar button:disabled{color:hsla(0,0%,100%,.3)}.ios-keyboard-transitioning{pointer-events:none}.ios-keyboard-transitioning *{transition-duration:.3s!important}@media (max-height:600px){.ios-keyboard-active .ios-form{padding-bottom:calc(var(--keyboard-height) + 10px)}.ios-keyboard-active .ios-keyboard-sticky-button{bottom:calc(var(--keyboard-height) + 10px)}}@media (prefers-color-scheme:dark){.ios-enhanced-input input,.ios-enhanced-input textarea{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.08)}.ios-enhanced-input input:focus,.ios-enhanced-input textarea:focus{background:hsla(0,0%,100%,.06)}}