| {"version":3,"file":"static/css/main.54f85c75.css","mappings":"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","sources":["components/AHoleLoader.css","index.css"],"sourcesContent":["/* AHole Loader Styles - Adapted from CodePen */\r\n.a-hole-loader {\r\n width: 100%;\r\n height: 100%;\r\n background: #141414;\r\n}\r\n\r\na-hole {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n}\r\n\r\na-hole::before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 2;\r\n display: block;\r\n width: 150%;\r\n height: 140%;\r\n background: radial-gradient(ellipse at 50% 55%, transparent 10%, black 50%);\r\n transform: translate3d(-50%, -50%, 0);\r\n content: \"\";\r\n}\r\n\r\na-hole::after {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 5;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background: radial-gradient(ellipse at 50% 75%,\r\n #a900ff 20%,\r\n transparent 75%);\r\n mix-blend-mode: overlay;\r\n transform: translate3d(-50%, -50%, 0);\r\n content: \"\";\r\n}\r\n\r\n@keyframes aura-glow {\r\n 0% {\r\n background-position: 0 100%;\r\n }\r\n\r\n 100% {\r\n background-position: 0 300%;\r\n }\r\n}\r\n\r\na-hole .aura {\r\n position: absolute;\r\n top: -71.5%;\r\n left: 50%;\r\n z-index: 3;\r\n width: 30%;\r\n height: 140%;\r\n background: linear-gradient(20deg,\r\n #00f8f1,\r\n #ffbd1e20 16.5%,\r\n #fe848f 33%,\r\n #fe848f20 49.5%,\r\n #00f8f1 66%,\r\n #00f8f160 85.5%,\r\n #ffbd1e 100%) 0 100% / 100% 200%;\r\n border-radius: 0 0 100% 100%;\r\n filter: blur(50px);\r\n mix-blend-mode: plus-lighter;\r\n opacity: 0.75;\r\n transform: translate3d(-50%, 0, 0);\r\n animation: aura-glow 5s infinite linear;\r\n}\r\n\r\na-hole .overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 10;\r\n width: 100%;\r\n height: 100%;\r\n background: repeating-linear-gradient(transparent,\r\n transparent 1px,\r\n white 1px,\r\n white 2px);\r\n mix-blend-mode: overlay;\r\n opacity: 0.5;\r\n}\r\n\r\na-hole canvas {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n/* Loading Screen Integration */\r\n.loading-screen {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: #141414;\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.loading-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n color: white;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.loading-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n background: linear-gradient(45deg, #00f8f1, #a900ff, #fe848f);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: gradient-shift 3s ease-in-out infinite;\r\n}\r\n\r\n.loading-subtitle {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-weight: 400;\r\n}\r\n\r\n.a-hole-container {\r\n width: 100vw;\r\n height: 100vh;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n@keyframes gradient-shift {\r\n\r\n 0%,\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n}\r\n\r\n/* Pixelated Loading Indicator - Bottom Left */\r\n.pixelated-loading {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 40px;\r\n z-index: 15;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: 'Courier New', monospace;\r\n}\r\n\r\n.loading-dots {\r\n display: flex;\r\n gap: 4px;\r\n}\r\n\r\n.dot {\r\n width: 8px;\r\n height: 8px;\r\n background: #00f8f1;\r\n border-radius: 0;\r\n /* Pixelated - no rounded corners */\r\n animation: pixel-pulse 1.2s ease-in-out infinite;\r\n box-shadow: 0 0 4px #00f8f1;\r\n transition: background 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.dot:nth-child(1) {\r\n animation-delay: 0s;\r\n}\r\n\r\n.dot:nth-child(2) {\r\n animation-delay: 0.3s;\r\n}\r\n\r\n.dot:nth-child(3) {\r\n animation-delay: 0.6s;\r\n}\r\n\r\n.dot:nth-child(4) {\r\n animation-delay: 0.9s;\r\n}\r\n\r\n.loading-text {\r\n color: #00f8f1;\r\n font-size: 12px;\r\n font-weight: bold;\r\n letter-spacing: 2px;\r\n text-shadow: 0 0 8px #00f8f1;\r\n animation: text-flicker 2s ease-in-out infinite;\r\n transition: color 0.3s ease, text-shadow 0.3s ease;\r\n}\r\n\r\n@keyframes pixel-pulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 0.3;\r\n transform: scale(1);\r\n }\r\n\r\n 50% {\r\n opacity: 1;\r\n transform: scale(1.2);\r\n }\r\n}\r\n\r\n@keyframes text-flicker {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.7;\r\n }\r\n}\r\n\r\n/* Responsive adjustments */\r\n@media (max-width: 768px) {\r\n .loading-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .loading-subtitle {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .pixelated-loading {\r\n bottom: 20px;\r\n left: 20px;\r\n }\r\n\r\n .dot {\r\n width: 6px;\r\n height: 6px;\r\n }\r\n\r\n .loading-text {\r\n font-size: 10px;\r\n }\r\n}","@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n --bg-primary: #000000;\r\n --bg-secondary: #111111;\r\n --glass-bg: rgba(255, 255, 255, 0.08);\r\n --glass-border: transparent;\r\n --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\r\n --text-primary: #ffffff;\r\n --text-secondary: rgba(255, 255, 255, 0.8);\r\n --text-muted: rgba(255, 255, 255, 0.6);\r\n --accent-primary: #4facfe;\r\n --accent-secondary: #8b5cf6;\r\n --accent-tertiary: #06b6d4;\r\n --gradient-primary: linear-gradient(135deg, #4facfe 0%, #8b5cf6 100%);\r\n --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\r\n --gradient-tertiary: linear-gradient(135deg, #06b6d4 0%, #4facfe 100%);\r\n --gradient-iridescent: linear-gradient(45deg, #4facfe, #8b5cf6, #06b6d4, #10b981, #f59e0b, #ef4444);\r\n}\r\n\r\nbody {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\r\n background: var(--bg-primary);\r\n color: var(--text-primary);\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n min-height: 100vh;\r\n}\r\n\r\n/* Universal fix - force same colors in all browsers */\r\nbody {\r\n background: #0f0f23 !important;\r\n}\r\n\r\n.app::before {\r\n background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%) !important;\r\n}\r\n\r\n.glass-container {\r\n background: rgba(0, 0, 0, 0.3) !important;\r\n backdrop-filter: none !important;\r\n -webkit-backdrop-filter: none !important;\r\n}\r\n\r\n.glass-panel {\r\n background: rgba(100, 100, 100, 0.1) !important;\r\n backdrop-filter: blur(25px) !important;\r\n -webkit-backdrop-filter: blur(25px) !important;\r\n}\r\n\r\n.app {\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n overflow-y: auto;\r\n}\r\n\r\n.app::before {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: var(--gradient-iridescent);\r\n opacity: 0.03;\r\n pointer-events: none;\r\n z-index: -1;\r\n}\r\n\r\n.glass-container {\r\n backdrop-filter: blur(25px);\r\n -webkit-backdrop-filter: blur(25px);\r\n background: rgba(0, 0, 0, 0.1);\r\n border: none;\r\n border-radius: 16px;\r\n box-shadow: none;\r\n margin: 12px;\r\n min-height: auto;\r\n overflow: visible;\r\n position: relative;\r\n z-index: 10;\r\n flex: 1;\r\n}\r\n\r\n.glass-container::before {\r\n content: '';\r\n position: absolute;\r\n top: -1px;\r\n left: -1px;\r\n right: -1px;\r\n bottom: -1px;\r\n background: linear-gradient(45deg,\r\n rgba(138, 43, 226, 0.2) 0%,\r\n rgba(59, 130, 246, 0.15) 50%,\r\n rgba(138, 43, 226, 0.2) 100%);\r\n border-radius: 24px;\r\n z-index: -1;\r\n}\r\n\r\n.app-header {\r\n padding: 20px 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid var(--glass-border);\r\n}\r\n\r\n.logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n}\r\n\r\n.logo-icon {\r\n font-size: 2.5rem;\r\n filter: drop-shadow(0 0 20px rgba(255, 193, 7, 0.5));\r\n}\r\n\r\n.logo h1 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n filter: drop-shadow(0 0 10px rgba(255, 107, 53, 0.3));\r\n}\r\n\r\n.logo-subtitle {\r\n font-size: 0.875rem;\r\n color: var(--text-muted);\r\n font-weight: 400;\r\n}\r\n\r\n@keyframes gradient-shift {\r\n\r\n 0%,\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n}\r\n\r\n/* Loading Screen Styles */\r\n.loading-container {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background: #141414 !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 1 !important;\r\n}\r\n\r\n@keyframes loading-fade-in {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.a-hole {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n opacity: 0;\r\n animation: hole-appear 0.2s ease-out 0.5s forwards;\r\n}\r\n\r\n@keyframes hole-appear {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.a-hole::before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 2;\r\n display: block;\r\n width: 150%;\r\n height: 140%;\r\n background: radial-gradient(ellipse at 50% 55%, transparent 10%, black 50%);\r\n transform: translate3d(-50%, -50%, 0);\r\n content: \"\";\r\n}\r\n\r\n.a-hole::after {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 5;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background: radial-gradient(ellipse at 50% 75%, #a900ff 20%, transparent 75%);\r\n mix-blend-mode: overlay;\r\n transform: translate3d(-50%, -50%, 0);\r\n content: \"\";\r\n}\r\n\r\n\r\n\r\n@keyframes aura-glow {\r\n 0% {\r\n background-position: 0 100%;\r\n }\r\n 100% {\r\n background-position: 0 300%;\r\n }\r\n}\r\n\r\n.aura {\r\n position: absolute;\r\n top: -71.5%;\r\n left: 50%;\r\n z-index: 3;\r\n width: 30%;\r\n height: 140%;\r\n background: linear-gradient(\r\n 20deg,\r\n #00f8f1,\r\n #ffbd1e20 16.5%,\r\n #fe848f 33%,\r\n #fe848f20 49.5%,\r\n #00f8f1 66%,\r\n #00f8f160 85.5%,\r\n #ffbd1e 100%\r\n )\r\n 0 100% / 100% 200%;\r\n border-radius: 0 0 100% 100%;\r\n filter: blur(50px);\r\n mix-blend-mode: plus-lighter;\r\n opacity: 0;\r\n transform: translate3d(-50%, 0, 0);\r\n animation: aura-appear 0.2s ease-out 0.5s forwards, aura-glow 5s infinite linear 0.7s;\r\n}\r\n\r\n@keyframes aura-appear {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 0.75;\r\n }\r\n}\r\n\r\n.overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 10;\r\n width: 100%;\r\n height: 100%;\r\n background: transparent;\r\n opacity: 0;\r\n}\r\n\r\n.a-hole canvas {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n/* TrueFocus Animation Styles */\r\n.focus-container {\r\n position: relative;\r\n display: flex;\r\n gap: 0.5em;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.focus-word {\r\n position: relative;\r\n font-size: 1.75rem;\r\n font-weight: 300;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'SF Pro Display', system-ui, sans-serif;\r\n cursor: pointer;\r\n color: #ffffff;\r\n letter-spacing: 0.05em;\r\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);\r\n transition: filter 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n.focus-word.active {\r\n filter: blur(0);\r\n}\r\n\r\n.focus-frame {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n pointer-events: none;\r\n box-sizing: content-box;\r\n border: none;\r\n}\r\n\r\n.corner {\r\n position: absolute;\r\n width: 0.75rem;\r\n height: 0.75rem;\r\n border: 2.5px solid var(--border-color, #ffffff);\r\n filter: drop-shadow(0px 0px 8px var(--glow-color, rgba(255, 255, 255, 0.8)));\r\n border-radius: 2px;\r\n transition: none;\r\n}\r\n\r\n.top-left {\r\n top: -8px;\r\n left: -8px;\r\n border-right: none;\r\n border-bottom: none;\r\n}\r\n\r\n.top-right {\r\n top: -8px;\r\n right: -8px;\r\n border-left: none;\r\n border-bottom: none;\r\n}\r\n\r\n.bottom-left {\r\n bottom: -8px;\r\n left: -8px;\r\n border-right: none;\r\n border-top: none;\r\n}\r\n\r\n.bottom-right {\r\n bottom: -8px;\r\n right: -8px;\r\n border-left: none;\r\n border-top: none;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.api-key-input {\r\n position: relative;\r\n}\r\n\r\n/* API Key Container */\r\n.api-key-container {\r\n position: relative;\r\n width: 300px;\r\n}\r\n\r\n.glass-input {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 12px;\r\n padding: 12px 16px;\r\n padding-right: 45px; /* Make room for clear button */\r\n color: var(--text-primary);\r\n font-size: 0.875rem;\r\n width: 100%;\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.glass-input:focus {\r\n outline: none;\r\n border-color: var(--accent-primary);\r\n box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.glass-input::placeholder {\r\n color: var(--text-muted);\r\n}\r\n\r\n/* Clear API Key Button */\r\n.clear-api-key-btn {\r\n position: absolute;\r\n right: 8px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n width: 24px;\r\n height: 24px;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 16px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.clear-api-key-btn:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: #ff6b6b;\r\n border-color: rgba(255, 107, 107, 0.3);\r\n transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n/* Server API Key Notice */\r\n.server-api-notice {\r\n background: rgba(34, 197, 94, 0.1);\r\n border: 1px solid rgba(34, 197, 94, 0.3);\r\n border-radius: 12px;\r\n padding: 12px 16px;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n}\r\n\r\n.server-api-notice p {\r\n color: rgba(34, 197, 94, 0.9);\r\n margin: 0;\r\n font-size: 0.875rem;\r\n font-weight: 500;\r\n}\r\n\r\n/* Processing Progress Overlay */\r\n.processing-progress-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.8);\r\n backdrop-filter: blur(10px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9999;\r\n}\r\n\r\n.processing-progress-container {\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 20px;\r\n padding: 40px;\r\n min-width: 400px;\r\n max-width: 500px;\r\n backdrop-filter: blur(20px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.progress-content {\r\n text-align: center;\r\n}\r\n\r\n.progress-header h3 {\r\n color: var(--text-primary);\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n}\r\n\r\n.progress-file {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n margin-bottom: 30px;\r\n padding: 8px 16px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 8px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.progress-bar-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.progress-bar {\r\n flex: 1;\r\n height: 8px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));\r\n border-radius: 4px;\r\n box-shadow: 0 0 10px rgba(79, 172, 254, 0.5);\r\n}\r\n\r\n.progress-percentage {\r\n color: var(--text-primary);\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n min-width: 45px;\r\n}\r\n\r\n.progress-status {\r\n min-height: 24px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.status-text {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n padding: 6px 12px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 6px;\r\n display: inline-block;\r\n}\r\n\r\n.progress-details {\r\n margin-bottom: 25px;\r\n}\r\n\r\n.progress-counter {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n margin-bottom: 15px;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.counter-current {\r\n color: var(--accent-primary);\r\n font-weight: 700;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.counter-separator {\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n}\r\n\r\n.counter-total {\r\n color: var(--text-secondary);\r\n font-weight: 600;\r\n}\r\n\r\n.counter-label {\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n margin-left: 5px;\r\n}\r\n\r\n.progress-stats {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n padding: 12px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 8px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.stat-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 0.85rem;\r\n}\r\n\r\n.stat-label {\r\n color: var(--text-secondary);\r\n}\r\n\r\n.stat-value {\r\n color: var(--accent-primary);\r\n font-weight: 600;\r\n font-family: 'Courier New', monospace;\r\n}\r\n\r\n/* Console Logs */\r\n.console-logs {\r\n margin: 20px 0;\r\n background: rgba(0, 0, 0, 0.3);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n}\r\n\r\n.console-header {\r\n background: rgba(255, 255, 255, 0.1);\r\n padding: 8px 12px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--text-secondary);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.console-content {\r\n max-height: 120px;\r\n overflow-y: auto;\r\n padding: 8px;\r\n}\r\n\r\n.console-line {\r\n display: flex;\r\n gap: 8px;\r\n margin-bottom: 4px;\r\n font-size: 0.75rem;\r\n font-family: 'Courier New', monospace;\r\n}\r\n\r\n.console-time {\r\n color: var(--text-muted);\r\n min-width: 60px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.console-message {\r\n color: var(--text-primary);\r\n flex: 1;\r\n word-break: break-word;\r\n}\r\n\r\n.processing-animation {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.processing-dots {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.processing-dots .dot {\r\n width: 8px;\r\n height: 8px;\r\n background: var(--accent-primary);\r\n border-radius: 50%;\r\n animation: processingPulse 1.5s ease-in-out infinite;\r\n}\r\n\r\n.processing-dots .dot:nth-child(2) {\r\n animation-delay: 0.2s;\r\n}\r\n\r\n.processing-dots .dot:nth-child(3) {\r\n animation-delay: 0.4s;\r\n}\r\n\r\n@keyframes processingPulse {\r\n 0%, 80%, 100% {\r\n transform: scale(0.8);\r\n opacity: 0.5;\r\n }\r\n 40% {\r\n transform: scale(1.2);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n\r\n\r\n.menu-container {\r\n display: flex;\r\n background: rgba(0, 0, 0, 0.4) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n border-radius: 16px;\r\n padding: 8px;\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.menu-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: var(--gradient-iridescent);\r\n opacity: 0.05;\r\n border-radius: 16px;\r\n}\r\n\r\n.menu-item {\r\n position: relative;\r\n padding: 12px 24px;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-weight: 500;\r\n font-size: 0.875rem;\r\n color: var(--text-secondary);\r\n z-index: 2;\r\n}\r\n\r\n.menu-item:hover {\r\n color: var(--text-primary);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.menu-item.active {\r\n color: var(--text-primary);\r\n background: rgba(255, 255, 255, 0.1);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.menu-item-icon {\r\n font-size: 1rem;\r\n}\r\n\r\n.app-main {\r\n flex: 1;\r\n padding: 0 24px 24px;\r\n position: relative;\r\n overflow-y: auto;\r\n min-height: 0;\r\n}\r\n\r\n.tab-content {\r\n min-height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: 40px;\r\n}\r\n\r\n.glass-panel {\r\n background: rgba(100, 100, 100, 0.1);\r\n border-radius: 12px;\r\n padding: 20px;\r\n backdrop-filter: blur(25px);\r\n -webkit-backdrop-filter: blur(25px);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\r\n.glass-panel::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n}\r\n\r\n.nested-panel {\r\n background: transparent;\r\n border-radius: 8px;\r\n padding: 16px;\r\n margin: 12px 0;\r\n backdrop-filter: blur(15px);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.flowing-button {\r\n background: var(--gradient-primary);\r\n border: none;\r\n border-radius: 12px;\r\n padding: 12px 24px;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.flowing-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n transition: left 0.5s ease;\r\n}\r\n\r\n.flowing-button:hover::before {\r\n left: 100%;\r\n}\r\n\r\n.flowing-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3);\r\n}\r\n\r\n.flowing-button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .glass-container {\r\n margin: 10px;\r\n min-height: calc(100vh - 20px);\r\n border-radius: 16px;\r\n }\r\n\r\n .app-header {\r\n padding: 24px 20px;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .glass-input {\r\n width: 100%;\r\n }\r\n\r\n .app-main {\r\n padding: 0 20px 20px;\r\n }\r\n\r\n .flowing-menu {\r\n padding: 16px 20px;\r\n }\r\n\r\n .menu-container {\r\n width: 100%;\r\n justify-content: space-around;\r\n }\r\n\r\n .menu-item {\r\n flex: 1;\r\n justify-content: center;\r\n padding: 12px 8px;\r\n }\r\n}\r\n\r\n/* Iridescence Container */\r\n.iridescence-container {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.iridescence-container canvas {\r\n width: 100% !important;\r\n height: 100% !important;\r\n}\r\n\r\n\r\n.flowing-menu-container {\r\n width: 100%;\r\n height: 200px;\r\n overflow: hidden;\r\n padding: 24px 40px;\r\n}\r\n\r\n.flowing-menu-nav {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.flowing-menu-item {\r\n flex: 1;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n box-shadow: 0 -1px 0 0 #fff;\r\n}\r\n\r\n.flowing-menu-item.active {\r\n background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.menu-item-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n position: relative;\r\n cursor: pointer;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-weight: 600;\r\n color: white;\r\n font-size: 2rem;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.menu-item-link:hover {\r\n color: #ffffff;\r\n}\r\n\r\n.menu-item-link:focus {\r\n color: white;\r\n}\r\n\r\n.menu-icon {\r\n margin-right: 0.5rem;\r\n font-size: 1.5rem;\r\n}\r\n\r\n.menu-text {\r\n font-size: 1.2rem;\r\n}\r\n\r\n\r\n\r\n/* Lanyard Styles */\r\n.lanyard-wrapper {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n width: 200px;\r\n height: 300px;\r\n z-index: 10;\r\n pointer-events: auto;\r\n}\r\n\r\n/* Professional Logo Styles */\r\n.logo-content h1 {\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n color: white;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 4px;\r\n}\r\n\r\n.logo-subtitle {\r\n font-size: 0.8rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-weight: 400;\r\n}\r\n\r\n/* More Professional Upload Styles */\r\n.upload-zone {\r\n border: none;\r\n border-radius: 16px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.upload-zone.drag-active {\r\n background: rgba(79, 172, 254, 0.05);\r\n}\r\n\r\n.upload-svg {\r\n color: rgba(255, 255, 255, 0.6);\r\n filter: drop-shadow(0 0 10px rgba(79, 172, 254, 0.2));\r\n}\r\n\r\n.upload-methods {\r\n margin-top: 32px;\r\n}\r\n\r\n.upload-method {\r\n background: rgba(255, 255, 255, 0.02);\r\n border: none;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.upload-method:hover {\r\n background: rgba(255, 255, 255, 0.04);\r\n border-color: rgba(79, 172, 254, 0.3);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.method-icon {\r\n color: rgba(79, 172, 254, 0.8);\r\n}\r\n\r\n/*\r\n Simple Lanyard Styles */\r\n.lanyard-wrapper {\r\n position: fixed;\r\n top: 60px;\r\n right: 40px;\r\n width: 120px;\r\n height: 200px;\r\n z-index: 10;\r\n pointer-events: none;\r\n}\r\n\r\n.lanyard-card {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.lanyard-string {\r\n width: 2px;\r\n height: 80px;\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3));\r\n margin: 0 auto;\r\n border-radius: 1px;\r\n}\r\n\r\n.card {\r\n width: 80px;\r\n height: 100px;\r\n background: rgba(0, 0, 0, 0.8);\r\n border: none;\r\n border-radius: 8px;\r\n margin: 0 auto;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.card-content {\r\n padding: 12px;\r\n text-align: center;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.card-logo {\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n color: #4facfe;\r\n text-shadow: 0 0 10px rgba(79, 172, 254, 0.5);\r\n}\r\n\r\n.card-text {\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.8);\r\n font-weight: 500;\r\n}\r\n\r\n/* Interactive Pullable Lanyard Styles */\r\n.lanyard-wrapper {\r\n position: fixed;\r\n top: 40px;\r\n right: 40px;\r\n width: 120px;\r\n height: 250px;\r\n z-index: 10;\r\n pointer-events: auto;\r\n}\r\n\r\n.lanyard-string-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.lanyard-string {\r\n width: 2px;\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));\r\n border-radius: 1px;\r\n box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.lanyard-card {\r\n position: relative;\r\n margin-top: 4px;\r\n}\r\n\r\n.card {\r\n width: 85px;\r\n height: 110px;\r\n background: rgba(0, 0, 0, 0.85);\r\n border: 1px solid rgba(79, 172, 254, 0.3);\r\n border-radius: 10px;\r\n backdrop-filter: blur(15px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 0 0 20px rgba(79, 172, 254, 0.1);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.card:hover {\r\n border-color: rgba(79, 172, 254, 0.5);\r\n box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), 0 0 30px rgba(79, 172, 254, 0.2);\r\n}\r\n\r\n.card-content {\r\n padding: 16px 12px;\r\n text-align: center;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.card-logo {\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n color: #4facfe;\r\n text-shadow: 0 0 15px rgba(79, 172, 254, 0.6);\r\n letter-spacing: 1px;\r\n}\r\n\r\n.card-text {\r\n font-size: 0.65rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n/* ReactBits Physics Lanyard Override */\r\n.lanyard-wrapper {\r\n position: fixed !important;\r\n top: 40px !important;\r\n right: 40px !important;\r\n width: 150px !important;\r\n height: 300px !important;\r\n z-index: 10 !important;\r\n pointer-events: auto !important;\r\n}\r\n\r\n\r\n.flowing-menu-container {\r\n width: 100% !important;\r\n height: 50px !important;\r\n overflow: hidden !important;\r\n padding: 8px 24px !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n}\r\n\r\n.flowing-menu-nav {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n height: 100% !important;\r\n background: rgba(100, 100, 100, 0.1) !important;\r\n border: none !important;\r\n border-radius: 16px !important;\r\n backdrop-filter: blur(20px) !important;\r\n overflow: hidden !important;\r\n position: relative !important;\r\n min-width: 400px !important;\r\n}\r\n\r\n.flowing-menu-item {\r\n flex: 1 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n text-align: center !important;\r\n border-right: none !important;\r\n}\r\n\r\n.flowing-menu-item:last-child {\r\n border-right: none !important;\r\n}\r\n\r\n.flowing-menu-item.active {\r\n background: transparent !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.menu-item-link {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n height: 100% !important;\r\n position: relative !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n font-weight: 500 !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n font-size: 0.75rem !important;\r\n transition: all 0.3s ease !important;\r\n gap: 4px !important;\r\n padding: 8px 12px !important;\r\n}\r\n\r\n.menu-item-link:hover {\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg,\r\n rgba(138, 43, 226, 0.1) 0%,\r\n rgba(59, 130, 246, 0.08) 50%,\r\n rgba(138, 43, 226, 0.05) 100%) !important;\r\n box-shadow: 0 0 15px rgba(138, 43, 226, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;\r\n}\r\n\r\n.menu-icon {\r\n font-size: 1.2rem !important;\r\n background: linear-gradient(45deg, #8b5cf6, #3b82f6);\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n background-clip: text !important;\r\n opacity: 0.9 !important;\r\n}\r\n\r\n.menu-text {\r\n font-size: 0.875rem !important;\r\n font-weight: 500 !important;\r\n}\r\n\r\n/* Smooth Physics Lanyard Styles */\r\n.lanyard-string-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.lanyard-string {\r\n width: 2px;\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));\r\n border-radius: 1px;\r\n box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.lanyard-card {\r\n position: relative;\r\n margin-top: 4px;\r\n}\r\n\r\n.card {\r\n width: 90px;\r\n height: 120px;\r\n background: rgba(0, 0, 0, 0.9);\r\n border: 1px solid rgba(79, 172, 254, 0.4);\r\n border-radius: 12px;\r\n backdrop-filter: blur(20px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 0 0 20px rgba(79, 172, 254, 0.15);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.card:hover {\r\n border-color: rgba(79, 172, 254, 0.6);\r\n box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), 0 0 30px rgba(79, 172, 254, 0.25);\r\n}\r\n\r\n.card-content {\r\n padding: 16px 12px;\r\n text-align: center;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.card-logo {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #4facfe;\r\n text-shadow: 0 0 15px rgba(79, 172, 254, 0.6);\r\n letter-spacing: 1px;\r\n}\r\n\r\n.card-text {\r\n font-size: 0.7rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-subtitle {\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-weight: 400;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n/* Simple Visible Lanyard Styles */\r\n.simple-lanyard-wrapper {\r\n position: fixed !important;\r\n top: 60px !important;\r\n right: 40px !important;\r\n width: 120px !important;\r\n height: 250px !important;\r\n z-index: 1000 !important;\r\n pointer-events: auto !important;\r\n}\r\n\r\n.lanyard-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.lanyard-string {\r\n width: 3px;\r\n background: linear-gradient(to bottom,\r\n rgba(255, 255, 255, 0.9) 0%,\r\n rgba(255, 255, 255, 0.7) 50%,\r\n rgba(255, 255, 255, 0.5) 100%);\r\n border-radius: 2px;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.lanyard-card {\r\n position: relative;\r\n width: 90px;\r\n height: 120px;\r\n}\r\n\r\n.card-face {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg,\r\n rgba(0, 0, 0, 0.9) 0%,\r\n rgba(20, 20, 40, 0.9) 100%);\r\n border: 2px solid rgba(79, 172, 254, 0.4);\r\n border-radius: 12px;\r\n backdrop-filter: blur(20px);\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 20px rgba(79, 172, 254, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n flex-direction: column;\r\n padding: 12px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.card-face:hover {\r\n border-color: rgba(79, 172, 254, 0.6);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(79, 172, 254, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.card-header {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.card-logo {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #4facfe;\r\n text-shadow: 0 0 15px rgba(79, 172, 254, 0.8);\r\n letter-spacing: 2px;\r\n}\r\n\r\n.card-body {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n gap: 4px;\r\n}\r\n\r\n.card-title {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: rgba(255, 255, 255, 0.95);\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-subtitle {\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-weight: 400;\r\n}\r\n\r\n.card-footer {\r\n display: flex;\r\n justify-content: center;\r\n gap: 4px;\r\n margin-top: 8px;\r\n}\r\n\r\n.card-dot {\r\n width: 4px;\r\n height: 4px;\r\n background: rgba(79, 172, 254, 0.6);\r\n border-radius: 50%;\r\n box-shadow: 0 0 4px rgba(79, 172, 254, 0.4);\r\n}\r\n\r\n/* Giant Central Orb - Hidden until loading complete */\r\n.giant-orb-background {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: -10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: opacity 0.8s ease-out;\r\n}\r\n\r\n.giant-orb-background.loaded {\r\n opacity: 1;\r\n}\r\n\r\n.giant-orb-container {\r\n width: 100vmin;\r\n height: 100vmin;\r\n position: relative;\r\n pointer-events: none;\r\n transform: translateY(-5vh);\r\n}\r\n\r\n.orb {\r\n position: absolute;\r\n pointer-events: auto;\r\n}\r\n\r\n.orb-1 {\r\n top: 10%;\r\n right: 15%;\r\n width: 300px;\r\n height: 300px;\r\n animation: float1 20s ease-in-out infinite;\r\n}\r\n\r\n.orb-2 {\r\n bottom: 20%;\r\n left: 10%;\r\n width: 250px;\r\n height: 250px;\r\n animation: float2 25s ease-in-out infinite;\r\n}\r\n\r\n.orb-3 {\r\n top: 60%;\r\n right: 60%;\r\n width: 200px;\r\n height: 200px;\r\n animation: float3 30s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float1 {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) rotate(0deg);\r\n }\r\n\r\n 25% {\r\n transform: translate(-20px, -30px) rotate(90deg);\r\n }\r\n\r\n 50% {\r\n transform: translate(10px, -20px) rotate(180deg);\r\n }\r\n\r\n 75% {\r\n transform: translate(-10px, 10px) rotate(270deg);\r\n }\r\n}\r\n\r\n@keyframes float2 {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) rotate(0deg);\r\n }\r\n\r\n 33% {\r\n transform: translate(30px, -20px) rotate(120deg);\r\n }\r\n\r\n 66% {\r\n transform: translate(-20px, -40px) rotate(240deg);\r\n }\r\n}\r\n\r\n@keyframes float3 {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) rotate(0deg);\r\n }\r\n\r\n 20% {\r\n transform: translate(-15px, 25px) rotate(72deg);\r\n }\r\n\r\n 40% {\r\n transform: translate(25px, 15px) rotate(144deg);\r\n }\r\n\r\n 60% {\r\n transform: translate(20px, -25px) rotate(216deg);\r\n }\r\n\r\n 80% {\r\n transform: translate(-25px, -15px) rotate(288deg);\r\n }\r\n}\r\n\r\n.orb-container {\r\n position: relative;\r\n z-index: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n/* Apple-Style Glass Container */\r\n.glass-container {\r\n backdrop-filter: blur(40px);\r\n -webkit-backdrop-filter: blur(40px);\r\n background: rgba(0, 0, 0, 0.1);\r\n border: none;\r\n border-radius: 24px;\r\n box-shadow: none;\r\n margin: 20px;\r\n min-height: calc(100vh - 40px);\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.glass-panel {\r\n background: rgba(255, 255, 255, 0.7);\r\n border: 1px solid rgba(0, 0, 0, 0.06);\r\n border-radius: 16px;\r\n padding: 32px;\r\n backdrop-filter: blur(20px);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.nested-panel {\r\n background: transparent;\r\n border: 1px solid rgba(0, 0, 0, 0.04);\r\n border-radius: 12px;\r\n padding: 24px;\r\n margin: 16px 0;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n/* Fixed Lanyard - Make it VERY visible */\r\n.simple-lanyard-wrapper {\r\n position: fixed !important;\r\n top: 80px !important;\r\n right: 50px !important;\r\n width: 100px !important;\r\n height: 200px !important;\r\n z-index: 9999 !important;\r\n pointer-events: auto !important;\r\n}\r\n\r\n.lanyard-string {\r\n width: 4px !important;\r\n background: linear-gradient(to bottom,\r\n rgba(59, 130, 246, 0.9) 0%,\r\n rgba(139, 92, 246, 0.7) 100%) !important;\r\n border-radius: 2px !important;\r\n box-shadow: 0 0 10px rgba(59, 130, 246, 0.5) !important;\r\n margin-bottom: 8px !important;\r\n}\r\n\r\n.card-face {\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n border: 2px solid rgba(59, 130, 246, 0.3) !important;\r\n color: var(--text-primary) !important;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important, 0 0 20px rgba(59, 130, 246, 0.2) !important;\r\n}\r\n\r\n.card-logo {\r\n color: #3b82f6 !important;\r\n text-shadow: 0 0 15px rgba(59, 130, 246, 0.6) !important;\r\n}\r\n\r\n.card-title {\r\n color: var(--text-primary) !important;\r\n}\r\n\r\n.card-subtitle {\r\n color: var(--text-secondary) !important;\r\n}\r\n\r\n.card-dot {\r\n background: rgba(59, 130, 246, 0.8) !important;\r\n box-shadow: 0 0 6px rgba(59, 130, 246, 0.6) !important;\r\n}\r\n/* \r\nResults Panel Styles */\r\n.results-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n height: 100%;\r\n}\r\n\r\n.results-header {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 24px;\r\n backdrop-filter: blur(20px);\r\n}\r\n\r\n.header-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 24px;\r\n}\r\n\r\n.header-left h3 {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n color: var(--text-primary);\r\n margin: 0 0 8px 0;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n.result-info {\r\n font-size: 0.875rem;\r\n color: var(--text-muted);\r\n}\r\n\r\n.header-actions {\r\n display: flex;\r\n gap: 12px;\r\n}\r\n\r\n.action-button {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 20px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n color: var(--text-primary);\r\n font-size: 0.875rem;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.action-button:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: var(--accent-primary);\r\n transform: translateY(-1px);\r\n}\r\n\r\n\r\n\r\n/* Categories Section */\r\n.categories-section {\r\n display: flex;\r\n gap: 24px;\r\n}\r\n\r\n.category-group {\r\n flex: 1;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 24px;\r\n backdrop-filter: blur(20px);\r\n}\r\n\r\n.category-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n color: var(--text-primary);\r\n}\r\n\r\n.category-label {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: var(--text-muted);\r\n}\r\n\r\n/* Mode Buttons */\r\n.mode-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.mode-button {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 12px 16px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 12px;\r\n color: var(--text-secondary);\r\n font-size: 0.875rem;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: left;\r\n}\r\n\r\n.mode-button:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-color: rgba(255, 255, 255, 0.1);\r\n color: var(--text-primary);\r\n}\r\n\r\n.mode-button.active {\r\n background: var(--gradient-primary);\r\n border-color: var(--accent-primary);\r\n color: white;\r\n box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);\r\n}\r\n\r\n/* Download Buttons */\r\n.download-buttons {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.download-button {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 16px 12px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 12px;\r\n color: var(--text-secondary);\r\n font-size: 0.75rem;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n min-height: 80px;\r\n}\r\n\r\n.download-button:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-color: rgba(255, 255, 255, 0.1);\r\n color: var(--text-primary);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.download-button.active {\r\n background: var(--gradient-secondary);\r\n border-color: var(--accent-secondary);\r\n color: white;\r\n box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n.format-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.format-button-container.active .format-icon {\r\n color: white;\r\n}\r\n\r\n/* Unified Format Buttons */\r\n.format-buttons {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin: 0;\r\n}\r\n\r\n.format-button-container {\r\n display: flex;\r\n align-items: stretch;\r\n background: rgba(100, 100, 100, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(15px);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.format-button-container:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-color: rgba(255, 255, 255, 0.15);\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.format-button-container.active {\r\n background: var(--gradient-primary);\r\n border-color: var(--accent-primary);\r\n box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);\r\n}\r\n\r\n.format-preview-button {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 20px 16px;\r\n background: none;\r\n border: none;\r\n color: var(--text-secondary);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n min-height: 100px;\r\n}\r\n\r\n.format-preview-button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n.format-button-container.active .format-preview-button {\r\n color: white;\r\n}\r\n\r\n.format-label {\r\n font-size: 0.875rem;\r\n font-weight: 500;\r\n text-align: center;\r\n}\r\n\r\n.format-download-button {\r\n display: none;\r\n}\r\n\r\n.format-download-button:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n color: #ffffff;\r\n transform: scale(1.1);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.format-button-container.active .format-download-button {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n}\r\n\r\n/* Content Preview */\r\n.content-preview {\r\n position: relative;\r\n flex: 1;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 24px 60px 24px 24px;\r\n backdrop-filter: blur(20px);\r\n overflow: hidden;\r\n}\r\n\r\n.content-preview-download {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n color: rgba(255, 255, 255, 0.8);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.content-preview-download:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n border-color: rgba(79, 172, 254, 0.3);\r\n color: #4facfe;\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.text-content {\r\n background: rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n padding: 20px;\r\n overflow: auto;\r\n max-height: 500px;\r\n}\r\n\r\n.text-preview {\r\n font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\r\n font-size: 0.875rem;\r\n line-height: 1.6;\r\n color: var(--text-primary);\r\n white-space: pre-wrap;\r\n margin: 0;\r\n}\r\n\r\n/* HTML Preview Styles */\r\n.html-preview {\r\n background: rgba(0, 0, 0, 0.2);\r\n color: var(--text-primary);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n padding: 24px;\r\n overflow: auto;\r\n max-height: 500px;\r\n line-height: 1.6;\r\n}\r\n\r\n/* Headers are now styled in the emoji fix section below */\r\n\r\n.html-preview p {\r\n margin: 16px 0;\r\n color: var(--text-secondary);\r\n}\r\n\r\n.html-preview ul,\r\n.html-preview ol {\r\n margin: 16px 0;\r\n padding-left: 24px;\r\n}\r\n\r\n.html-preview li {\r\n margin: 8px 0;\r\n color: var(--text-secondary);\r\n}\r\n\r\n.html-preview table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: rgba(0, 0, 0, 0.3);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n margin: 24px 0;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.html-preview th,\r\n.html-preview td {\r\n padding: 12px 16px;\r\n text-align: left;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.html-preview th {\r\n background: linear-gradient(135deg, #4facfe, #8b5cf6);\r\n color: white;\r\n font-weight: 600;\r\n font-size: 0.875rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.html-preview td {\r\n color: var(--text-primary);\r\n}\r\n\r\n.html-preview tr:hover {\r\n background: rgba(79, 172, 254, 0.1);\r\n}\r\n\r\n.html-preview code {\r\n background: rgba(79, 172, 254, 0.1);\r\n color: #4facfe;\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n font-family: 'SF Mono', Monaco, monospace;\r\n font-size: 0.875em;\r\n}\r\n\r\n.html-preview pre {\r\n background: rgba(0, 0, 0, 0.4);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n padding: 16px;\r\n overflow-x: auto;\r\n margin: 16px 0;\r\n}\r\n\r\n.html-preview pre code {\r\n background: none;\r\n color: var(--text-primary);\r\n padding: 0;\r\n}\r\n\r\n.html-preview blockquote {\r\n border-left: 4px solid var(--accent-primary);\r\n background: rgba(79, 172, 254, 0.1);\r\n padding: 16px 20px;\r\n margin: 16px 0;\r\n border-radius: 0 8px 8px 0;\r\n font-style: italic;\r\n color: var(--text-secondary);\r\n}\r\n\r\n.html-preview strong {\r\n color: var(--accent-primary);\r\n font-weight: 600;\r\n}\r\n\r\n.html-preview em {\r\n color: var(--accent-secondary);\r\n font-style: italic;\r\n}\r\n\r\n.html-preview a {\r\n color: var(--accent-primary);\r\n text-decoration: none;\r\n border-bottom: 1px solid rgba(79, 172, 254, 0.3);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.html-preview a:hover {\r\n border-bottom-color: var(--accent-primary);\r\n color: var(--accent-secondary);\r\n}\r\n\r\n/* Fix emoji rendering in HTML preview */\r\n.html-preview {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", sans-serif;\r\n}\r\n\r\n/* Force proper emoji rendering - override all text styling */\r\n.html-preview * {\r\n font-variant-emoji: emoji !important;\r\n}\r\n\r\n/* Completely reset styling for any element that might contain emojis */\r\n.html-preview h1,\r\n.html-preview h2,\r\n.html-preview h3,\r\n.html-preview h4,\r\n.html-preview h5,\r\n.html-preview h6,\r\n.html-preview p,\r\n.html-preview td,\r\n.html-preview th,\r\n.html-preview li,\r\n.html-preview span,\r\n.html-preview div {\r\n background: none !important;\r\n -webkit-background-clip: initial !important;\r\n -webkit-text-fill-color: initial !important;\r\n background-clip: initial !important;\r\n color: var(--text-primary) !important;\r\n}\r\n\r\n/* Specific fix for headers to maintain their styling but not affect emojis */\r\n.html-preview h1 { \r\n font-size: 2rem; \r\n font-weight: 600;\r\n color: var(--text-primary) !important;\r\n}\r\n.html-preview h2 { \r\n font-size: 1.5rem; \r\n font-weight: 600;\r\n color: var(--text-primary) !important;\r\n}\r\n.html-preview h3 { \r\n font-size: 1.25rem; \r\n font-weight: 600;\r\n color: var(--text-primary) !important;\r\n}\r\n\r\n/* Responsive Design */\r\n@media (max-width: 768px) {\r\n .categories-section {\r\n flex-direction: column;\r\n }\r\n \r\n .header-content {\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n \r\n .download-buttons {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .format-buttons {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n \r\n .mode-buttons {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 8px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .results-container {\r\n gap: 16px;\r\n }\r\n \r\n .results-header,\r\n .category-group {\r\n padding: 16px;\r\n }\r\n \r\n .content-preview {\r\n padding: 16px 50px 16px 16px;\r\n }\r\n \r\n .download-buttons {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .format-buttons {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .mode-buttons {\r\n grid-template-columns: 1fr;\r\n }\r\n}/* Plain \r\nMarkdown Preview - No Styling */\r\n.markdown-plain {\r\n background: rgba(0, 0, 0, 0.2);\r\n color: var(--text-primary);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n padding: 24px;\r\n overflow: auto;\r\n max-height: 500px;\r\n line-height: 1.6;\r\n font-family: monospace;\r\n}\r\n\r\n.markdown-plain h1,\r\n.markdown-plain h2,\r\n.markdown-plain h3,\r\n.markdown-plain h4,\r\n.markdown-plain h5,\r\n.markdown-plain h6 {\r\n color: var(--text-primary);\r\n margin: 16px 0 8px 0;\r\n font-weight: normal;\r\n font-size: 1rem;\r\n}\r\n\r\n.markdown-plain p {\r\n margin: 8px 0;\r\n color: var(--text-primary);\r\n}\r\n\r\n.markdown-plain table {\r\n border-collapse: collapse;\r\n margin: 16px 0;\r\n font-family: monospace;\r\n}\r\n\r\n.markdown-plain th,\r\n.markdown-plain td {\r\n border: 1px solid var(--text-muted);\r\n padding: 8px 12px;\r\n text-align: left;\r\n color: var(--text-primary);\r\n background: transparent;\r\n}\r\n\r\n.markdown-plain th {\r\n font-weight: normal;\r\n background: transparent;\r\n}\r\n\r\n.markdown-plain tr:hover {\r\n background: transparent;\r\n}\r\n\r\n.markdown-plain strong {\r\n font-weight: bold;\r\n color: var(--text-primary);\r\n}\r\n\r\n.markdown-plain em {\r\n font-style: italic;\r\n color: var(--text-primary);\r\n}\r\n\r\n.markdown-plain ul,\r\n.markdown-plain ol {\r\n margin: 8px 0;\r\n padding-left: 20px;\r\n color: var(--text-primary);\r\n}\r\n\r\n.markdown-plain li {\r\n margin: 4px 0;\r\n color: var(--text-primary);\r\n}.mark\r\ndiv.markdown-plain a,\r\ndiv.markdown-plain a:link,\r\ndiv.markdown-plain a:visited {\r\n color: #ff9500 !important;\r\n text-decoration: none !important;\r\n border-bottom: none !important;\r\n border: none !important;\r\n}\r\n\r\ndiv.markdown-plain a:hover {\r\n color: #ffb347 !important;\r\n text-decoration: underline !important;\r\n}\r\n\r\ndiv.markdown-plain a:active {\r\n color: #cc7700 !important;\r\n}"],"names":[],"sourceRoot":""} |