.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1);color:var(--text-primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600;letter-spacing:-.5px}.modal-body,.modal-body label,.modal-body p,.modal-body span,.modal-title{color:var(--text-primary)}.close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);border-radius:50%;padding:8px;transition:all .2s ease}.close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-backdrop{align-items:flex-end;padding:0}.modal-content{margin:0;max-width:100%;width:100%;max-height:90dvh;border-radius:24px 24px 0 0;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);animation:slideUpSheet .32s cubic-bezier(.16,1,.3,1)}}body.modal-open .bottom-nav-wrapper{display:none}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}