@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&display=swap";:root{--font-main: "Outfit", sans-serif;--bg-color: #ffffff;--text-color: #000000;--panel-bg: rgba(255, 255, 255, .9);--panel-shadow: 0 2px 10px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-color: #000000;--text-color: #ffffff;--panel-bg: rgba(30, 30, 30, .9);--panel-shadow: 0 2px 10px rgba(0, 0, 0, .5)}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow:hidden;transition:background-color .3s ease}#root{height:100vh;width:100vw}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.z-0{z-index:0}.z-40{z-index:40}.z-1000{z-index:1000}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.ui-layer{position:fixed;z-index:1000}.top-left{top:1rem;left:1rem}.top-right{top:1rem;right:1rem}.bottom-center{bottom:2rem;left:50%;transform:translate(-50%)}.bottom-right{bottom:2rem;right:1rem}.glass-panel{background:var(--panel-bg);padding:.5rem;border-radius:999px;display:flex;gap:.5rem;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon{background:transparent;border:none;color:var(--text-color);padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.btn-icon:hover{transform:scale(1.1);background-color:#7d7d7d1a}.title-text{font-size:1.25rem;font-weight:700;letter-spacing:.05em;pointer-events:none}.svg-art{transition:filter .3s}[data-theme=dark] .svg-art{filter:invert(1)}.loader-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-color);z-index:500}.spin{animation:spin 1s linear infinite;border:4px solid #6366f1;border-top-color:transparent;width:40px;height:40px;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}