.fallback-spinner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--bg-color, rgba(246, 248, 250, .8))}.spinner-dark-mode .fallback-spinner{background-color:var(--dark-bg-color, rgba(13, 17, 23, .9))}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;padding:1.5rem;position:relative}.loading-spinner{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.spinner-icon{position:absolute;z-index:3;color:var(--primary-color, #5960fe);animation:pulse 1.5s ease infinite}.code-symbol{font-family:Courier New,Courier,monospace;font-size:18px;font-weight:700;color:var(--primary-color, #5960fe)}.code-brackets{font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;color:var(--secondary-color, #f600b9);display:inline-block;margin:0 .25rem}.left-bracket{animation:fadeInLeft .8s ease forwards}.right-bracket{animation:fadeInRight .8s ease forwards}.loading-text{margin-top:1rem;font-family:Courier New,Courier,monospace}.comment-line{font-size:14px;color:var(--comment-color, #6e7781);letter-spacing:.5px;opacity:0;animation:fadeIn .5s ease forwards .8s}.spinner-dark-mode .comment-line{color:#8b949e}.code-typing{width:300px;height:40px;margin-top:20px;background-color:var(--code-bg, rgba(27, 31, 35, .05));border-radius:6px;padding:10px;overflow:hidden;position:relative}.spinner-dark-mode .code-typing{background-color:#ffffff0d}.typed-code:after{content:"npm install cyber-brains --save";font-family:Courier New,Courier,monospace;font-size:14px;color:var(--text-color, rgba(36, 41, 47, .8));opacity:0;animation:typing 2s steps(40,end) forwards .4s,blink-caret .75s step-end infinite}.spinner-dark-mode .typed-code:after{color:#e6edf3b3}.effect-1,.effect-2,.effect-3{position:absolute;width:100%;height:100%;border:2px solid transparent;border-radius:50%;box-sizing:border-box}.effect-1{border-left:2px solid var(--primary-color, #5960fe);border-right:2px solid var(--secondary-color, #f600b9);animation:rotate 1.5s linear infinite}.effect-2{border-top:2px solid var(--primary-color, #5960fe);border-bottom:2px solid var(--secondary-color, #f600b9);animation:rotate 2s linear infinite reverse}.effect-3{border-left:2px dotted var(--primary-color, #5960fe);border-right:2px dotted var(--secondary-color, #f600b9);animation:rotateOpacity 1.5s linear infinite .5s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateOpacity{0%{transform:rotate(0);opacity:.2}50%{opacity:1}to{transform:rotate(360deg);opacity:.2}}@keyframes pulse{0%{transform:scale(.85);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.7}}@keyframes fadeInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typing{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes blink-caret{0%,to{border-right:2px solid transparent}50%{border-right:2px solid var(--primary-color, #5960fe)}}:root{--primary-color: #5960fe;--secondary-color: #f600b9;--bg-color: #ffffff;--dark-bg-color: #1C1C1C;--code-bg: rgba(27, 31, 35, .05);--text-color: #24292f;--comment-color: #6e7781}.spinner-dark-mode{--bg-color: #1C1C1C;--text-color: #e6edf3;--code-bg: rgba(255, 255, 255, .05);--comment-color: #8b949e}