.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#080c20b8;animation:.2s ease-out modalBackdropIn;position:fixed;inset:0}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.modal-wrapper{z-index:1001;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{pointer-events:auto;will-change:transform;background:linear-gradient(135deg,#fff 0%,#f6f8fe 100%);border:1px solid #646cff26;flex-direction:column;width:100%;max-height:90vh;display:flex}.center-modal{border-radius:var(--border-radius-xl);max-width:420px;margin:20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;box-shadow:0 30px 70px -15px #646cff38,0 0 30px #646cff14,0 0 0 1px #646cff1f}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:none}}[data-theme=dark] .modal-content{-webkit-backdrop-filter:blur(30px);background:linear-gradient(145deg,#0e1636fa 0%,#070a1cfc 100%);border:1px solid #8b5cf659}[data-theme=dark] .center-modal{box-shadow:0 35px 80px -10px #000000e6,0 0 45px #8b5cf647,0 0 0 1px #8b5cf659}.bottom-sheet{border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;max-width:600px;padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - env(safe-area-inset-top,20px) - 20px);touch-action:none;position:absolute;bottom:0;box-shadow:0 -10px 40px #646cff26}[data-theme=dark] .bottom-sheet{box-shadow:0 -15px 45px #8b5cf638}.modal-drag-handle-area{cursor:grab;touch-action:none;justify-content:center;padding:12px 0 4px;display:flex}.modal-drag-handle{background:linear-gradient(90deg, var(--aurora-start,#3b82f6), var(--aurora-end,#8b5cf6));opacity:.8;border-radius:2px;width:40px;height:4px;transition:all .2s}.modal-drag-handle.dragging{opacity:1;background:var(--aurora-mid,#6366f1);width:56px}.modal-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:4px;font-size:20px;transition:background .2s;display:flex}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px;overflow-y:auto}@media (width<=768px){.center-modal{border-radius:16px;max-width:calc(100vw - 24px);margin:12px}.bottom-sheet{max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top,20px) - 20px);border-radius:16px 16px 0 0}.modal-header{padding:12px 16px}.modal-title{font-size:var(--font-size-md)}.modal-close{min-width:40px;min-height:40px;font-size:22px}.modal-body{padding:16px}.modal-drag-handle-area{padding:10px 0 2px}.modal-drag-handle{width:36px;height:4px}}@media (width>=768px){.bottom-sheet{border-radius:var(--border-radius-lg);touch-action:auto;max-height:80vh;position:relative;bottom:auto}.modal-drag-handle-area{display:none}}@media (width<=380px){.center-modal{border-radius:14px;max-width:calc(100vw - 16px);margin:8px}.modal-body{padding:12px}.modal-header{padding:10px 12px}.modal-title{font-size:var(--font-size-sm)}}