*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100vh;width:100vw;margin:0;padding:0;overflow-x:hidden}html{background-color:#fff;color:#000;transition:background-color .2s ease,color .2s ease}html.dark-mode{background-color:#121212;color:#e0e0e0}html.light-mode{background-color:#fff;color:#000}#root{display:flex;flex-direction:column;min-height:100vh;width:100vw}.spinner{border:4px solid #f3f3f3;border-top:4px solid #6d43b6ff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.light-mode{background-color:#fff;color:#000}body.dark-mode{background-color:#121212;color:#e0e0e0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.popup-overlay.show{background-color:#0009;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-content{opacity:0;transform:scale(.9) translateY(20px);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.popup-content.show{opacity:1;transform:scale(1) translateY(0)}