.modal-backdrop{-webkit-backdrop-filter:blur(100px)saturate(200%)brightness(80%);z-index:9998;will-change:backdrop-filter;background:#0000004d;position:fixed;inset:0}.modal-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{pointer-events:auto;perspective:1000px;width:100%;max-width:500px;max-height:90vh;transform-style:preserve-3d;background:#fff;border-radius:0;position:relative;overflow:hidden;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.modal-close-btn{z-index:10;cursor:pointer;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 1px 2px #0000000d}.modal-close-btn svg{flex-shrink:0;width:20px;height:20px}.modal-close-btn:hover{background:#f9fafb;border-color:#9ca3af}.modal-close-btn:active{transform:scale(.95)}.modal-body{max-height:calc(90vh - 80px);padding:1.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-scroll-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:none;z-index:10;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:2s infinite bounce;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@media (max-width:640px){.modal-content{max-width:100%}.modal-header,.modal-body{padding:1rem}.modal-close-btn{top:.5rem;right:.5rem}}:root.dark .modal-backdrop{background:#00000080}:root.dark .modal-content{background:#141414;box-shadow:0 11px 15px -7px #0006,0 24px 38px 3px #0000004d,0 9px 46px 8px #00000040}:root.dark .modal-header{border-bottom-color:#2a2a2a}:root.dark .modal-title{color:#f0f0f0}:root.dark .modal-close-btn{color:#d4d4d8;background:#1c1c1c;border-color:#333}:root.dark .modal-close-btn:hover{background:#242424;border-color:#444}:root.dark .modal-body::-webkit-scrollbar-track{background:#1c1c1c}:root.dark .modal-body::-webkit-scrollbar-thumb{background:#333}:root.dark .modal-body::-webkit-scrollbar-thumb:hover{background:#444}