:root{--modal-bg-gradient:linear-gradient(135deg, var(--bg-dark-card) 0%, var(--bg-dark-elevated) 100%);--modal-text-color:var(--text-primary);--modal-text-muted:var(--text-secondary);--modal-radius:16px;--modal-z-index:10000}.modal-content{background:var(--modal-bg-gradient);border-radius:var(--modal-radius);width:90%;max-width:650px;max-height:85vh;box-shadow:0 20px 60px #00000080, 0 0 0 1px color-mix(in srgb, var(--primary-solid), transparent 80%);text-align:left;color:var(--modal-text-color);padding:35px;position:relative;overflow-y:auto}dialog.modal-content{color:var(--modal-text-color);z-index:var(--modal-z-index);overscroll-behavior:contain;border:none;margin:auto;position:fixed;inset:0;overflow-y:auto}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;animation:.3s ease-out fadeIn}dialog[open]{animation:.3s cubic-bezier(.25,1,.5,1) slideIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{cursor:pointer;color:#999;z-index:10005;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover,dialog.modal-content .modal-close:hover{background:color-mix(in srgb, var(--primary-solid), transparent 80%);color:var(--primary-solid);transform:rotate(90deg)}.modal-close:focus{outline:2px solid var(--primary-solid);outline-offset:2px}.modal-title{color:var(--primary-solid);margin-top:0;font-size:22px;font-weight:700}.modal-description-box{border-left:3px solid var(--primary-solid);background:#ffffff0d;border-radius:0 8px 8px 0;margin-bottom:25px;padding:15px 20px}.modal-warning-text{color:#fff;margin:0;font-weight:500;line-height:1.5}.modal-tags{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.modal-tag-group{color:var(--modal-text-muted);align-items:center;gap:8px;font-size:.9em;display:flex}.modal-tag{letter-spacing:.5px;background:color-mix(in srgb, var(--primary-solid), transparent 85%);color:var(--primary-solid);border:1px solid color-mix(in srgb, var(--primary-solid), transparent 70%);border-radius:20px;padding:6px 14px;font-size:.9em;font-weight:600}.modal-subtitle{color:var(--primary-solid);border-bottom:1px solid #ffffff1a;margin-top:25px;margin-bottom:15px;padding-bottom:10px;font-size:18px;display:inline-block}.modal-list{color:#cfcfcf;margin:0;padding-left:0;line-height:1.8;list-style:none}.modal-list li{align-items:flex-start;margin-bottom:8px;display:flex}.modal-list li:before{content:"✓";color:var(--primary-solid);margin-right:12px;font-weight:900;display:inline-block}.modal-overlay{width:100%;height:100%;z-index:var(--modal-z-index);background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-ok-button{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:25px;margin:20px auto 0;padding:12px 30px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:block}.modal-ok-button:hover{box-shadow:0 5px 15px color-mix(in srgb, var(--primary-solid), transparent 60%);transform:translateY(-2px)}.modal-divider{background:#ffffff1a;border:0;height:1px;margin:25px 0}.modal-dev-note{border:1px dashed color-mix(in srgb, var(--primary-solid), transparent 70%);background:#0000004d;border-radius:8px;margin-top:25px;padding:15px;font-size:.85em}.dev-note-title{color:#999;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin:0 0 10px;font-size:.9em;display:flex}.dev-note-text{color:#aeaeae;margin-bottom:8px;line-height:1.6}.dev-note-text strong{color:#d0d0d0}@media (width<=600px){.modal-content{width:95%;max-height:90vh;padding:25px 20px}.modal-close{width:32px;height:32px;font-size:20px;top:10px;right:10px}.modal-title{padding-right:20px;font-size:18px}.modal-description-box{padding:12px 15px}.modal-tags{gap:10px}.modal-tag{padding:4px 10px;font-size:.85em}}