.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background-color:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:2px solid var(--neon-cyan,#00f0ff);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-cyan), var(--shadow-lg);animation:slideUp var(--transition-base) cubic-bezier(.16, 1, .3, 1);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);position:relative;overflow-y:auto}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:600px}.modal-large{width:90%;max-width:900px;max-height:90vh}.modal-full{border:none;border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#0003}.modal-content::-webkit-scrollbar-thumb{background:var(--neon-cyan,#00f0ff);border-radius:var(--radius-sm);opacity:.5}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--neon-pink,#ff006e)}.modal-content :focus-visible{outline:2px solid var(--neon-cyan,#00f0ff);outline-offset:2px}@media (width<=768px){.modal-content{width:95%;max-height:85vh;margin:var(--spacing-md)}.modal-small,.modal-medium,.modal-large{width:95%}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-content{animation:none}}