.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;z-index:50;color:#fff;gap:1rem}.loading-text{font-size:1.5rem;font-family:monospace}.progress-bar{width:16rem;height:.5rem;background-color:#1f2937;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;transition:width .3s ease-in-out}.ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;font-family:sans-serif}.buttons{position:absolute;bottom:2rem;right:2rem;display:flex;gap:1rem;pointer-events:auto}.btn{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn:hover{background:#fff3;transform:scale(1.1)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal{background:#0a0a0ae6;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:1rem;max-width:400px;color:#fff;box-shadow:0 20px 50px #00000080}h2{margin-top:0;margin-bottom:1rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}p{line-height:1.6;color:#ccc;margin-bottom:1rem}.close-btn{background:#fff;color:#000;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s;display:block;margin-left:auto}.close-btn:hover{background:#eee}