.ios-device{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.ios-standalone{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ios-touch-active{transform:scale(.98);opacity:.8;transition:all .1s ease}.ios-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ios-button:active{transform:scale(.98);opacity:.8}.ios-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;border:1px solid #d1d5db;padding:12px 16px;font-size:16px;background:#fff;box-shadow:inset 0 1px 2px #0000001a}.ios-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ios-card{border-radius:12px}.ios-card:active{transform:scale(.98)}.ios-nav{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1)}.ios-modal{background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ios-modal.open{transform:translateY(0)}.ios-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ios-list-item{padding:16px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;transition:background-color .2s ease}.ios-list-item:last-child{border-bottom:none}.ios-list-item:active{background-color:#f9fafb}.ios-switch{position:relative;width:51px;height:31px;background:#e5e7eb;border-radius:31px;cursor:pointer;transition:background-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}.ios-switch:checked{background:#10b981}.ios-switch:before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.ios-switch:checked:before{transform:translate(20px)}.ios-progress{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.ios-progress-bar{height:100%;background:#10b981;border-radius:2px;transition:width .3s ease}.ios-alert{background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 25px #00000026;max-width:300px;margin:0 auto}.ios-alert-title{font-size:17px;font-weight:600;margin-bottom:8px;text-align:center}.ios-alert-message{font-size:13px;color:#6b7280;text-align:center;margin-bottom:20px}.ios-alert-actions{display:flex;gap:8px}.ios-alert-button{flex:1;padding:10px 16px;border-radius:8px;font-size:17px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ios-alert-button.primary{background:#10b981;color:#fff}.ios-alert-button.secondary{background:#f3f4f6;color:#374151}.ios-alert-button:active{transform:scale(.98);opacity:.8}@keyframes ios-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ios-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes ios-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ios-animate-slide-up{animation:ios-slide-up .3s cubic-bezier(.4,0,.2,1)}.ios-animate-slide-down{animation:ios-slide-down .3s cubic-bezier(.4,0,.2,1)}.ios-animate-fade-in{animation:ios-fade-in .2s ease-out}.ios-device ::-webkit-scrollbar{width:0;background:transparent}.ios-device *:focus{outline:none}.ios-device button:focus-visible,.ios-device input:focus-visible,.ios-device select:focus-visible,.ios-device textarea:focus-visible{outline:2px solid #10b981;outline-offset:2px}.ios-device ::selection{background:#10b98133;color:inherit}.ios-device input[type=date],.ios-device input[type=time],.ios-device input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ios-device select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}