:root{--loader-overlay: rgba(255, 255, 255, .4);--loader-bg: #fffff7;--loader-text: #334155;--loader-spinner-track: rgba(0, 0, 0, .1)}.dark{--loader-overlay: rgba(0, 0, 0, .6);--loader-bg: #1e293b;--loader-text: #f8fafc;--loader-spinner-track: rgba(255, 255, 255, .1)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--loader-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{text-align:center;background:var(--loader-bg);padding:32px;justify-items:center;border-radius:16px;box-shadow:0 10px 40px -10px #0003;color:var(--loader-text);border:1px solid rgba(255,255,255,.1)}.spinner{width:60px;height:60px;border:4px solid var(--loader-spinner-track);border-top:4px solid #0ea5e9;border-radius:50%;align-self:center;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}