:root{--primary-color:#212121;--secondary-color:#323232;--accent-color:#4f6df5;--accent-hover:#3a56d4;--accent-glow:rgba(79,109,245,0.4);--light-gray:#e0e0e0;--dark-gray:#1a1a1a;--text-color:#f5f5f5;--text-secondary:#b0b0b0;--shadow-color:rgba(0,0,0,0.2);--shadow-strong:rgba(0,0,0,0.4);--background-gradient:linear-gradient(145deg,var(--dark-gray),var(--primary-color));--error-color:#ff5252;--success-color:#4caf50;--card-radius:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--content-width:1200px;--tech-line-color:rgba(79,109,245,0.3);--tech-dot-color:rgba(79,109,245,0.8);--border-color:#ccc;--hover-color:#f0f0f0}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background-gradient);color:var(--text-color);overflow-x:hidden;font-size:16px;line-height:1.6;scroll-behavior:smooth}#root{display:flex;flex-direction:column}#root,.app-container{min-height:100vh;position:relative;z-index:1}.app-container{overflow-x:hidden}.math-animation{position:fixed;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;opacity:.3}.math-symbol{position:absolute;color:var(--accent-color);opacity:.8;animation:float 20s linear forwards;z-index:1;text-shadow:0 0 5px rgba(79,109,245,.3)}@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}5%{opacity:.8}95%{opacity:.8}to{transform:translateY(-20vh) rotate(1turn);opacity:0}}.solve-stream{line-height:1.8;font-size:16px;color:var(--text-color)}.solve-stream p{margin:1em 0;padding:0}.solve-stream ol,.solve-stream ul{margin:1em 0;padding-left:2em}.solve-stream li{margin:.5em 0;line-height:1.6}.solve-stream strong{color:gold;font-weight:600}.solve-stream em{color:#87ceeb;font-style:italic}.solve-stream .katex-display{margin:1.5em 0;text-align:center;background:rgba(79,109,245,.05);border-radius:8px;padding:1em;border-left:4px solid var(--accent-color)}.solve-stream .katex{font-size:1.1em;color:#fff}.solve-stream ul li strong{display:inline-block;margin-bottom:.5em;color:#4fc3f7;border-bottom:1px solid rgba(79,195,247,.3);padding-bottom:2px}.math-error{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);border-radius:4px;padding:.25em .5em;color:#f99;font-family:Courier New,monospace;font-size:.9em}.math-error code{background:none;color:inherit;padding:0}.solve-phase-indicator{position:sticky;top:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid var(--accent-color);border-radius:25px;padding:.75em 1.5em;margin:1em 0;text-align:center;font-weight:600;color:var(--accent-color);box-shadow:0 4px 12px rgba(79,109,245,.2);animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 4px 12px rgba(79,109,245,.2)}to{box-shadow:0 4px 20px rgba(79,109,245,.4)}}@media (max-width:768px){.solve-stream{font-size:14px;line-height:1.6}.solve-stream .katex-display{margin:1em 0;padding:.75em}.solve-phase-indicator{font-size:14px;padding:.5em 1em}}.tech-header{padding-left:0!important;padding-right:0!important}.tech-header .header-button-container,.tech-header .title-container{padding-left:2rem;padding-right:2rem}.logo-container{position:relative;display:inline-block;margin-bottom:1rem;margin-top:.5rem;padding:.5rem 1rem}.logo-glow{top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background:transparent;filter:blur(25px);opacity:.5;animation:logoGlow 5s infinite alternate;border-radius:40%}.logo-glow,.logo-pulse{position:absolute;z-index:-1}.logo-pulse{top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;border:2px solid var(--accent-color);opacity:0;animation:logoPulse 4s infinite}.logo-circuit{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(90deg,transparent 50%,var(--accent-color) 0,var(--accent-color) 51%,transparent 0),linear-gradient(transparent 50%,var(--accent-color) 0,var(--accent-color) 51%,transparent 0);background-size:20px 20px;opacity:.1;z-index:-1;animation:circuitFlow 20s linear infinite}@keyframes logoPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.2;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes circuitFlow{0%{background-position:0 0}to{background-position:400px 400px}}@keyframes logoGlow{0%{box-shadow:0 0 30px 10px rgba(79,109,245,.2);opacity:.4}to{box-shadow:0 0 50px 15px rgba(79,109,245,.5);opacity:.7}}.header-decoration{display:flex;align-items:center;justify-content:center;margin:1.5rem auto .5rem;max-width:400px;position:relative}.header-decoration:before{content:"";position:absolute;top:-10px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.2),transparent)}.tech-line{height:1px;flex-grow:1;background:var(--tech-line-color)}.tech-dot{width:6px;height:6px;border-radius:50%;background:var(--tech-dot-color);margin:0 10px;box-shadow:0 0 10px 2px var(--accent-glow);animation:dotPulse 3s infinite alternate}@keyframes dotPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:1}}.tech-card{background:rgba(18,25,47,.8);border:1px solid rgba(0,122,255,.3);border-radius:15px;padding:25px;box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 0 15px rgba(0,122,255,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.tech-card:before{left:0;transform:scaleY(0);transform-origin:top}.tech-card:after,.tech-card:before{content:"";position:absolute;top:0;width:4px;height:100%;background:var(--accent-color);transition:transform var(--transition-normal)}.tech-card:after{right:0;transform:scaleY(0);transform-origin:bottom}.tech-card:hover:after,.tech-card:hover:before{transform:scaleY(1)}.tech-footer{padding:2.5rem 2rem;margin-top:2.5rem;position:relative;text-align:center;z-index:2;background:rgba(30,30,40,.5);border-top:1px solid rgba(79,109,245,.1);backdrop-filter:blur(10px)}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:var(--content-width);margin:0 auto}.footer-divider{width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--tech-line-color),transparent);margin:.5rem 0}.tech-footer-decoration{display:flex;align-items:center;justify-content:center;margin:2rem auto .5rem;max-width:350px}.banner-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.banner-title{font-size:1.3rem;font-weight:600;color:var(--accent-color);margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.banner-section .scrolling-banner{position:relative;height:200px;width:100%;z-index:1;opacity:.8;border-radius:12px;overflow:hidden;background:rgba(18,25,47,.3)}.credits-section{display:flex;flex-direction:column;align-items:center;width:100%}.credits-title{font-size:1.2rem;font-weight:500;color:var(--accent-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--tech-line-color);position:relative;letter-spacing:1px}.credits-title:after{content:"";position:absolute;bottom:-1px;left:30%;width:40%;height:2px;background-color:var(--accent-color);animation:creditsTitleGlow 3s infinite alternate}.credits-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.credit-item{display:flex;flex-direction:column;align-items:center;background:rgba(50,50,50,.7);border:1px solid rgba(79,109,245,.2);border-radius:8px;padding:1rem;min-width:120px;transform:translateY(0);transition:all var(--transition-normal);position:relative;overflow:hidden}.credit-item:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 5px 15px rgba(79,109,245,.2)}.credit-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(79,109,245,.1) 50%,transparent);transform:translateX(-100%);transition:transform .5s ease}.credit-item:hover:before{transform:translateX(100%)}.credit-name{font-size:1.1rem;color:var(--text-color);margin-bottom:.5rem;font-weight:500;position:relative}.credit-name:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.credit-item:hover .credit-name:after{transform:scaleX(1);transform-origin:left}.credit-role{font-size:.8rem;color:var(--accent-color)}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;max-width:var(--content-width);margin:0 auto}.footer-divider{width:1px;height:60px;margin:0 1rem}.credits-section{align-items:flex-end}}header{padding:2.5rem 2rem;text-align:center;background-color:transparent;position:relative;z-index:2}.title-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0;background:linear-gradient(180deg,rgba(20,25,32,.7),rgba(30,30,40,0));border-radius:8px;position:relative;margin-bottom:1rem;border-top:1px solid rgba(79,109,245,.3);border-bottom:1px solid rgba(79,109,245,.1)}.title-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.5),transparent);filter:blur(1px)}.title-container:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.3),transparent)}.logo{font-size:3.5rem;font-weight:700;letter-spacing:6px;margin-bottom:.5rem;color:var(--text-color);text-transform:uppercase;display:inline-block;position:relative;text-shadow:0 0 15px rgba(79,109,245,.4);font-family:Inter,sans-serif;background:linear-gradient(90deg,#f5f5f5 40%,#4f6df5 60%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shineText 6s linear infinite}@keyframes shineText{0%{background-position:0}to{background-position:200%}}.logo:after{display:none}.logo-badge{position:absolute;top:0;right:-40px;background-color:var(--accent-color);color:#fff;font-size:1.2rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;box-shadow:0 0 10px rgba(79,109,245,.7);animation:badgePulse 2s infinite alternate;transform:translateY(20%);letter-spacing:1px;border:1px solid hsla(0,0%,100%,.3)}@keyframes badgePulse{0%{box-shadow:0 0 10px rgba(79,109,245,.5);background-color:var(--accent-color)}to{box-shadow:0 0 15px rgba(79,109,245,.8);background-color:#3a56d4}}.tagline{font-size:1.1rem;color:var(--text-secondary);font-weight:300;margin-bottom:.5rem;max-width:600px;margin-left:auto;margin-right:auto;letter-spacing:.5px;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tagline:after{content:"";position:absolute;bottom:-8px;left:25%;width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.3),transparent)}.tagline-en{font-size:.9rem;color:hsla(0,0%,69%,.8);font-weight:400;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}.container{flex:1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:2rem;padding:0 2rem 3rem;max-width:var(--content-width);margin:0 auto;width:100%;position:relative;z-index:2}@media (min-width:1200px){.container{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}}.card{background-color:var(--secondary-color);border-radius:var(--card-radius);padding:1.5rem;box-shadow:0 10px 30px var(--shadow-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden;z-index:2}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px var(--shadow-strong)}.input-area{grid-column:1/-1}.input-header{justify-content:space-between;margin-bottom:1.25rem}.input-header,.input-title{display:flex;align-items:center}.input-title{font-size:1.25rem;font-weight:500;gap:.5rem}.input-title i{color:var(--accent-color)}textarea{width:100%;min-height:150px;padding:1.25rem;border:none;border-radius:8px;background-color:var(--dark-gray);color:var(--text-color);font-size:1rem;font-family:Inter,sans-serif;resize:vertical;transition:all var(--transition-normal);line-height:1.6}textarea::placeholder{color:var(--text-secondary);opacity:.6}textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color)}.submit-btn{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:8px;padding:.9rem 1.8rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-top:1.25rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(79,109,245,.3)}.submit-btn i{font-size:1.2rem}.submit-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,109,245,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.response-area{overflow:hidden;display:flex;flex-direction:column}.response-content{font-size:1rem;line-height:1.7;white-space:pre-wrap;min-height:200px;overflow-y:auto;max-height:500px;font-family:Roboto Mono,monospace;border-radius:6px;padding:1rem;background-color:var(--dark-gray)}.response-content::-webkit-scrollbar{width:6px}.response-content::-webkit-scrollbar-track{background:var(--dark-gray);border-radius:6px}.response-content::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:6px}.loading-indicator{color:var(--text-secondary);font-style:italic;position:relative}.loading-indicator:after{content:"...";animation:loading 1.5s infinite;position:absolute}@keyframes loading{0%{content:"."}33%{content:".."}66%{content:"..."}}.placeholder{color:var(--text-secondary);font-style:italic;opacity:.7}.error-message{color:var(--error-color);border-left:3px solid var(--error-color);padding:.75rem 1rem;display:block;margin:1rem 0;background-color:rgba(255,82,82,.1);border-radius:0 6px 6px 0}.error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--error-color);text-align:center;padding:2rem}.error-display p{font-size:1.2rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.error-display small{color:var(--text-secondary);max-width:90%;word-break:break-word;line-height:1.5}.animation-preview{display:flex;flex-direction:column}.preview-header{justify-content:space-between;margin-bottom:1.25rem}.preview-header,.preview-title{display:flex;align-items:center}.preview-title{font-size:1.25rem;font-weight:500;gap:.5rem}.preview-title i{color:var(--accent-color)}.preview-tabs{display:flex;gap:.5rem}.tab-btn{background-color:var(--dark-gray);color:var(--text-secondary);border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.4rem}.tab-btn i{font-size:1.1rem}.tab-btn.active{background-color:var(--accent-color);color:var(--text-color)}.tab-btn:hover:not(.active){background-color:rgba(79,109,245,.2);color:var(--light-gray)}.animation-container{flex:1;background-color:var(--dark-gray);border-radius:8px;min-height:350px;overflow:hidden;position:relative}.loading-animation{position:relative;width:60px;height:60px}.spinner{border:3px solid transparent;border-top:3px solid var(--accent-color);border-radius:50%;width:100%;height:100%;animation:spin 1s linear infinite}.empty-preview{text-align:center;color:var(--text-secondary);padding:2rem;max-width:80%}.code-preview{width:100%;height:100%;overflow:auto;padding:1.5rem;font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.6;color:var(--text-color);background-color:var(--dark-gray);white-space:pre}.animation-placeholder{flex-direction:column;color:var(--text-secondary);text-align:center;font-style:italic}.animation-placeholder,.math-demo{display:flex;align-items:center;justify-content:center;gap:1.5rem}.math-demo{flex-wrap:wrap;margin-bottom:1rem}.math-symbol-large{font-size:3rem;opacity:.8;color:var(--accent-color)}.math-symbol-medium{font-size:2rem;opacity:.6}.math-symbol-small{font-size:1.5rem;opacity:.4}.preview-note{font-size:.9rem;opacity:.7;animation:pulse 2s infinite;max-width:60%}footer{background-color:var(--dark-gray);padding:1.5rem;text-align:center;margin-top:auto;position:relative;z-index:2}.author-info{color:var(--text-secondary);font-size:.9rem}.author-quote{font-style:italic;margin-top:.5rem;opacity:.8}@media (max-width:768px){.container{grid-template-columns:1fr;padding:0 1.5rem 2rem;gap:1.5rem}.card{padding:1.25rem}.logo{font-size:2.25rem}.tagline{font-size:1rem}.animation-container{min-height:300px}}.copy-btn{background-color:var(--dark-gray);color:var(--text-secondary);border:none;border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);margin-left:auto}.copy-btn:hover{background-color:var(--accent-color);color:var(--text-color)}.success-message{color:var(--success-color);border-left:3px solid var(--success-color);padding:.75rem 1rem;display:block;margin:1rem 0;background-color:rgba(76,175,80,.1);border-radius:0 6px 6px 0}.progress-bar{width:100%;height:4px;background-color:var(--dark-gray);border-radius:4px;margin-top:1rem;overflow:hidden;position:relative}.progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--accent-color);border-radius:4px;animation:loading-progress 2s infinite;width:30%}@keyframes loading-progress{0%{left:-30%}to{left:100%}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dark-gray);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .5s ease,visibility .5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.page-loader-content{text-align:center}.page-loader-logo{font-size:2.5rem;color:var(--text-color);margin-bottom:1.5rem;letter-spacing:3px;text-transform:uppercase}.page-loader-spinner{width:50px;height:50px;border:3px solid rgba(79,109,245,.3);border-top:3px solid var(--accent-color);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.render-error{background-color:rgba(255,82,82,.05);border-radius:8px;padding:20px;margin:10px 0;max-width:100%;overflow:auto}.render-error h3{color:#ff5252;margin-top:0;margin-bottom:15px}.render-error pre{background-color:rgba(0,0,0,.05);padding:15px;border-radius:6px;overflow:auto;font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin-bottom:15px;white-space:pre-wrap}.fix-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:15px}.fix-btn:hover{background-color:#3a56d4}.fix-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.fix-btn i{font-size:16px}.fixing-state{margin-top:15px;background-color:rgba(0,0,0,.05);border-radius:8px;padding:15px}.fixing-state .spinner{width:20px;height:20px;border:3px solid rgba(79,109,245,.3);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;display:inline-block}.fixing-state p{display:flex;align-items:center;margin-bottom:10px;color:var(--text-secondary)}.fixed-code-preview{max-height:200px;overflow:auto;background-color:hsla(0,0%,100%,.1);padding:10px;border-radius:6px;font-size:12px;margin:0;white-space:pre-wrap;color:var(--text-secondary)}.rerender-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:15px}.rerender-btn:hover{background-color:#3e8e41}.rerender-btn i{font-size:16px}.check-status-btn{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:15px}.check-status-btn:hover{background-color:#0b7dda}.check-status-btn:disabled{background-color:#ccc;cursor:wait;opacity:.7}.check-status-btn i{font-size:16px}.video-player{width:100%;display:flex;flex-direction:column;align-items:center}.video-player video{width:100%;max-width:800px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.render-time{margin-top:10px;color:var(--text-secondary);font-size:.9rem}.rendering-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.rendering-state .spinner{width:40px;height:40px;border:4px solid rgba(79,109,245,.3);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.rendering-state p{color:var(--text-secondary);margin:5px 0}.render-tip{font-size:.8rem;color:var(--text-tertiary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px}.loading-state .spinner{width:40px;height:40px;border:4px solid rgba(79,109,245,.3);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state{background-color:rgba(255,82,82,.05);border-radius:8px;padding:20px;margin:10px 0;text-align:center}.error-state i{color:#ff5252;font-size:2rem;margin-bottom:15px}.code-container{width:100%;border-radius:8px;overflow:hidden;background-color:rgba(0,0,0,.03)}.code-header{display:flex;justify-content:flex-end;padding:8px;background-color:rgba(0,0,0,.05)}.code-block{padding:15px;margin:0;overflow:auto;font-family:monospace;font-size:.9rem;line-height:1.5;color:var(--text-primary);background-color:transparent;max-height:400px}.preview-content{width:100%;min-height:400px;border-radius:8px;overflow:hidden;background-color:rgba(0,0,0,.03);padding:15px}.animation-container{width:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.render-error-fix{margin-top:1.5rem;padding:1.25rem;background-color:var(--dark-gray);border-radius:8px;border-left:4px solid var(--error-color);position:relative}.render-error-fix h3{font-size:1.1rem;font-weight:500;margin-bottom:.75rem;color:var(--error-color);display:flex;align-items:center;gap:.5rem}.render-error-fix h3 i{font-size:1.2rem}.render-error-fix .error-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;background-color:rgba(0,0,0,.2);padding:.75rem;border-radius:4px}.fixed-code-container{margin-top:1.25rem;animation:fadeIn .3s ease-in-out}.fixed-code-container h4{font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:var(--success-color);display:flex;align-items:center;gap:.5rem}.fixed-code{font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;background-color:rgba(0,0,0,.3);padding:1rem;border-radius:6px;overflow-x:auto;white-space:pre;color:var(--text-color);max-height:300px;overflow-y:auto;margin-bottom:1rem;border-left:3px solid var(--success-color)}.fixed-code-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.copy-fixed-btn{background-color:transparent;color:var(--text-color);border:1px solid var(--text-secondary);border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-normal)}.copy-fixed-btn:hover{background-color:hsla(0,0%,100%,.1);border-color:var(--text-color)}.render-error-fix .fix-btn,.render-error-fix .rerender-btn{margin-top:.75rem}.render-error-fix .fixing-state{margin-top:1rem;background-color:rgba(0,0,0,.3);padding:1rem;border-radius:6px;position:relative}.render-error-fix .fixed-code-preview{font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;margin-top:.75rem;padding:.75rem;background-color:rgba(0,0,0,.2);border-radius:4px;overflow-x:auto;white-space:pre;color:var(--text-color);opacity:.8;max-height:200px;overflow-y:auto}.server-status{margin-top:15px;padding:10px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px}.server-status.success{background-color:rgba(76,175,80,.1);border-left:3px solid var(--success-color);color:var(--success-color)}.server-status.error{background-color:rgba(255,82,82,.1);border-left:3px solid var(--error-color);color:var(--error-color)}.founder-card{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;background:rgba(50,50,50,.7);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(79,109,245,.15);transition:all .3s ease;position:relative;overflow:hidden}.founder-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(79,109,245,.05) 50%,transparent);z-index:0}.founder-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.3);border-color:rgba(79,109,245,.3)}.founder-avatar{position:relative;width:55px;height:55px;border-radius:50%;overflow:visible;flex-shrink:0}.founder-avatar-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color),#2a4ce2);color:#fff;font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:1;box-shadow:0 2px 10px rgba(79,109,245,.4)}.founder-avatar-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:transparent;z-index:0;box-shadow:0 0 15px 5px rgba(79,109,245,.4);animation:founderGlow 3s infinite alternate}@keyframes founderGlow{0%{opacity:.5;box-shadow:0 0 10px 2px rgba(79,109,245,.3)}to{opacity:.8;box-shadow:0 0 20px 5px rgba(79,109,245,.5)}}.founder-details{display:flex;flex-direction:column;z-index:1}.founder-name{font-size:1.2rem;font-weight:500;color:var(--text-color);margin-bottom:.3rem;position:relative;display:inline-block}.founder-name:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-color),transparent)}.founder-quote{font-size:.95rem;color:var(--text-secondary);font-style:italic;line-height:1.4;position:relative}.founder-quote:before{content:open-quote;color:var(--accent-color);font-size:1.2em;margin-right:2px}.founder-quote:after{content:close-quote;color:var(--accent-color);font-size:1.2em;margin-left:2px}@media (max-width:480px){.founder-card{flex-direction:column;text-align:center;padding:1.5rem 1rem}.founder-name:after{left:25%;width:50%}}@keyframes creditsTitleGlow{0%{box-shadow:0 0 5px 1px rgba(79,109,245,.3)}to{box-shadow:0 0 10px 2px rgba(79,109,245,.5)}}.access-gate{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-gradient);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.access-gate:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(79,109,245,.1) 0,transparent 70%);z-index:-1;animation:gatePulse 8s infinite alternate}@keyframes gatePulse{0%{opacity:.3;transform:scale(.9)}to{opacity:.7;transform:scale(1.1)}}.access-gate-container{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn .8s ease-out}.access-gate-container .gate-container{box-sizing:border-box;padding:20px;max-width:460px;width:100%}.gate-logo-container{text-align:center;margin-bottom:1rem}.gate-logo{position:relative;display:inline-block;margin-bottom:1rem;padding:.5rem 1rem}.gate-tagline{color:var(--text-secondary);font-size:1.1rem;font-weight:300;letter-spacing:.5px;margin-top:.5rem;position:relative;padding-bottom:1rem}.gate-tagline:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.gate-card{width:100%;background:rgba(25,25,30,.7);border-radius:var(--card-radius);backdrop-filter:blur(10px);position:relative;box-shadow:0 0 30px rgba(0,0,0,.3),inset 0 0 1px hsla(0,0%,100%,.1);transform:translateY(0);transition:transform .3s ease-out,box-shadow .3s ease-out}.gate-card:before{top:0;height:2px;opacity:.7}.gate-card:after,.gate-card:before{content:"";position:absolute;left:0;width:100%;background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.gate-card:after{bottom:0;height:1px;opacity:.3}.gate-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 15px var(--accent-glow)}.gate-card-inner{padding:2.5rem 2rem}.gate-header{text-align:center;margin-bottom:2rem}.gate-header h2{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(90deg,var(--text-color),var(--accent-color) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;letter-spacing:1px}.gate-header p{color:var(--text-secondary);font-size:.95rem}.gate-form{margin-bottom:2rem}.key-input-container{margin-bottom:1.5rem;position:relative}.key-input{width:100%;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:8px;padding:1rem 1.2rem;color:var(--text-color);font-size:1rem;transition:all .2s ease;letter-spacing:2px}.key-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.key-input::placeholder{color:hsla(0,0%,69%,.5)}.key-error{color:var(--error-color);font-size:.85rem;margin-top:.5rem;animation:errorShake .4s ease-in-out}@keyframes errorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.key-submit{width:100%;background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.8rem;letter-spacing:1px;position:relative;overflow:hidden}.key-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s ease}.key-submit:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,109,245,.4)}.key-submit:hover:before{left:100%}.key-submit:active{transform:translateY(1px)}.arrow-icon{font-style:normal;font-size:1.2rem;transition:transform .3s ease}.key-submit:hover .arrow-icon{transform:translateX(5px)}.gate-footer{text-align:center;color:var(--text-secondary);font-size:.85rem}.contact-link{color:var(--accent-color);text-decoration:none;margin-left:.3rem;position:relative;display:inline-block;margin-top:.5rem;transition:all .2s ease}.contact-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-color);transition:width .3s ease}.contact-link:hover{color:#fff}.contact-link:hover:after{width:100%}@media (max-width:480px){.gate-card-inner{padding:2rem 1.5rem}.gate-header h2{font-size:1.5rem}.key-input{padding:.8rem 1rem}.key-submit{padding:.8rem}}.access-gate .math-symbol{opacity:.2;color:var(--accent-color);animation-duration:30s}.change-password-btn,.logout-btn{position:absolute;top:1.5rem;right:1.5rem;background:rgba(25,25,30,.6);border:1px solid rgba(79,109,245,.3);color:var(--text-secondary);border-radius:6px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;backdrop-filter:blur(10px)}.change-password-btn{position:relative;background:rgba(25,25,30,.7)}.change-password-btn:before,.logout-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(79,109,245,.1),transparent);opacity:0;transition:opacity .3s ease}.change-password-btn:hover,.logout-btn:hover{color:var(--text-color);border-color:var(--accent-color);box-shadow:0 0 15px rgba(79,109,245,.2)}.change-password-btn:hover:before,.logout-btn:hover:before{opacity:1}@media (max-width:480px){.change-password-btn,.logout-btn{top:1rem;right:1rem;padding:.4rem .8rem;font-size:.8rem}}.user-controls{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.user-credits{background:rgba(25,25,30,.7);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.user-credits span{color:var(--text-color);font-weight:500}.user-credits span.low-credits{color:var(--error-color)}.recharge-btn{background:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.recharge-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.user-info{display:flex;align-items:center;gap:.8rem}.welcome-text{color:var(--text-secondary);font-size:.85rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--text-color);font-size:.9rem}.form-input{width:100%;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.8rem 1rem;color:var(--text-color);font-size:.95rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.form-input::placeholder{color:hsla(0,0%,69%,.5)}.auth-error{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);color:#ff5252;border-radius:6px;animation:errorShake .4s ease-in-out}.auth-error,.auth-success{padding:.8rem 1rem;margin-bottom:1.2rem;font-size:.9rem}.auth-success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:6px}.toggle-auth-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.85rem;padding:0;margin-left:.3rem;transition:color .2s ease}.toggle-auth-btn:hover{color:#fff;text-decoration:underline}.modal-overlay{width:100vw;height:100vh;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:100}.modal-container{background:rgba(25,25,30,.9);border-radius:var(--card-radius);width:90%;max-width:500px;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 15px var(--accent-glow);overflow:hidden;position:relative;animation:modalSlideUp .4s ease}.modal-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.7}.modal-header{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(79,109,245,.2);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.4rem;margin:0;background:linear-gradient(90deg,var(--text-color),var(--accent-color) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.8rem;cursor:pointer;transition:color .2s ease;padding:0;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-color)}.modal-body{padding:1.5rem}.pricing-info{margin-bottom:1.5rem;padding:1rem;background:rgba(30,30,35,.6);border-radius:6px}.pricing-info p{margin:.5rem 0;color:var(--text-secondary)}.pricing-info strong{color:var(--text-color)}.payment-amount-options{display:flex;gap:.8rem;margin-top:.5rem}.amount-option{flex:1;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.8rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:center}.amount-option.active,.amount-option:hover{border-color:var(--accent-color);color:var(--text-color)}.amount-option.active{background:rgba(79,109,245,.2);box-shadow:0 0 10px rgba(79,109,245,.3)}.payment-method-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.payment-method{flex:1;min-width:120px;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.8rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.payment-method.active,.payment-method:hover{border-color:var(--accent-color)}.payment-method.active{background:rgba(79,109,245,.2);box-shadow:0 0 10px rgba(79,109,245,.3)}.payment-method input{margin:0}.payment-method label{margin:0;cursor:pointer;color:var(--text-secondary)}.payment-method.active label{color:var(--text-color)}.payment-submit{width:100%;background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;position:relative;overflow:hidden}.payment-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s ease}.payment-submit:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,109,245,.4)}.payment-submit:hover:before{left:100%}.payment-submit:active{transform:translateY(1px)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-controls{position:relative;top:0;right:0;margin-top:1rem;width:100%;flex-direction:row;justify-content:space-between;align-items:center}.user-info{flex-direction:column;align-items:flex-end;gap:.5rem}.logout-btn{position:static;margin-top:0}.payment-amount-options,.payment-method-options{flex-direction:column}.payment-method{width:100%}}@media (max-width:480px){.modal-container{width:95%}.modal-body,.modal-header{padding:1rem}.amount-option,.payment-method{padding:.6rem;font-size:.8rem}.payment-submit{padding:.8rem}.gate-card-inner{padding:1.5rem}.form-input{padding:.7rem .8rem}}.input-with-button{display:flex;gap:.5rem;width:100%}.input-with-button .form-input{flex:1}.send-code-btn{background:var(--accent-color);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:100px}.send-code-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.send-code-btn:disabled{background:#555;opacity:.7;cursor:not-allowed}.code-hint{margin-top:.5rem;font-size:.8rem;color:var(--accent-color);padding:.25rem .5rem;background-color:rgba(79,109,245,.1);border-radius:4px}#code{letter-spacing:.2em;font-weight:500}.image-preview-container{position:relative;margin:10px 0;max-width:400px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 3px 8px rgba(0,0,0,.1)}.image-preview{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.remove-image-btn:hover{background-color:rgba(255,0,0,.7)}.upload-btn{display:flex;align-items:center;gap:5px;background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:5px 10px;font-size:13px;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background-color:var(--hover-color)}.upload-btn i{font-size:16px}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn{margin-left:10px}@media (max-width:768px){.image-preview-container{max-width:100%}}.threejs-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-color);border:none;border-radius:0;box-shadow:none;z-index:1100;display:flex;flex-direction:column;overflow:hidden;max-width:100vw;max-height:100vh}.threejs-viewer.fullscreen{top:0;left:0;width:100vw;height:100vh;border-radius:0}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,var(--accent-color),#5a67d8);color:#fff;border-bottom:1px solid var(--border-color)}.viewer-header h3{margin:0;font-size:1.2rem;align-items:center}.viewer-controls,.viewer-header h3{display:flex;gap:8px}.control-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.control-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.control-btn.close-btn{background:rgba(239,68,68,.8);border-color:rgba(239,68,68,.4)}.control-btn.close-btn:hover{background:#ef4444}.viewer-content{flex:1;display:flex;position:relative;background:#f8f9fa}.html-iframe{width:100%;height:100%;border:none;background:#fff}.no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary);font-size:1.1rem}.no-content i{font-size:3rem;margin-bottom:15px;opacity:.5}.viewer-info{padding:10px 20px;background:var(--background-secondary);border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}.viewer-info p{margin:0;display:flex;align-items:center;gap:8px}.viewer-info i{color:var(--accent-color)}.mode-selector{display:flex;background:var(--background-secondary);border-radius:12px;padding:4px;margin-bottom:20px;border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;min-width:600px;max-width:800px;margin-left:auto;margin-right:auto;grid-column:span 2}.mode-button{flex:1;padding:12px 20px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem}.mode-button:hover{color:var(--text-color);background:rgba(79,109,245,.1)}.mode-button.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px rgba(79,109,245,.3)}.mode-button i{font-size:1.1rem}.mode-info{display:flex;flex-direction:column;align-items:center;gap:4px}.mode-name{font-size:1rem;font-weight:500}.mode-credits{font-size:.75rem;padding:2px 8px;border-radius:12px;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);font-weight:400;transition:all .3s ease}.mode-credits.premium{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;font-weight:600;cursor:pointer;position:relative;animation:premium-glow 2s ease-in-out infinite alternate}.mode-credits.premium:hover{transform:scale(1.05);box-shadow:0 2px 8px hsla(0,100%,71%,.4)}@keyframes premium-glow{0%{box-shadow:0 0 5px hsla(0,100%,71%,.5)}to{box-shadow:0 0 15px rgba(255,165,0,.6)}}.credit-explanation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(5px)}.credit-explanation-modal-content{background:var(--background-color);border-radius:20px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);box-shadow:0 20px 40px rgba(0,0,0,.3)}.credit-explanation-modal-content h2{color:var(--accent-color);margin-bottom:20px;text-align:center;font-size:1.5rem}.explanation-content,.explanation-section{margin-bottom:25px}.explanation-section h3{color:var(--text-color);margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.explanation-section h3 i{color:var(--accent-color)}.explanation-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.explanation-section ul{list-style:none;padding:0}.explanation-section li{color:var(--text-secondary);line-height:1.6;margin-bottom:8px;padding-left:0}.mode-comparison{display:flex;flex-direction:column;gap:10px}.comparison-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-secondary);border-radius:8px;border-left:3px solid transparent}.mode-tag{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;min-width:70px;text-align:center}.mode-tag.manim{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff}.mode-tag.threejs{background:#10b981;color:#fff}.mode-tag.geogebra{background:#3b82f6;color:#fff}.process{flex:1;font-size:.9rem;color:var(--text-secondary)}.cost{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600}.cost.high{background:hsla(0,100%,71%,.2);color:#ff6b6b}.cost.low{background:rgba(16,185,129,.2);color:#10b981}.understand-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--accent-color),#6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.understand-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,109,245,.4)}.credit-explanation-modal-content.simple{max-width:400px;padding:40px 30px;text-align:center}.simple-explanation{display:flex;flex-direction:column;align-items:center;gap:20px}.expensive-meme{width:200px;height:auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform .3s ease}.expensive-meme:hover{transform:scale(1.05) rotate(1deg)}.guess-text-cn{font-size:2rem;font-weight:700;color:var(--accent-color);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:bounce 2s ease-in-out infinite}.guess-text-en{font-size:1.2rem;font-weight:600;color:var(--text-secondary);margin:0;letter-spacing:2px;text-transform:uppercase;opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.threejs-mode .input-section{border-left:3px solid #10b981}.threejs-mode .generate-btn{background:linear-gradient(135deg,#10b981,#059669)}.threejs-mode .generate-btn:hover{background:linear-gradient(135deg,#059669,#047857)}@media (max-width:768px){.threejs-viewer{top:5%;left:5%;width:90%;height:90%}.viewer-header{padding:12px 15px}.viewer-header h3{font-size:1.1rem}.viewer-controls{gap:6px}.control-btn{padding:6px 8px;font-size:.8rem}.control-btn span{display:none}.mode-selector{flex-direction:column;gap:4px;min-width:unset;max-width:unset;width:100%}.mode-button{padding:10px 16px;font-size:.9rem}}.html-comment{color:#6a9955;font-style:italic}.html-tag{color:#569cd6}.html-string{color:#ce9178}.html-number{color:#b5cea8}.js-keyword{color:#c586c0;font-weight:700}.three-class{color:#4ec9b0;font-weight:700}.three-method{color:#dcdcaa}.threejs-code-notice{margin:15px 0;padding:15px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;border-left:4px solid #34d399}.notice-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice-content i{font-size:1.2rem;color:#d1fae5}.notice-content span{flex:1;font-weight:500}.view-threejs-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.view-threejs-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.view-threejs-btn i{font-size:1rem}.threejs-mode .response-area{border-left-color:#10b981}.threejs-mode .preview-title i{color:#10b981}.threejs-mode .code-container{border-left:3px solid #10b981}.threejs-mode .code-language:after{content:" (Three.js)";color:#10b981;font-size:.8rem;opacity:.8}@media (max-width:768px){.notice-content{flex-direction:column;align-items:stretch;gap:10px}.notice-content span{text-align:center}.view-threejs-btn{justify-content:center;padding:10px 16px}}.geogebra-viewer{display:flex;flex-direction:column;height:100%;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.geogebra-viewer .viewer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-bottom:1px solid var(--border-color)}.geogebra-viewer .viewer-header h3{margin:0;font-size:1.2rem;display:flex;align-items:center;gap:8px}.geogebra-viewer .viewer-controls{display:flex;gap:8px;flex-wrap:wrap}.geogebra-viewer .control-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.geogebra-viewer .control-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.geogebra-viewer .control-btn:disabled{opacity:.5;cursor:not-allowed}.geogebra-viewer .control-btn.close-btn{background:rgba(239,68,68,.8);border-color:rgba(239,68,68,.4)}.geogebra-viewer .control-btn.close-btn:hover{background:#ef4444}.geogebra-viewer .viewer-content{flex:1;display:flex;gap:10px;padding:10px;background:#f8f9fa;overflow:hidden}.geogebra-container{flex:2;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:visible}.geogebra-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px;padding:40px 20px;color:var(--text-secondary)}.geogebra-container .loading-state .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.geogebra-wrapper{display:flex;flex-direction:column;overflow:visible}#ggb-container,#ggb-main-container{width:100%}.command-panel{flex:1;display:flex;flex-direction:column;min-width:350px;max-width:450px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.command-status{padding:12px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-bottom:1px solid hsla(0,0%,100%,.2)}.command-status h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.command-status p{margin:0;font-size:.9rem;opacity:.9}.executing-indicator{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;background:hsla(0,0%,100%,.2);border-radius:12px;font-size:.8rem;font-weight:500}.executing-indicator:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 1.5s infinite}.command-list{flex:1;padding:12px;overflow-y:auto;max-height:300px}.command-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:6px;border-radius:6px;font-size:.9rem;transition:all .3s ease;border-left:3px solid transparent}.command-item.pending{background:#f8f9fa;border-left-color:#e5e7eb;color:var(--text-secondary)}.command-item.executing{background:#fef3c7;border-left-color:#f59e0b;color:#92400e;animation:commandPulse 1.5s infinite}.command-item.executed{background:#d1fae5;border-left-color:#10b981;color:#065f46}.command-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-color);color:#fff;border-radius:50%;font-size:.8rem;font-weight:600;min-width:24px}.command-item.executed .command-number{background:#10b981}.command-item.executing .command-number{background:#f59e0b}.command-text{flex:1;font-family:Courier New,monospace;word-break:break-all}.command-status-icon{font-size:1.1rem;margin-left:auto}.command-status-icon.spinning{animation:spin 1s linear infinite}.execution-log{border-top:1px solid var(--border-color);padding:12px;background:#f8f9fa;max-height:200px;overflow-y:auto}.execution-log h4{margin:0 0 10px;font-size:1rem;color:var(--text-color)}.log-list{gap:6px}.log-item,.log-list{display:flex;flex-direction:column}.log-item{gap:3px;padding:8px 10px;border-radius:4px;font-size:.8rem;border-left:3px solid}.log-item.success{background:#f0fdf4;border-left-color:#22c55e;color:#166534}.log-item.error{background:#fef2f2;border-left-color:#ef4444;color:#dc2626}.log-time{font-weight:500;opacity:.8}.log-command{font-family:Courier New,monospace;font-weight:600}.log-message{opacity:.9}.no-commands{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1.1rem;padding:40px 20px}.no-commands i{font-size:3rem;margin-bottom:15px;opacity:.5;color:#f59e0b}.welcome-content{text-align:center;max-width:500px;margin:0 auto}.welcome-content h4{color:#f59e0b;font-size:1.4rem;margin:0 0 15px;font-weight:600}.welcome-content p{margin:10px 0;font-size:1rem;line-height:1.5}.welcome-content ul{text-align:left;margin:15px 0;padding-left:20px}.welcome-content li{margin:8px 0;font-size:.95rem;line-height:1.4}.example-hints{margin-top:20px;padding:15px;background:rgba(245,158,11,.1);border-radius:8px;border-left:4px solid #f59e0b}.example-hints p{margin:8px 0}.example-hints p:first-child{font-weight:600;color:#f59e0b;margin-bottom:12px}.example-hints p:not(:first-child){font-family:Courier New,monospace;font-size:.9rem;background:hsla(0,0%,100%,.8);padding:6px 10px;border-radius:4px;margin:6px 0;border-left:2px solid #f59e0b}.geogebra-preview{border-left:3px solid #f59e0b}.geogebra-preview .preview-title i{color:#f59e0b}@keyframes commandPulse{0%,to{transform:scale(1);background:#fef3c7}50%{transform:scale(1.02);background:#fde68a}}@media (max-width:1200px){.geogebra-viewer .viewer-content{flex-direction:column;gap:10px}.command-panel{min-width:auto;max-width:none;max-height:350px;flex:0 0 auto}.geogebra-container{flex:1 1 auto}}@media (max-width:768px){.geogebra-viewer .viewer-header{padding:10px 12px;flex-wrap:nowrap;gap:8px}.geogebra-viewer .viewer-header h3{font-size:1.1rem;flex-shrink:0;min-width:auto}.geogebra-viewer .viewer-controls{gap:6px;flex-wrap:nowrap;flex:1;justify-content:flex-end;overflow-x:auto}.geogebra-viewer .control-btn{padding:8px 10px;font-size:.9rem;min-width:36px;flex-shrink:0}.geogebra-viewer .control-btn span{display:none}.geogebra-viewer .control-btn i{margin:0;font-size:1.1rem}.geogebra-viewer .viewer-content{padding:8px;gap:8px;flex-direction:column}.command-panel{max-height:250px;flex:0 0 auto}.command-list{max-height:180px}.execution-log{max-height:120px}.geogebra-container{flex:1 1 auto}}.geogebra-command{color:#8b5cf6;font-weight:700}.geogebra-parameter{color:#059669}.geogebra-string{color:#dc2626}.geogebra-number{color:#2563eb}.geogebra-variable{color:#f59e0b;font-weight:700}.geogebra-comment{color:#6b7280;font-style:italic}.geogebra-viewer.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background-color:var(--background-color,#f0f2f5);padding:20px;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0;box-shadow:none}.geogebra-viewer.fullscreen .viewer-content{flex-grow:1}.geogebra-viewer.fullscreen .geogebra-wrapper{width:100%;height:100%}.community-section{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 0;width:100%}.community-image{width:150px;height:150px;border-radius:8px;object-fit:cover;border:2px solid var(--tech-line-color)}.community-text{text-align:left;max-width:400px}.community-text h3{font-size:1.5rem;color:var(--accent-color);margin-bottom:.5rem}.community-text p{font-size:1rem;color:var(--text-secondary)}@media (max-width:768px){.community-section{flex-direction:column;text-align:center}.community-text{text-align:center}}.community-image:hover{transform:scale(1.05);border-color:var(--accent-color);cursor:pointer;transition:var(--transition-normal)}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(5px);animation:fadeIn .3s ease}.image-modal-content{position:relative;text-align:center;background:var(--secondary-color);padding:2rem;border-radius:var(--card-radius);box-shadow:0 10px 30px var(--shadow-strong)}.enlarged-community-image{max-width:80vw;max-height:70vh;object-fit:contain;border-radius:8px}.scan-hint{color:var(--text-color);font-size:1.2rem;margin-top:1rem;font-weight:500}.close-modal-btn{position:absolute;top:-15px;right:-15px;background:var(--accent-color);color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1.5rem;line-height:28px;text-align:center;cursor:pointer;box-shadow:0 4px 10px var(--shadow-strong);transition:var(--transition-fast)}.close-modal-btn:hover{background:var(--error-color);color:#fff}.render-error-container{background-color:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.2);border-left:4px solid var(--error-color);border-radius:8px;padding:1rem;margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .5s ease}.render-error-container .error-message{margin:0;padding:0;border:none;background:none;color:var(--error-color);font-weight:500;display:flex;align-items:center;gap:.5rem}.render-error-container .error-message i{font-size:1.2rem}.fix-button{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start}.fix-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 10px rgba(79,109,245,.3)}.fix-button:disabled{opacity:.7;cursor:not-allowed}.fix-button i.rotating{animation:spin 1s linear infinite}.new-user-guide-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(5px)}.new-user-guide-modal-content{background:linear-gradient(145deg,#1f2428,#101214);color:#e0e0e0;padding:30px 40px;border-radius:15px;max-width:600px;width:90%;border:1px solid rgba(0,122,255,.4);box-shadow:0 0 25px rgba(0,122,255,.2);position:relative;animation:fadeInScaleUp .5s cubic-bezier(.165,.84,.44,1)}.new-user-guide-modal-content h2{color:#0af;text-align:center;margin-top:0;margin-bottom:15px;font-size:24px}.new-user-guide-modal-content p{line-height:1.6;margin-bottom:20px}.new-user-guide-modal-content .guide-section{margin-bottom:25px;padding-left:15px;border-left:3px solid rgba(0,122,255,.5)}.new-user-guide-modal-content .guide-section h3{margin-top:0;margin-bottom:10px;color:#9df;font-size:18px}.new-user-guide-modal-content ul{list-style-type:none;padding-left:0}.new-user-guide-modal-content li{margin-bottom:10px;padding-left:10px;position:relative}.new-user-guide-modal-content li:before{content:"▶";position:absolute;left:-10px;color:#0af;font-size:12px}.new-user-guide-modal-content .guide-link{color:#0af;text-decoration:none;font-weight:700;border-bottom:1px dashed #0af;transition:all .3s ease}.new-user-guide-modal-content .guide-link:hover{color:#fff;background-color:#0af;border-bottom-color:#fff}.new-user-guide-modal-content .recharge-btn{margin-right:10px}.new-user-guide-modal-content small{color:#aaa;font-style:italic}.new-user-guide-modal-content .guide-close-btn{display:block;width:100%;padding:12px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(45deg,#007bff,#0af);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 15px rgba(0,122,255,.3)}.new-user-guide-modal-content .guide-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,122,255,.5)}.image-modal-overlay .close-modal-btn{top:15px;right:15px;width:40px;height:40px;font-size:28px}.new-user-guide-modal-content .close-modal-btn{position:absolute;right:15px;background:none;border:none;color:#888;font-size:30px;cursor:pointer;transition:color .3s ease}.new-user-guide-modal-content .close-modal-btn:hover{color:#fff}@media (max-width:768px){.user-info{flex-direction:row;align-items:center;gap:.5rem}.user-controls{flex-wrap:wrap}}@media (max-width:480px){.new-user-guide-modal-content{max-height:90vh;overflow-y:auto;padding:20px 15px}.new-user-guide-modal-content .close-modal-btn{top:8px;right:10px;font-size:28px}.user-controls{position:relative;top:0;right:0;width:100%;flex-direction:column;align-items:flex-end;gap:.5rem;margin-top:.5rem}}.top-right-user-info{position:fixed;top:55px;right:30px;z-index:1200;display:flex;align-items:center;gap:.75rem}.top-right-user-info .change-password-btn,.top-right-user-info .logout-btn{position:relative;top:auto;right:auto}.top-right-user-info .username-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(88,101,242,.1),rgba(139,92,246,.1));color:var(--text-color);border:1px solid rgba(88,101,242,.3);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.top-right-user-info .username-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.top-right-user-info .username-btn:hover{background:linear-gradient(135deg,rgba(88,101,242,.2),rgba(139,92,246,.2));border-color:rgba(88,101,242,.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(88,101,242,.3)}.top-right-user-info .username-btn:hover:before{left:100%}.top-right-user-info .username-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(88,101,242,.2)}.top-right-user-info .username-btn i{font-size:1.1rem;color:var(--primary-color)}.top-right-user-info .username-btn span{text-align:center;white-space:nowrap}@media (max-width:768px){.top-right-user-info{top:15px;right:20px;font-size:.85rem;gap:.5rem}.top-right-user-info .username-btn{padding:.4rem .8rem;font-size:.85rem}.top-right-user-info .username-btn span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:480px){.top-right-user-info .username-btn span{display:none}.top-right-user-info .username-btn{padding:.5rem;min-width:auto}}.new-user-guide-modal-content .close-modal-btn{position:sticky;top:10px;margin-left:auto;z-index:2100}@media (max-width:480px){.new-user-guide-modal-content .close-modal-btn{top:6px;right:0;top:5px;right:5px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:var(--secondary-color);padding:2rem;border-radius:var(--card-radius);box-shadow:0 10px 30px rgba(0,0,0,.5);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;border-top:4px solid var(--accent-color);animation:slideIn .4s cubic-bezier(.25,.46,.45,.94)}.modal-content h2{text-align:center;color:var(--accent-color);margin-bottom:1.5rem}.announcement-list{display:flex;flex-direction:column;gap:1.5rem}.announcement-item{background-color:var(--dark-gray);padding:1.5rem;border-radius:8px;border-left:3px solid var(--accent-color)}.announcement-item h3{margin-bottom:.5rem;color:var(--text-color)}.announcement-item p{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.announcement-item span{font-size:.8rem;color:var(--text-secondary);opacity:.7;text-align:right;display:block}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.community-cta{background:linear-gradient(135deg,rgba(79,109,245,.1),rgba(79,109,245,.2));border-color:var(--accent-color);text-align:center;padding:2rem}.community-cta h3{color:var(--accent-color)}.join-community-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.8rem 1.6rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;box-shadow:0 4px 15px rgba(79,109,245,.3)}.join-community-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,109,245,.5)}.join-community-btn i{font-size:1.2rem}.fix-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:2200;backdrop-filter:blur(5px);animation:fadeIn .3s ease}.fix-modal-content{background:var(--secondary-color);padding:2rem;border-radius:var(--card-radius);box-shadow:0 10px 30px var(--shadow-strong);width:90%;max-width:500px;position:relative;text-align:center;border-top:4px solid var(--accent-color);animation:slideIn .4s cubic-bezier(.25,.46,.45,.94)}.fix-modal-content .error-message{color:var(--error-color);font-weight:500;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.fix-modal-content .fix-button{margin:0 auto}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(12,16,29,.97);z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:15px;padding:20px;box-sizing:border-box;backdrop-filter:blur(3px);opacity:0;animation:fadeIn .3s forwards}.loading-overlay-content{text-align:center;width:90%}.loading-brand{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0af,0 0 20px #0af,0 0 25px #0af;margin-bottom:25px;letter-spacing:3px;animation:flicker 2s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #0af,0 0 80px #0af,0 0 90px #0af}20%,24%,55%{opacity:.8;text-shadow:none}}.loading-progress-bar-container{width:100%;height:6px;background-color:hsla(0,0%,100%,.15);border-radius:3px;margin-bottom:25px;overflow:hidden;position:relative}.loading-progress-bar{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,rgba(0,122,255,0),#00b4ff,rgba(0,122,255,0));border-radius:3px;animation:loading-progress-animation 3s ease-in-out infinite}@keyframes loading-progress-animation{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(-100%)}}.loading-text{color:#e0e0e0;font-size:16px;font-weight:500;text-shadow:0 0 8px rgba(0,180,255,.5)}.tech-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 0 25px rgba(0,122,255,.4)}.video-controls{flex-direction:column;gap:15px;margin-top:15px}.download-btn,.video-controls{display:flex;align-items:center}.download-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;justify-content:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(76,175,80,.3)}.download-btn:hover{background:linear-gradient(135deg,#66bb6a,#388e3c);transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.4)}.download-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(76,175,80,.3)}.download-btn i{font-size:16px}.watermark-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in-out}.watermark-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(79,109,245,.3);box-shadow:0 20px 40px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.1);max-width:500px;width:90vw;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out;position:relative}.watermark-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(79,109,245,.2)}.watermark-modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.watermark-modal-header h3 i{color:var(--accent-color);font-size:1.4rem}.watermark-modal-body{padding:24px}.watermark-modal-body p{margin:0 0 20px;color:var(--text-secondary);font-size:1rem;line-height:1.5}.watermark-input-group{display:flex;flex-direction:column;gap:8px}.watermark-input-group label{font-weight:600;color:var(--text-primary);font-size:.95rem}.watermark-input{width:100%;padding:12px 16px;border:2px solid rgba(79,109,245,.3);border-radius:8px;background-color:rgba(79,109,245,.05);color:var(--text-primary);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.watermark-input:focus{outline:none;border-color:var(--accent-color);background-color:rgba(79,109,245,.1);box-shadow:0 0 0 3px rgba(79,109,245,.1)}.watermark-input::placeholder{color:var(--text-tertiary)}.watermark-hint{color:var(--text-tertiary);font-size:.85rem;line-height:1.4;margin-top:4px}.watermark-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid rgba(79,109,245,.2)}.btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid rgba(79,109,245,.3);border-radius:8px;padding:10px 20px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-secondary:hover:not(:disabled){background-color:rgba(79,109,245,.1);border-color:rgba(79,109,245,.5);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#3d5afe);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(79,109,245,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5c6bc0,#3f51b5);transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,109,245,.4)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(79,109,245,.3)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary i,.btn-secondary i{font-size:1rem}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.watermark-modal-content{margin:20px;width:calc(100vw - 40px)}.watermark-modal-body,.watermark-modal-footer,.watermark-modal-header{padding-left:16px;padding-right:16px}.watermark-modal-footer{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width:1024px) and (min-width:769px){.mode-selector{min-width:500px;max-width:700px}}@media (max-width:768px){.mode-selector{flex-direction:column;gap:8px;padding:8px;min-width:unset;max-width:unset;width:100%}.mode-button{padding:16px 20px;flex-direction:row;justify-content:flex-start;gap:12px}.mode-info{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.mode-name{font-size:1rem}.mode-credits{font-size:.7rem;padding:3px 6px}.credit-explanation-modal-content{padding:20px;margin:10px;max-height:85vh}.credit-explanation-modal-content h2{font-size:1.3rem}.mode-comparison{gap:8px}.comparison-item{flex-direction:column;gap:8px;text-align:center}.mode-tag{min-width:auto;width:100%}.process{font-size:.8rem;text-align:center}}@media (max-width:480px){.mode-button{padding:14px 16px}.mode-name{font-size:.9rem}.mode-credits{font-size:.65rem;padding:2px 5px}.credit-explanation-modal-content{padding:16px;margin:5px}.explanation-section h3{font-size:1rem}.explanation-section li,.explanation-section p{font-size:.9rem}.credit-explanation-modal-content.simple{max-width:350px;padding:30px 20px}.expensive-meme{width:150px}.guess-text-cn{font-size:1.6rem}.guess-text-en{font-size:1rem;letter-spacing:1px}}.image-modal-content.community-enhanced{max-width:800px;width:90vw;max-height:90vh;overflow-y:auto;padding:2.5rem;background:linear-gradient(135deg,var(--secondary-color),rgba(79,109,245,.1));border:1px solid rgba(79,109,245,.3)}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{color:var(--text-color);font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.highlight-banner{background:linear-gradient(90deg,var(--accent-color),#ff6b6b,var(--accent-color));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite;border-radius:25px;padding:15px 25px;margin:0 auto 1.5rem;display:inline-block;box-shadow:0 8px 25px rgba(79,109,245,.4);border:2px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden}.highlight-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.big-number{display:block;font-size:2.5rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.highlight-text{display:block;font-size:1.1rem;color:#fff;font-weight:600;margin-top:5px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.honor-section{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,140,0,.05));border-radius:20px;border:2px solid rgba(255,215,0,.3);text-align:center;position:relative;overflow:hidden}.honor-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.1),transparent);animation:honorGlow 4s ease-in-out infinite;pointer-events:none}@keyframes honorGlow{0%,to{transform:rotate(0deg);opacity:.3}50%{transform:rotate(180deg);opacity:.7}}.honor-title{color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.honor-achievement,.honor-title{margin-bottom:1.5rem;position:relative;z-index:2}.honor-achievement{display:flex;align-items:center;justify-content:center;gap:2rem}.honor-image{max-width:200px;max-height:300px;border-radius:15px;box-shadow:0 8px 25px rgba(255,215,0,.3);border:3px solid rgba(255,215,0,.5);transition:all .3s ease}.honor-image:hover{transform:scale(1.05);box-shadow:0 12px 35px rgba(255,215,0,.5)}.honor-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem}.honor-label{background:linear-gradient(90deg,gold,orange);color:#000;padding:8px 20px;border-radius:25px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px rgba(255,215,0,.4);animation:labelPulse 2s ease-in-out infinite}@keyframes labelPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px rgba(255,215,0,.4)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(255,215,0,.6)}}.honor-desc{color:gold;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.honor-text{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin:0;position:relative;z-index:2}.honor-text strong{color:gold;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.community-benefits{margin:2rem 0;padding:1.5rem;background:rgba(79,109,245,.05);border-radius:15px;border:1px solid rgba(79,109,245,.2)}.benefits-title{color:var(--accent-color);font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.benefit-item{display:flex;align-items:center;padding:12px 15px;background:hsla(0,0%,100%,.03);border-radius:10px;border:1px solid rgba(79,109,245,.15);transition:all .3s ease;cursor:default}.benefit-item:hover{background:rgba(79,109,245,.1);border-color:rgba(79,109,245,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,109,245,.2)}.benefit-icon{font-size:1.5rem;margin-right:12px;min-width:30px}.benefit-text{color:var(--text-color);font-size:.95rem;font-weight:500;line-height:1.4}.action-guide{margin-top:2rem;padding:1.5rem;background:rgba(76,175,80,.05);border-radius:15px;border:1px solid rgba(76,175,80,.2)}.guide-title{color:var(--success-color);font-size:1.3rem;font-weight:700;text-align:center}.guide-title,.steps{margin-bottom:1.5rem}.steps{display:flex;flex-direction:column;gap:1rem}.step{padding:15px;background:rgba(76,175,80,.08);border-radius:10px;border-left:4px solid var(--success-color)}.step,.step-number{display:flex;align-items:center}.step-number{background:var(--success-color);color:#fff;border-radius:50%;width:30px;height:30px;justify-content:center;font-weight:700;margin-right:15px;font-size:.9rem}.step-text{color:var(--text-color);font-size:1rem;font-weight:500}.urgent-notice{text-align:center;color:#ff6b6b;font-size:1.1rem;padding:15px;background:hsla(0,100%,71%,.1);border-radius:10px;border:1px solid hsla(0,100%,71%,.3);margin:0;animation:pulse 2s infinite}@media (max-width:768px){.image-modal-content.community-enhanced{padding:1.5rem;margin:1rem;width:calc(100vw - 2rem)}.modal-title{font-size:1.6rem}.big-number{font-size:2rem}.benefits-grid{grid-template-columns:1fr}.steps{gap:.8rem}.step{padding:12px}.step-number{width:25px;height:25px;font-size:.8rem;margin-right:12px}.honor-section{padding:1.5rem;margin:1.5rem 0}.honor-title{font-size:1.3rem}.honor-achievement{flex-direction:column;gap:1rem;text-align:center}.honor-image{max-width:150px;max-height:200px}.honor-label{font-size:1rem;padding:6px 16px}.honor-desc{font-size:.9rem}.honor-text{font-size:1rem}}.video-generate-section{padding:20px;border-top:1px solid rgba(0,122,255,.2);margin-top:20px;background:linear-gradient(135deg,rgba(0,122,255,.05),rgba(64,224,208,.05));border-radius:0 0 15px 15px;text-align:center}.video-generate-btn{background:linear-gradient(135deg,#007aff,#40e0d0);color:#fff;border:none;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(0,122,255,.3);position:relative;overflow:hidden}.video-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,122,255,.4);background:linear-gradient(135deg,#0056cc,#36c7b8)}.video-generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.video-generate-btn i.rotating{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-preview{min-height:400px;display:flex;flex-direction:column}.video-player-container{height:100%;display:flex;flex-direction:column}.video-player-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(0,122,255,.2);background:linear-gradient(135deg,rgba(0,122,255,.1),rgba(64,224,208,.1))}.video-player-header h3{color:#007aff;font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.close-button{background:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.3);color:#ff3b30;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-button:hover{background:rgba(255,59,48,.2);transform:scale(1.1)}.video-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,122,255,.02),rgba(64,224,208,.02));border:2px dashed rgba(0,122,255,.2);border-radius:15px;margin:20px}.placeholder-content{text-align:center;color:hsla(0,0%,100%,.6);padding:40px}.placeholder-content i{font-size:48px;color:rgba(0,122,255,.4);margin-bottom:20px;display:block}.placeholder-content h3{color:hsla(0,0%,100%,.8);font-size:24px;margin:0 0 15px;font-weight:700}.placeholder-content p{color:hsla(0,0%,100%,.6);font-size:16px;line-height:1.5;margin:0}.mode-button .mode-credits.highlight{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(255,107,53,.3);animation:pulse-highlight 2s ease-in-out infinite}@keyframes pulse-highlight{0%,to{box-shadow:0 2px 8px rgba(255,107,53,.3)}50%{box-shadow:0 4px 15px rgba(255,107,53,.5)}}@media (max-width:768px){.video-generate-btn{padding:10px 20px;font-size:14px}.video-player-header{padding:12px 15px}.video-player-header h3{font-size:16px}.placeholder-content{padding:30px 20px}.placeholder-content i{font-size:36px}.placeholder-content h3{font-size:20px}.placeholder-content p{font-size:14px}}.container.solve-mode{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:20px}.container.solve-mode .response-area{order:1}.container.solve-mode .video-preview{order:2}.solve-phase-indicator{position:absolute;top:15px;right:15px;background:rgba(0,122,255,.9);color:#fff;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:700;z-index:10}.solve-phase-indicator.solving{background:linear-gradient(135deg,#ff6b35,#f7931e);animation:pulse 2s ease-in-out infinite}.solve-phase-indicator.solved{background:linear-gradient(135deg,#34c759,#32d74b)}.solve-phase-indicator.generating_video{background:linear-gradient(135deg,#007aff,#40e0d0);animation:pulse 2s ease-in-out infinite}.solve-phase-indicator.video_ready{background:linear-gradient(135deg,#af52de,#bf5af2)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.regenerate-btn{background-color:#ff9800;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-right:10px}.regenerate-btn:hover{background-color:#e68900;transform:translateY(-1px)}.regenerate-btn i{font-size:16px}.rerender-current-btn{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:10px}.rerender-current-btn:hover{background-color:#1976d2;transform:translateY(-1px)}.rerender-current-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.rerender-current-btn i{font-size:16px}.layout-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}.layout-content{flex:1;width:100%;display:flex;flex-direction:column}
/*# sourceMappingURL=/main.c2819a79.css.map */