.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{position:relative;background:var(--background-color-light);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;width:100%;max-width:560px;max-height:calc(100vh - 2rem);overflow-y:auto;box-shadow:0 0 30px #33ff331a,0 20px 60px #00000080;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.modal-container::-webkit-scrollbar{width:4px}.modal-container::-webkit-scrollbar-track{background:transparent}.modal-container::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#ffffff38}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color var(--transition-speed) var(--transition-timing),background var(--transition-speed) var(--transition-timing)}.modal-close:hover{color:var(--text-color);background:var(--surface-elevated)}.modal-close:focus-visible{outline:none;box-shadow:var(--glow-focus)}@media (max-width: 480px){.modal-container{padding:2rem 1.5rem;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:none;max-height:90vh;overflow-y:auto}}