@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sell-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.sell-modal{background:linear-gradient(135deg,#0f0f2f,#1a002a);border:2px solid #00ffe0;padding:24px;border-radius:16px;max-width:340px;width:100%;box-shadow:0 0 25px #00ffe088;color:#fff;font-family:Orbitron,sans-serif;text-align:center;position:relative}.sell-modal h2{margin-bottom:16px;color:#0fe;text-shadow:0 0 5px #00ffee}.sell-nft-preview{max-width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:10px;box-shadow:0 0 10px #00ffe066}.sell-nft-name{font-size:1em;margin-bottom:10px;color:#fff}.sell-label{display:block;margin-top:10px;font-size:.9em;color:#00eaff;text-align:left}.sell-modal input,.sell-modal select{width:100%;padding:8px;margin-top:4px;background:#111;border:1px solid #00ffee44;border-radius:6px;color:#fff;font-family:inherit;font-size:.95em}.sell-actions{margin-top:20px;display:flex;justify-content:space-between;gap:10px}.sell-btn{flex:1;padding:10px;border:none;border-radius:6px;font-weight:700;font-size:1em;cursor:pointer}.sell-btn.cancel{background:#333;color:#ccc;border:1px solid #555}.sell-btn.confirm{background:linear-gradient(135deg,#0fc,#06f);color:#fff;box-shadow:0 0 12px #0fe8}.media-player-section{padding:1rem;margin-bottom:1rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.media-player-section .section-title{font-weight:700;margin-bottom:1rem;color:#fff;font-size:1.1rem}.media-player-section .control-group{margin-bottom:1rem}.media-player-section .control-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem}.media-player-section .checkbox-label{display:flex!important;align-items:center;cursor:pointer}.media-player-section .checkbox-label input{margin-right:.5rem}.media-player-section .control-select,.media-player-section .file-input{width:100%;padding:.5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff}.media-player-section .control-range{width:80%;margin-right:.5rem}.media-player-section .value-display{color:#ccc;font-size:.8rem}.media-player-section .upload-help{font-size:.7rem;color:#888;margin-top:.25rem}.media-player-section .playback-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.media-player-section .control-btn{padding:.5rem;border:none;border-radius:4px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:1.2rem;transition:background .2s ease}.media-player-section .control-btn:hover{background:#fff3}.media-player-section .volume-control{display:flex;align-items:center;gap:.5rem}.media-player-section .playlist-container{max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#0003}.media-player-section .playlist-item{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05);gap:.5rem;transition:background .2s ease}.media-player-section .playlist-item:hover{background:#ffffff0d}.media-player-section .playlist-item.current{background:#00ffff1a;border-left:3px solid #00ffff}.media-player-section .track-play-btn,.media-player-section .track-remove-btn{padding:.25rem;border:none;background:none;color:#fff;cursor:pointer;font-size:.8rem;transition:opacity .2s ease}.media-player-section .track-play-btn:hover,.media-player-section .track-remove-btn:hover{opacity:.7}.media-player-section .track-name{flex:1;color:#ccc;font-size:.8rem}.media-player-section .now-playing{padding:.5rem;background:#00ffff1a;border-radius:4px;border:1px solid rgba(0,255,255,.3)}.media-player-section .track-title{color:#fff;font-weight:700;font-size:.9rem}#global-audio-visualizer{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none!important;opacity:.6;transition:opacity .3s ease}#global-audio-visualizer.hidden{opacity:0}@media (max-width: 768px){.media-player-section{padding:.5rem}.media-player-section .control-range{width:70%}.media-player-section .playlist-container{max-height:150px}.media-player-section .track-name{font-size:.7rem}}:root{--sidebar-width: 300px;--neon-cyan: #00fff7;--neon-pink: #ff00ea;--neon-purple: #8a2be2;--neon-green: #00fff7;--bg-dark: #0a0a1a;--bg-darker: #050510;--bg-glass: rgba(10, 15, 35, .85);--font-main: "Orbitron", "Courier New", monospace;--cyber-blue: #00d4ff;--cyber-orange: #ff6b00}.sidebar{width:320px;min-width:280px;max-width:380px;transition:all .4s cubic-bezier(.4,2.08,.55,.44);background:transparent!important;color:#fff;height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;z-index:100;border:2px solid transparent;border-image:linear-gradient(45deg,var(--neon-cyan),var(--neon-pink),var(--neon-cyan)) 1;display:flex;flex-direction:column;animation:sidebarPulse 4s ease-in-out infinite}@keyframes sidebarPulse{}.sidebar.closed{width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important;padding:0!important;border:none!important;box-shadow:none!important}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.grid-line{position:absolute;width:1px;height:100%;background:linear-gradient(0deg,transparent 0%,var(--neon-cyan) 50%,transparent 100%);left:calc(var(--i, 0) * 5%);opacity:.3;animation:gridPulse 3s ease-in-out infinite}.grid-line:nth-child(odd){animation-delay:1.5s;background:linear-gradient(0deg,transparent 0%,var(--neon-pink) 50%,transparent 100%)}@keyframes gridPulse{0%,to{opacity:.2;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.2)}}.neon-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.neon-particle{position:absolute;width:4px;height:4px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 20px var(--neon-cyan);animation:particleFloat 6s linear infinite}.neon-particle:nth-child(2n){background:var(--neon-pink);box-shadow:0 0 20px var(--neon-pink)}.neon-particle:nth-child(3n){background:var(--neon-green);box-shadow:0 0 20px var(--neon-green)}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.data-stream{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.data-line{position:absolute;writing-mode:vertical-rl;font-family:Courier New,monospace;font-size:8px;color:var(--neon-green);opacity:.4;animation:dataFlow 8s linear infinite}.data-char{display:block;text-shadow:0 0 5px currentColor;animation:charFlicker .1s infinite}@keyframes dataFlow{0%{transform:translateY(-100%);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(100vh);opacity:0}}@keyframes charFlicker{0%,to{opacity:.3}50%{opacity:1}}.energy-border{position:absolute;top:0;left:0;right:0;height:100%;min-height:100vh;pointer-events:none;z-index:3;border:2px solid transparent;border-image:linear-gradient(45deg,var(--neon-cyan),var(--neon-pink),var(--neon-purple),var(--neon-cyan)) 1;animation:energyFlow 3s linear infinite}@keyframes energyFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.cyber-scanline{position:absolute;top:var(--scanline-pos);left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan) 50%,transparent 100%);opacity:.8;z-index:4;pointer-events:none;filter:blur(1px);animation:scanlineMove 2s linear infinite}@keyframes scanlineMove{0%{transform:translateY(-100vh);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh);opacity:0}}.hologram-effect{position:relative;z-index:5}.hologram-content{position:relative;z-index:2}.hologram-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,255,247,.1) 2px,rgba(0,255,247,.1) 4px);animation:scanlines .1s linear infinite}.hologram-interference{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;background:radial-gradient(circle at 20% 80%,rgba(255,0,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,247,.1) 0%,transparent 50%);animation:interference 2s ease-in-out infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes interference{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink)) 1;margin-bottom:2rem;position:relative;z-index:10;background:transparent!important}.cyber-logo{color:var(--neon-cyan);font-family:var(--font-main);font-size:2rem;font-weight:900;text-align:center;letter-spacing:3px;margin:0;position:relative;text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan);animation:logoGlow 3s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.cyber-logo:hover{transform:scale(1.1);text-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 60px var(--neon-cyan)}@keyframes logoGlow{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan)}50%{text-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 60px var(--neon-cyan),0 0 80px var(--neon-pink)}}.cyber-logo .glitch{position:absolute;top:0;left:0;color:var(--neon-pink);text-shadow:2px 0 var(--neon-pink),0 0 20px var(--neon-pink);clip:rect(0,900px,0,0);animation:glitchAnimation 4s infinite;pointer-events:none}@keyframes glitchAnimation{0%{clip:rect(42px,9999px,44px,0);transform:skew(.5deg) translate(0)}5%{clip:rect(10px,9999px,80px,0);transform:skew(.8deg) translate(-2px)}10%{clip:rect(85px,9999px,140px,0);transform:skew(-.5deg) translate(2px)}15%{clip:rect(24px,9999px,67px,0);transform:skew(.3deg) translate(-1px)}20%{clip:rect(0,9999px,20px,0);transform:skew(-.8deg) translate(1px)}25%{clip:rect(0,9999px,0,0);transform:skew(0) translate(0)}to{clip:rect(0,9999px,0,0);transform:skew(0) translate(0)}}.logo-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.logo-particle{position:absolute;width:3px;height:3px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 10px var(--neon-cyan);animation:logoParticle 2s ease-out infinite}.logo-particle:nth-child(2n){background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}@keyframes logoParticle{0%{transform:translate(50%,50%) scale(0);opacity:1}to{transform:translate(calc(50% + 100px*cos(var(--angle, 0))),calc(50% + 100px*sin(var(--angle, 0)))) scale(1);opacity:0}}.sidebar-nav{display:flex;flex-direction:column;padding:.5rem 1rem;margin-bottom:2rem;position:relative;z-index:10}.cyber-btn{position:relative;background:linear-gradient(135deg,#00fff71a,#ff00ea1a);color:var(--neon-cyan);border:2px solid var(--neon-cyan);border-radius:12px;padding:1rem 1.5rem;margin-bottom:.8rem;font-family:var(--font-main);font-weight:600;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;overflow:hidden;text-transform:uppercase;backdrop-filter:blur(10px);box-shadow:inset 0 0 20px #00fff71a,0 0 20px #00fff733}.cyber-btn .btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease;pointer-events:none}.cyber-btn:hover .btn-glow{left:100%}.cyber-btn .btn-text{position:relative;z-index:2;display:block}.cyber-btn:hover,.cyber-btn.active{background:linear-gradient(135deg,#00fff733,#ff00ea33);border-color:var(--neon-pink);color:var(--neon-pink);transform:translateY(-2px) scale(1.02);box-shadow:inset 0 0 30px #ff00ea33,0 0 30px #ff00ea66,0 10px 20px #0000004d;text-shadow:0 0 10px var(--neon-pink)}.active-indicator{position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(0deg,var(--neon-cyan),var(--neon-pink));border-radius:0 4px 4px 0;animation:activeGlow 2s ease-in-out infinite}@keyframes activeGlow{0%,to{box-shadow:0 0 10px var(--neon-cyan)}50%{box-shadow:0 0 20px var(--neon-pink)}}.special-btn{border-color:var(--neon-green);color:var(--neon-green)}.special-btn .special-glow{background:linear-gradient(90deg,transparent 0%,rgba(57,255,20,.3) 50%,transparent 100%)}.special-btn:hover{border-color:var(--neon-green);color:var(--neon-green);box-shadow:inset 0 0 30px #39ff1433,0 0 30px #39ff1466;text-shadow:0 0 10px var(--neon-green)}.cyber-section{background:linear-gradient(145deg,#00fff70d,#ff00ea0d);border:1px solid rgba(0,255,247,.3);border-radius:16px;padding:1.5rem;margin:1rem;position:relative;backdrop-filter:blur(15px);box-shadow:inset 0 0 30px #00fff71a,0 0 20px #00fff71a;animation:sectionPulse 6s ease-in-out infinite}@keyframes sectionPulse{0%,to{border-color:#00fff74d;box-shadow:inset 0 0 30px #00fff71a,0 0 20px #00fff71a}50%{border-color:#ff00ea4d;box-shadow:inset 0 0 30px #ff00ea1a,0 0 20px #ff00ea1a}}.cyber-heading{font-size:1.1rem;color:var(--neon-cyan);margin-bottom:1.5rem;font-family:var(--font-main);font-weight:700;text-transform:uppercase;letter-spacing:2px;position:relative;text-shadow:0 0 10px var(--neon-cyan);border-left:none;padding-left:0}.heading-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--neon-cyan) 0%,transparent 50%);opacity:.2;z-index:-1;border-radius:4px;animation:headingPulse 3s ease-in-out infinite}@keyframes headingPulse{0%,to{opacity:.2;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(1.05)}}.input-container{position:relative;margin-bottom:1.5rem}.cyber-input{width:100%;min-height:6rem;background:linear-gradient(145deg,#0a0a1acc,#00fff70d);border:2px solid var(--neon-cyan);border-radius:12px;color:var(--neon-cyan);padding:1rem;resize:vertical;font-family:var(--font-main);font-size:.9rem;backdrop-filter:blur(10px);box-shadow:inset 0 0 20px #00fff71a,0 0 15px #00fff733;transition:all .3s ease}.cyber-input:focus{outline:none;border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:inset 0 0 30px #ff00ea1a,0 0 25px #ff00ea4d;text-shadow:0 0 5px var(--neon-pink)}.cyber-input::placeholder{color:#00fff780;font-style:italic}.input-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-pink),var(--neon-cyan));z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s ease;pointer-events:none}.cyber-input:focus+.input-glow{opacity:.3}.cyber-file-input{background:#00fff71a;border:1px solid var(--neon-cyan);border-radius:8px;color:var(--neon-cyan);padding:.5rem;margin-bottom:1rem;font-family:var(--font-main);width:100%;backdrop-filter:blur(5px)}.cyber-file-input::-webkit-file-upload-button{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));border:none;border-radius:6px;color:var(--bg-dark);padding:.5rem 1rem;margin-right:1rem;font-family:var(--font-main);font-weight:600;cursor:pointer}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-width);transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000}.sidebar:not(.closed){transform:translate(0)}.sidebar.closed{transform:translate(-100%)}}.sidebar-logo{font-size:24px;font-weight:700;text-align:center;margin:20px 0;position:relative;color:#00f7ff;text-shadow:0 0 5px #00f7ff,0 0 10px #00f7ff;letter-spacing:2px}.main-content{transition:margin-left .3s ease;flex:1;display:flex;flex-direction:column;overflow:hidden;height:100vh}.main-content.sidebar-open{margin-left:260px}.sidebar-logo{font-size:24px;font-weight:700;text-align:center;margin:20px 0;position:relative;color:#00f7ff;text-shadow:0 0 5px #00f7ff,0 0 15px #00f7ff,0 0 30px #00f7ff;letter-spacing:2px;transition:transform .1s ease-in-out}.sidebar-logo .glitch{position:absolute;top:0;left:0;color:#f0f;text-shadow:2px 0 #ff00ff;clip:rect(0,900px,0,0);animation:glitch-animation 2s infinite;opacity:.8;pointer-events:none}.sidebar-media-player{width:100%;padding:12px 0 0;background:transparent;position:sticky;bottom:0;z-index:10}@keyframes glitch-animation{0%{clip:rect(42px,9999px,44px,0);transform:skew(.5deg)}5%{clip:rect(10px,9999px,80px,0);transform:skew(.5deg)}10%{clip:rect(85px,9999px,140px,0);transform:skew(.5deg)}15%{clip:rect(24px,9999px,67px,0);transform:skew(.5deg)}20%{clip:rect(0,9999px,20px,0);transform:skew(.5deg)}to{clip:rect(0,9999px,0,0);transform:skew(.5deg)}}.sidebar{box-shadow:0 0 40px #00fff7,0 0 80px #ff00ea33;border:2px solid #00fff7}.sidebar-section{background:#141428d9;box-shadow:0 0 16px #00fff7,0 0 32px #ff00ea33;border-radius:12px;margin-bottom:18px}.sidebar-action-btn,.sidebar-nav-btn{background:linear-gradient(90deg,#00fff7,#ff00ea);color:#0f2027;border:none;border-radius:8px;padding:.6rem 1rem;font-family:var(--font-main);font-weight:700;letter-spacing:1px;box-shadow:0 0 8px #00fff7,0 0 16px #ff00ea55;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.sidebar-action-btn:hover,.sidebar-nav-btn:hover,.sidebar-nav-btn.active{background:linear-gradient(90deg,#ff00ea,#00fff7);color:#fff;box-shadow:0 0 16px #ff00ea,0 0 32px #00fff788}.sidebar-section h3{color:#00fff7;text-shadow:0 0 8px #00fff7,0 0 24px #ff00ea;border-left:4px solid #ff00ea}.sidebar-logo{color:#00fff7;text-shadow:0 0 8px #00fff7,0 0 24px #ff00ea;font-family:var(--font-main);font-size:1.6rem;letter-spacing:2px;margin:0;transition:transform .1s ease-in-out}.sidebar-logo .glitch{color:#ff00ea;text-shadow:2px 0 #ff00ea;opacity:.7}.sidebar-section select,.sidebar-section input[type=text],.sidebar-input{background:#181c2f;color:#00fff7;border:1.5px solid #00fff7;border-radius:6px;font-family:var(--font-main);font-weight:700;box-shadow:0 0 8px #00fff7aa}.btn-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:1rem}.media-section{background:linear-gradient(145deg,#00d4ff0d,#ff6b000d);border-color:var(--cyber-blue)}.credits-section{background:linear-gradient(145deg,#39ff140d,#ffd7000d);border-color:var(--neon-green)}.credits-display{text-align:center;margin-bottom:1.5rem;position:relative}.sparks-counter{position:relative;display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#00fff71f,#00fff714);border:2px solid #00fff7;border-radius:16px;backdrop-filter:blur(10px)}.counter-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,var(--neon-green),#ffd700,var(--neon-green));border-radius:16px;z-index:-1;filter:blur(8px);opacity:.6;animation:counterPulse 3s ease-in-out infinite}@keyframes counterPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.sparks-amount{display:block;font-size:2rem;font-weight:900;color:#00fff7;font-family:var(--font-main);text-shadow:0 0 15px #00fff7,0 0 32px #00fff7;letter-spacing:1px}.sparks-label{display:block;font-size:.8rem;color:#00fff7;font-family:var(--font-main);font-weight:600;letter-spacing:2px;text-shadow:0 0 8px #00fff7,0 0 16px #00fff7;margin-top:.5rem}.credit-btn{background:linear-gradient(135deg,#00fff72e,#00fff71a);border-color:#00fff7;color:#00fff7}.credit-btn:hover{border-color:#00fff7;color:#00fff7;box-shadow:inset 0 0 30px #00fff72e,0 0 30px #00fff752;text-shadow:0 0 10px #00fff7,0 0 20px #00fff7}.memories-btn{background:linear-gradient(135deg,#8a2be233,#ff00ea33);border-color:var(--neon-purple);color:var(--neon-purple)}.memories-btn:hover,.memories-btn.active{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:inset 0 0 30px #ff00ea33,0 0 30px #ff00ea66;text-shadow:0 0 10px var(--neon-pink)}.sidebar-toggle-btn.cyber-enhanced{background:linear-gradient(135deg,#00fff733,#ff00ea33);color:var(--neon-cyan);border:2px solid var(--neon-cyan);padding:.8rem 1.2rem;border-radius:12px;font-size:1.2rem;font-weight:700;backdrop-filter:blur(15px);box-shadow:inset 0 0 20px #00fff71a,0 0 20px #00fff74d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.sidebar-toggle-btn.cyber-enhanced:hover{background:linear-gradient(135deg,#ff00ea4d,#00fff74d);border-color:var(--neon-pink);color:var(--neon-pink);transform:scale(1.1);box-shadow:inset 0 0 30px #ff00ea33,0 0 30px #ff00ea80;text-shadow:0 0 10px var(--neon-pink)}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;width:320px;height:100vh;max-height:100vh;overflow-y:auto!important;overflow-x:hidden;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:2001;background:var(--bg-glass);box-shadow:2px 0 24px #00fff799}.sidebar:not(.closed){transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.main-content{overflow-y:auto!important;height:100vh!important;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.cyber-logo{font-size:1.5rem}.cyber-section{margin:.5rem;padding:1rem}.btn-grid{grid-template-columns:1fr;gap:.5rem}}.main-content{transition:margin-left .4s cubic-bezier(.4,0,.2,1);flex:1;display:flex;flex-direction:column;overflow:hidden;height:100vh}.main-content.sidebar-open{margin-left:320px}.main-content.sidebar-closed{margin-left:0}.ai-settings-modal{backdrop-filter:blur(20px);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(20px)}}.ai-settings-modal>div{background:linear-gradient(145deg,var(--bg-dark) 0%,var(--bg-darker) 50%,rgba(0,255,247,.1) 100%)!important;border:2px solid var(--neon-cyan)!important;box-shadow:inset 0 0 40px #00fff71a,0 0 60px #00fff74d,0 0 100px #ff00ea33!important;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.8) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#00fff71a;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(0deg,var(--neon-cyan),var(--neon-pink));border-radius:4px;box-shadow:0 0 10px var(--neon-cyan)}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(0deg,var(--neon-pink),var(--neon-cyan));box-shadow:0 0 15px var(--neon-pink)}.storybook{position:relative;width:100%;height:100%;padding:20px;box-sizing:border-box;overflow:hidden;font-family:Orbitron,sans-serif;background:radial-gradient(circle at center,#000 30%,#0c0c20);color:#0fc}.storybook.dark{background:linear-gradient(135deg,#000,#112,#1a1a1a);color:#0fc}.storybook.light{background:#f0f0f0;color:#000}.book{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:stretch;height:80vh;width:100%;max-height:none;perspective:1500px;transform-style:preserve-3d;position:relative;gap:24px}.page{width:48%;padding:25px;overflow-y:auto;box-sizing:border-box;border-radius:6px;background:#1a1a1a;color:#0fc;box-shadow:0 0 20px #0fc3;backdrop-filter:blur(4px);transition:transform .5s,opacity .5s;z-index:2}.page.left{font-family:Georgia,serif;margin-right:1%;border-right:1px dashed #00ffaa44;display:flex;flex-direction:column;justify-content:space-between;transform-origin:right center}.page.right{margin-left:1%;display:flex;justify-content:center;align-items:center;transform-origin:left center;background:#111}.book-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 0 10px #0fc6}.page h1,.page h2{font-size:1.5em;border-bottom:1px solid #00ffcc66;margin-bottom:10px;padding-bottom:5px}.page p{line-height:1.6;text-align:justify;font-family:Georgia,serif}.toc-button{display:block;width:100%;padding:10px;margin:8px 0;background:transparent;border:1px solid #00ffcc66;border-radius:4px;color:#0fc;text-align:left;cursor:pointer;transition:all .25s ease-in-out;font-family:Orbitron,sans-serif}.toc-button:hover{background:#00ffcc1a;box-shadow:0 0 8px #0fc8}.storybook-controls{margin-top:15px;padding-top:10px;border-top:1px solid rgba(0,255,204,.4);display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.storybook-controls h3{width:100%;text-align:center;font-size:1.2em;color:#0fc;margin-bottom:0}.storybook-controls button{padding:10px 18px;font-size:1em;font-family:Orbitron,sans-serif;color:#0fc;background:#00ffcc14;border:1px solid #00ffccaa;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 8px #0fc6;backdrop-filter:blur(3px)}.storybook-controls button:hover{background:linear-gradient(45deg,#0ff5,#f0f5);color:#fff;box-shadow:0 0 12px #0fe,0 0 20px #f0f6;transform:scale(1.05)}.storybook-controls button:disabled{background:#80808033;color:#777;border-color:#444;cursor:not-allowed;box-shadow:none;transform:none}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;color:#0fc}.spinner{border:6px solid #111;border-top:6px solid #00ffcc;border-radius:50%;width:48px;height:48px;animation:spin .8s linear infinite;margin-bottom:16px}body.light-theme .storybook{background:#f7f7f7;color:#111}body.light-theme .page{background:#fff;color:#000;box-shadow:0 0 10px #0000000d}body.light-theme .storybook-controls button{background:#fff;color:#111;border-color:#ccc;box-shadow:0 0 6px #0000001a}body.light-theme .storybook-controls button:hover{background:#f0f0f0;box-shadow:0 0 8px #0003}.page.left,.page.right{flex:1 1 0;padding:16px;background:#0000000d;border-radius:12px;min-height:400px;overflow-y:auto}.image-grid-item img{width:100%;height:auto;border-radius:8px;transition:box-shadow .2s;box-shadow:0 2px 8px #00000026}.image-grid-item img:hover{box-shadow:0 4px 16px #00f7ff88;cursor:pointer}.page.flipping{animation:pageflip .7s cubic-bezier(.77,0,.175,1) forwards;z-index:10}.cyberpunk{background:linear-gradient(120deg,#0f2027,#2c5364);color:#f8f8ff;min-height:100vh;font-family:Orbitron,Share Tech Mono,Fira Mono,monospace}.neon-title{color:#00fff7;text-shadow:0 0 8px #00fff7,0 0 24px #ff00ea;letter-spacing:2px}.neon-glow{box-shadow:0 0 24px #00fff7,0 0 48px #ff00ea33;border:2px solid #00fff7;background:#141428d9}.cyber-btn{background:linear-gradient(90deg,#00fff7,#ff00ea);color:#0f2027;border:none;border-radius:8px;padding:8px 18px;margin:4px 6px;font-size:1rem;font-family:inherit;font-weight:700;letter-spacing:1px;box-shadow:0 0 8px #00fff7,0 0 16px #ff00ea55;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.cyber-btn:hover,.cyber-btn:focus{background:linear-gradient(90deg,#ff00ea,#00fff7);color:#fff;box-shadow:0 0 16px #ff00ea,0 0 32px #00fff788}.book{display:flex;flex-direction:row;gap:24px;width:100%;min-height:60vh}.page.left,.page.right{flex:1 1 0;padding:16px;background:#0000000d;border-radius:12px;min-height:400px;overflow-y:auto;position:relative;transition:box-shadow .3s}.page.flipping{animation:pageflip .7s cubic-bezier(.77,0,.175,1) forwards;z-index:10;box-shadow:0 0 40px #ff00ea,0 0 80px #00fff7}@keyframes pageflip{0%{transform:rotateY(0) scale(1);box-shadow:0 0 20px #0fc4}40%{transform:rotateY(-60deg) scale(1.02);box-shadow:0 0 40px #0fc8}to{transform:rotateY(-180deg) scale(.98);opacity:0;box-shadow:0 0 0 transparent}}.response-bubble{margin:12px 0;padding:10px 16px;border-radius:16px;background:#181c2f;color:#fff;box-shadow:0 0 8px #00fff7aa;max-width:90%;word-break:break-word;font-size:1.05rem;position:relative;border:1.5px solid #ff00ea88}.response-bubble.user{background:#1a2a3a;border-color:#00fff7cc;align-self:flex-end}.response-bubble.ai{background:#2a1a3a;border-color:#ff00ea;align-self:flex-start}.neon-bubble{box-shadow:0 0 12px #00fff7,0 0 24px #ff00ea55}.response-header .bubble{display:inline-block;background:#ff00ea;color:#fff;border-radius:8px;padding:2px 10px;font-size:.85em;margin-right:8px;box-shadow:0 0 8px #ff00ea88}.response-bubble.user .bubble{background:#00fff7;color:#222;box-shadow:0 0 8px #00fff7cc}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:60vh;overflow-y:auto}.image-grid-item img{width:100%;height:auto;border-radius:8px;transition:box-shadow .2s;box-shadow:0 2px 8px #00fff7aa}.image-grid-item img:hover{box-shadow:0 4px 16px #ff00ea,0 0 24px #00fff7;cursor:pointer}.image-modal{cursor:zoom-out}.storybook-controls{margin-top:24px;text-align:center}.spinner-container{display:flex;flex-direction:column;align-items:center;margin-top:80px}.spinner{border:6px solid #222;border-top:6px solid #00fff7;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:16px}audio{position:fixed;left:0;right:0;bottom:0;width:100vw;max-width:50%;background:#000;z-index:1001;margin:0;border-radius:0}@media (max-width: 700px){.book{flex-direction:column;height:auto;min-height:unset;gap:12px}.page.left,.page.right{width:100%;min-height:unset;border-radius:12px;margin:0;box-shadow:none;border:none;padding:10px 6px;max-height:unset}.page.right{order:-1;border-radius:12px 12px 0 0;margin-bottom:0;justify-content:center;align-items:center;min-height:180px}.page.left{border-radius:0 0 12px 12px;margin-top:0;min-height:100px}.image-grid{grid-template-columns:1fr;max-height:none;gap:8px}.response-bubble{font-size:.98rem;padding:8px;margin:8px 0}.image-grid-item img{max-width:100%;height:auto;border-radius:8px}.storybook{min-height:100vh;height:100vh;display:flex;flex-direction:column;padding:0}.book{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;height:100%;gap:12px}.page.left,.page.right{flex:1 1 0;min-height:0;max-height:none;height:auto;display:flex;flex-direction:column;justify-content:flex-start}.page.right{order:-1;border-radius:12px 12px 0 0;min-height:120px}.page.left{border-radius:0 0 12px 12px;min-height:100px}.storybook-controls{flex:0 0 auto;margin-bottom:env(safe-area-inset-bottom,12px);padding-bottom:8px;max-height:80px;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}}.chat-input-bar{display:flex;margin:10px 0 0;width:100%}.chat-input{flex:1;padding:8px;border-radius:8px 0 0 8px;border:1.5px solid #00fff7;font-size:1em;background:#181c2f;color:#00fff7;outline:none}@media (max-width: 700px){.chat-input-bar{margin:8px 0 0}.chat-input{font-size:1em;padding:10px 8px}}.storybook-toc{max-height:60vh;overflow-y:auto;margin-top:18px;padding-right:8px}@media (max-width: 700px){.storybook-toc{max-height:50vh;overflow-y:auto;margin-top:12px;padding-right:4px}}.chat-bubbles{display:flex;flex-direction:column;gap:18px;padding:12px 0}.response-bubble{background:#181a2af2;border-radius:14px;box-shadow:0 0 12px #00fff7aa;padding:16px 18px;margin-bottom:8px;max-width:95%;word-break:break-word;position:relative;transition:box-shadow .2s}.response-bubble.user{align-self:flex-end;background:linear-gradient(90deg,#00fff7cc,#ff00eacc);color:#181a2a}.response-bubble.ai{align-self:flex-start;background:#181a2af2;color:#fff}.response-header{font-size:.95em;font-weight:700;margin-bottom:6px}.response-avatar .bubble{background:#00fff7;color:#181a2a;border-radius:50px;padding:4px 14px;font-weight:700;margin-right:8px}.response-bubble.user .response-avatar .bubble{background:#ff00ea;color:#fff}.response-body{font-size:1.1em}.response-images img{margin-top:8px;max-width:220px;border-radius:8px;box-shadow:0 0 8px #00fff7aa;cursor:zoom-in;transition:box-shadow .2s}.response-images img:hover{box-shadow:0 0 24px #ff00ea}.response-audio audio{margin-top:8px;width:100%}@media (max-width: 700px){.response-bubble{padding:12px 8px;font-size:1em}.response-images img{max-width:98vw}}.response-area{display:flex;flex-direction:column;height:100%;min-height:0;width:100vw;max-width:100vw;padding:20px;box-sizing:border-box;position:relative;overflow:hidden;background:#10121a;z-index:0}.chat-bubbles{flex:1 1 0;overflow-y:auto;min-height:0;margin-bottom:18px;display:flex;flex-direction:column;gap:12px;padding:10px 0;max-height:none}@media (max-width: 600px){.response-area{max-width:100vw;padding:0 2vw;min-height:0;height:100vh;box-sizing:border-box}.chat-bubbles{max-height:none;min-height:0;padding:4px 0;gap:8px}.chat-bubble{max-width:98vw;font-size:.98em}.bubble-text{padding:10px 12px;font-size:1em}.avatar{width:28px;height:28px;font-size:.95em;margin:0 3px;padding:0 2px}.chat-input-row input{font-size:1em;padding:8px}.chat-input-row{margin-bottom:env(safe-area-inset-bottom,8px)}}.games-container{display:flex;flex-direction:column;height:100vh;padding:20px;background:#0000001a;backdrop-filter:blur(5px);overflow-y:auto}.games-header{text-align:center;margin-bottom:30px;background:#1e0f3226;border:1px solid rgba(157,78,221,.2);border-radius:16px;padding:30px;backdrop-filter:blur(5px)}.games-title{font-family:Audiowide,monospace;font-size:2.5em;background:linear-gradient(135deg,#00fff7,#9d4edd,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.games-subtitle{color:#9d4edd;font-size:18px;margin-bottom:20px}.balance-display{background:#00fff71a;border:1px solid #00fff7;border-radius:12px;padding:15px;display:inline-block}.balance-label{color:#9d4edd;margin-right:10px}.balance-amount{color:#00fff7;font-weight:700;font-size:1.2em}.games-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.search-bar{display:flex;justify-content:center}.search-input{width:100%;max-width:400px;padding:12px 16px;border:2px solid rgba(157,78,221,.3);border-radius:12px;background:#1e0f324d;color:var(--text-white);font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#00fff7;box-shadow:0 0 20px #00fff74d}.search-input::placeholder{color:#9d4eddb3}.category-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.category-btn{padding:10px 16px;border:1px solid rgba(157,78,221,.3);border-radius:8px;background:#1e0f324d;color:var(--text-light);cursor:pointer;transition:all .3s ease;font-size:14px;white-space:nowrap}.category-btn:hover{border-color:#00fff7;background:#00fff71a;color:#00fff7}.category-btn.active{background:linear-gradient(135deg,#00fff7,#9d4edd);color:#fff;border-color:#00fff7}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:20px}.game-card{background:#0f05194d;border-radius:12px;padding:20px;border:1px solid rgba(157,78,221,.15);transition:all .3s ease;cursor:pointer;backdrop-filter:blur(3px)}.game-card:hover{border-color:#00fff7;transform:translateY(-2px);box-shadow:0 8px 20px #00fff733}.game-icon{font-size:4em;text-align:center;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(0,255,247,.3))}.game-title{color:#00fff7;font-size:1.5em;font-weight:700;text-align:center;margin-bottom:10px}.game-description{color:var(--text-light);text-align:center;margin-bottom:15px;line-height:1.4;font-size:14px}.game-cost{background:#9d4edd33;border-radius:6px;padding:8px;text-align:center;color:#00fff7;font-weight:700;margin-bottom:15px;font-size:14px}.play-btn{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#00fff7,#9d4edd);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:16px}.play-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00fff766}.play-btn.disabled{background:#6464644d;cursor:not-allowed;transform:none;box-shadow:none;color:#666}.no-games{text-align:center;padding:40px;color:var(--text-light)}.no-games button{padding:10px 20px;margin-top:15px;border:1px solid #00fff7;border-radius:8px;background:#00fff71a;color:#00fff7;cursor:pointer;transition:all .3s ease}.no-games button:hover{background:#00fff733}.game-engine{display:flex;flex-direction:column;height:100vh;padding:20px;background:#0000001a;backdrop-filter:blur(5px)}.game-header{display:flex;justify-content:space-between;align-items:center;background:#1e0f324d;border:1px solid rgba(157,78,221,.2);border-radius:12px;padding:20px;margin-bottom:20px;backdrop-filter:blur(5px)}.game-header h2{color:#00fff7;margin:0;font-size:1.8em}.game-stats{display:flex;gap:20px;align-items:center;color:var(--text-light);font-weight:700}.quit-btn{padding:8px 12px;border:1px solid #ff6b35;border-radius:6px;background:#ff6b351a;color:#ff6b35;cursor:pointer;transition:all .3s ease;font-size:14px}.quit-btn:hover{background:#ff6b3533}.game-content{flex:1;background:#0f05194d;border:1px solid rgba(157,78,221,.15);border-radius:12px;padding:30px;backdrop-filter:blur(3px)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-light)}.spinner{width:50px;height:50px;border:3px solid rgba(157,78,221,.3);border-top:3px solid #00fff7;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.trivia-game,.riddle-game,.math-game,.generic-game{text-align:center;max-width:600px;margin:0 auto}.trivia-game h3,.riddle-game h3,.math-game h3{color:#00fff7;font-size:1.5em;margin-bottom:20px}.question,.riddle,.problem{color:var(--text-white);font-size:1.2em;margin-bottom:30px;line-height:1.5;background:#00fff70d;padding:20px;border-radius:12px;border:1px solid rgba(0,255,247,.2)}.options{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0}.option-btn{padding:15px;border:1px solid rgba(157,78,221,.3);border-radius:8px;background:#1e0f324d;color:var(--text-light);cursor:pointer;transition:all .3s ease;font-size:16px}.option-btn:hover{border-color:#00fff7;background:#00fff71a;color:#00fff7}.option-btn.selected{background:linear-gradient(135deg,#00fff7,#9d4edd);color:#fff;border-color:#00fff7}.input-section{display:flex;gap:25px;margin:20px 0;justify-content:center;align-items:center;flex-wrap:wrap}.answer-input{padding:12px 16px;border:2px solid rgba(157,78,221,.3);border-radius:8px;background:#1e0f324d;color:var(--text-white);font-size:16px;min-width:200px}.answer-input:focus{outline:none;border-color:#00fff7;box-shadow:0 0 10px #00fff74d}.submit-btn,.action-btn{padding:12px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#00fff7,#9d4edd);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:16px}.submit-btn:hover,.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00fff766}.hint{background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:8px;padding:15px;color:#ff6b35;margin-top:20px}.actions{display:flex;gap:25px;margin:20px 0;justify-content:center;flex-wrap:wrap}.wheel-of-fortune-game{text-align:center}.phrase-display{font-family:Audiowide,monospace;font-size:2em;margin:30px 0;letter-spacing:8px}.phrase-char{display:inline-block;margin:0 2px;min-width:30px;border-bottom:3px solid #9d4edd;padding:10px 5px}.phrase-char.space{border-bottom:none;width:20px}.alphabet{display:grid;grid-template-columns:repeat(13,1fr);gap:10px;margin:30px 0}.letter-btn{background:#9d4edd33;border:2px solid #9d4edd;border-radius:8px;color:#fff;padding:15px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.letter-btn:hover:not(.used){background:#9d4edd66;transform:scale(1.1)}.letter-btn.used{background:#6464644d;border-color:#666;cursor:not-allowed;opacity:.5}.story-adventure-game{max-width:800px;margin:0 auto}.story-text{background:#0000004d;border:1px solid #9d4edd;border-radius:12px;padding:30px;font-size:18px;line-height:1.6;margin-bottom:30px;color:#e0e0e0}.choices{display:flex;flex-direction:column;gap:25px;margin:20px 0}.choice-btn{background:#9d4edd33;border:2px solid #9d4edd;border-radius:12px;color:#fff;padding:20px;font-size:16px;text-align:left;cursor:pointer;transition:all .3s ease}.choice-btn:hover{background:#9d4edd66;transform:translate(10px)}.poker-game{max-width:1000px;margin:0 auto}.poker-table{background:#0064004d;border:2px solid #228B22;border-radius:20px;padding:30px;margin-bottom:20px}.community-cards{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.card{background:#fff;color:#000;border:2px solid #333;border-radius:8px;padding:15px 10px;min-width:60px;text-align:center;font-weight:700;font-size:16px}.hand{display:flex;justify-content:center;gap:10px;margin:15px 0}.poker-actions{display:flex;justify-content:center;gap:20px;margin-top:20px}.poker-btn{background:#ff6b3533;border:2px solid #ff6b35;border-radius:8px;color:#fff;padding:15px 25px;font-size:16px;cursor:pointer;transition:all .3s ease}.poker-btn:hover{background:#ff6b3566}.detective-mystery-game{max-width:1200px;margin:0 auto}.case-info{background:#8b451333;border:2px solid #8B4513;border-radius:12px;padding:25px;margin-bottom:30px}.investigation{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.suspect-card,.clue-card{background:#0000004d;border:1px solid #9d4edd;border-radius:12px;padding:20px;margin-bottom:15px}.solve-btn{background:#ffd70033;border:2px solid gold;border-radius:12px;color:#fff;padding:20px 40px;font-size:18px;font-weight:700;cursor:pointer;display:block;margin:0 auto}.battle-arena-game{max-width:800px;margin:0 auto}.battle-field{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}.enemy-area,.player-area{background:#0000004d;border:2px solid #9d4edd;border-radius:12px;padding:25px;text-align:center}.health-bar{background:#6464644d;border-radius:10px;height:20px;margin:15px 0;overflow:hidden}.health-fill{background:linear-gradient(90deg,red,#ff0,#0f0);height:100%;transition:width .5s ease}.battle-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin:20px 0}.battle-btn{background:#ff6b3533;border:2px solid #ff6b35;border-radius:12px;color:#fff;padding:20px;font-size:16px;cursor:pointer;transition:all .3s ease}.battle-btn:hover{background:#ff6b3566;transform:scale(1.05)}.battle-log{background:#00000080;border:1px solid #666;border-radius:8px;padding:15px;height:150px;overflow-y:auto;font-family:monospace;font-size:14px}.slots-game,.bingo-game,.keno-game,.roulette-game,.blackjack-game,.scratch-card-game{max-width:800px;margin:0 auto;text-align:center}.slot-machine{display:flex;justify-content:center;gap:20px;margin:30px 0}.reel{background:#00000080;border:3px solid gold;border-radius:12px;padding:20px;min-width:100px}.symbol{font-size:3em;margin:10px 0}.slot-controls{margin-top:30px}.slot-controls button{background:#ffd7004d;border:2px solid gold;border-radius:12px;color:#fff;padding:20px 40px;font-size:20px;font-weight:700;cursor:pointer;margin:10px}.bingo-card{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:400px;margin:30px auto}.bingo-cell{background:#9d4edd33;border:2px solid #9d4edd;border-radius:8px;padding:20px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.bingo-cell:hover{background:#9d4edd66}.bingo-cell.marked{background:#00ff004d;border-color:#0f0}.chess-game,.checkers-game,.go-game{max-width:600px;margin:0 auto}.chess-board,.checkers-board,.go-board{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:#8b4513;border:4px solid #654321;border-radius:8px;padding:10px;margin:20px auto;max-width:480px}.go-board{grid-template-columns:repeat(13,1fr)}.chess-square,.checkers-square,.go-intersection{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s ease}.chess-square.light,.checkers-square.light{background:#f0d9b5}.chess-square.dark,.checkers-square.dark{background:#b58863}.chess-square:hover,.checkers-square:hover,.go-intersection:hover{box-shadow:inset 0 0 10px #9d4edd80}.chess-square.selected{background:#ffff0080!important}.checker-piece{width:80%;height:80%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border:2px solid black}.checker-piece.red{background:#dc3545}.checker-piece.black{background:#343a40}.go-stone{width:80%;height:80%;border-radius:50%;border:1px solid #333}.go-stone.black{background:#000}.go-stone.white{background:#fff}.speed-typing-game,.word-sprint-game{max-width:800px;margin:0 auto}.typing-text{background:#0000004d;border:1px solid #9d4edd;border-radius:12px;padding:30px;font-family:monospace;font-size:18px;line-height:1.6;margin-bottom:20px}.typing-char.correct{background:#00ff004d;color:#0f0}.typing-char.incorrect{background:#ff00004d;color:red}.typing-char.pending{background:#ff03}.typing-input,.word-input,.word-build-input{width:100%;background:#0000004d;border:2px solid #9d4edd;border-radius:12px;padding:20px;color:#fff;font-size:18px;font-family:monospace}.typing-stats,.sprint-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px;text-align:center}.art-challenge-game,.music-composer-game,.story-builder-game{max-width:1000px;margin:0 auto}.canvas{display:grid;grid-template-columns:repeat(20,1fr);gap:1px;max-width:400px;margin:20px auto;border:2px solid #9d4edd}.pixel{aspect-ratio:1;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.art-tools,.instruments{display:flex;justify-content:center;gap:25px;margin:20px 0}.tool-btn,.instrument-btn,.note-btn{background:#9d4edd33;border:2px solid #9d4edd;border-radius:8px;color:#fff;padding:12px 20px;cursor:pointer;transition:all .3s ease}.tool-btn.active,.instrument-btn.active{background:#9d4edd80;border-color:#00fff7}.story-input,.content-input,.meme-input,.debate-input,.logic-input{width:100%;min-height:150px;background:#0000004d;border:2px solid #9d4edd;border-radius:12px;padding:20px;color:#fff;font-size:16px;resize:vertical}.personality-quiz-game,.debate-champion-game,.future-predictor-game{max-width:800px;margin:0 auto}.quiz-options,.prediction-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin:30px 0}.quiz-option,.predict-btn{background:#9d4edd33;border:2px solid #9d4edd;border-radius:12px;color:#fff;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.quiz-option:hover,.predict-btn:hover{background:#9d4edd66;transform:scale(1.05)}.predict-btn.yes{border-color:#0f0}.predict-btn.no{border-color:red}.memory-master-game,.pattern-rush-game,.color-match-game,.cognitive-training-game{max-width:600px;margin:0 auto;text-align:center}.pattern,.memory-pattern{display:flex;justify-content:center;gap:10px;margin:30px 0}.pattern-block,.memory-block{width:60px;height:60px;border-radius:8px;border:2px solid #333}.pattern-block.red,.memory-block.red{background:red}.pattern-block.blue,.memory-block.blue{background:#00f}.pattern-block.green,.memory-block.green{background:#0f0}.pattern-block.yellow,.memory-block.yellow{background:#ff0}.pattern-block.purple,.memory-block.purple{background:#9d4edd}.pattern-block.orange,.memory-block.orange{background:#ff6b35}.color-buttons,.memory-controls{display:flex;justify-content:center;gap:25px;margin:20px 0}.color-btn,.memory-btn{width:60px;height:60px;border:3px solid white;border-radius:50%;cursor:pointer;transition:all .3s ease}.color-btn:hover,.memory-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #ffffff80}.color-btn.red,.memory-btn.red{background:red}.color-btn.blue,.memory-btn.blue{background:#00f}.color-btn.green,.memory-btn.green{background:#0f0}.color-btn.yellow,.memory-btn.yellow{background:#ff0}.color-btn.purple,.memory-btn.purple{background:#9d4edd}.color-btn.orange,.memory-btn.orange{background:#ff6b35}.color-grid,.candy-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-width:400px;margin:20px auto}.candy-grid{grid-template-columns:repeat(8,1fr)}.color-cell,.candy-cell{aspect-ratio:1;border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.color-cell:hover,.candy-cell:hover{transform:scale(1.1);box-shadow:0 0 10px #ffffff80}.color-cell.selected,.candy-cell.selected{border-color:#00fff7;box-shadow:0 0 15px #00fff7}.color-cell.matched{opacity:.5;transform:scale(.8)}.scratch-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:30px auto}.scratch-cell{aspect-ratio:1;background:#c0c0c0cc;border:2px solid #333;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:36px;cursor:pointer;transition:all .3s ease}.scratch-cell.scratched{background:#ffd70033;border-color:gold}.scratch-cell:hover:not(.scratched){background:#dcdcdce6}.blocks-of-fortune-game{display:flex;flex-direction:column;gap:20px;padding:20px;background:linear-gradient(135deg,#0f0f23f2,#1e0f32f2);border-radius:20px;border:2px solid rgba(157,78,221,.3);box-shadow:0 10px 30px #9d4edd33;backdrop-filter:blur(10px);animation:gameGlow 3s ease-in-out infinite alternate}@keyframes gameGlow{0%{box-shadow:0 10px 30px #9d4edd33}to{box-shadow:0 15px 40px #00fff74d}}.blocks-of-fortune-game h3{text-align:center;font-family:Audiowide,monospace;font-size:2.2em;background:linear-gradient(135deg,#00fff7,#9d4edd,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 20px rgba(0,255,247,.5)}.current-block{text-align:center;background:linear-gradient(135deg,#00fff71a,#9d4edd1a);border:2px solid rgba(0,255,247,.3);border-radius:15px;padding:20px;box-shadow:0 5px 20px #00fff733}.current-block h4{color:#00fff7;font-family:Orbitron,monospace;font-size:1.4em;margin:0 0 15px;text-shadow:0 0 10px rgba(0,255,247,.7)}.leaderboard-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(5px)}.leaderboard-content{background:linear-gradient(135deg,#0f0f23f2,#1e0f32f2);border:2px solid rgba(157,78,221,.3);border-radius:20px;padding:30px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #9d4edd4d;backdrop-filter:blur(10px)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid rgba(157,78,221,.2);padding-bottom:15px}.leaderboard-header h2{font-family:Audiowide,monospace;font-size:1.8em;background:linear-gradient(135deg,#00fff7,#9d4edd,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.2em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ff6b354d;border-color:#ff6b35;transform:scale(1.1)}.leaderboard-list{display:flex;flex-direction:column;gap:25px;margin:20px 0}.leaderboard-entry{display:flex;align-items:center;gap:20px;background:#00fff70d;border:1px solid rgba(0,255,247,.2);border-radius:12px;padding:15px;transition:all .3s ease}.leaderboard-entry:hover{background:#00fff71a;border-color:#00fff766;transform:translateY(-2px);box-shadow:0 5px 15px #00fff733}.leaderboard-entry:nth-child(1){background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd7004d}.leaderboard-entry:nth-child(2){background:linear-gradient(135deg,#c0c0c01a,#c0c0c00d);border-color:#c0c0c04d}.leaderboard-entry:nth-child(3){background:linear-gradient(135deg,#cd7f321a,#cd7f320d);border-color:#cd7f324d}.rank{font-size:1.5em;font-weight:700;color:#ff6b35;font-family:Orbitron,monospace;min-width:60px;text-align:center}.leaderboard-entry:nth-child(1) .rank{color:gold;text-shadow:0 0 10px rgba(255,215,0,.7)}.leaderboard-entry:nth-child(2) .rank{color:silver;text-shadow:0 0 10px rgba(192,192,192,.7)}.leaderboard-entry:nth-child(3) .rank{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.7)}.player-info{flex:1;display:flex;flex-direction:column;gap:5px}.player-name{font-size:1.2em;font-weight:700;color:#00fff7;font-family:Orbitron,monospace}.player-phrase{color:#9d4edd;font-style:italic;font-size:.9em}.player-date{color:#fff9;font-size:.8em}.player-stats{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.earnings{font-size:1.3em;font-weight:700;color:#ff6b35;font-family:Orbitron,monospace;text-shadow:0 0 10px rgba(255,107,53,.5)}.score{color:#9d4edd;font-size:.9em;font-family:Orbitron,monospace}.no-scores{text-align:center;padding:40px 20px;color:#9d4edd;font-size:1.1em}.no-scores p{margin:0;font-family:Orbitron,monospace}@media (max-width: 768px){.games-grid,.investigation,.battle-field{grid-template-columns:1fr}.alphabet{grid-template-columns:repeat(7,1fr)}.chess-board,.checkers-board{max-width:300px}.canvas{grid-template-columns:repeat(15,1fr);max-width:300px}.blocks-of-fortune-game{padding:15px;gap:25px;margin:20px 0}.phrase-char{width:35px;height:45px;line-height:45px;font-size:1.5em}.letter-input{width:50px;height:50px;font-size:1.5em}.solve-input{min-width:250px}.alphabet-grid{grid-template-columns:repeat(auto-fit,minmax(45px,1fr))}.letter-btn{width:45px;height:45px;font-size:1em}}@media (max-width: 480px){.games-title{font-size:2em}.alphabet{grid-template-columns:repeat(5,1fr)}.phrase-display{font-size:1.5em;letter-spacing:4px}.choice-btn{padding:15px;font-size:14px}}.blocks-of-fortune-game{text-align:center;color:#fff}.current-block{background:#9d4edd33;border:2px solid #9d4edd;border-radius:15px;padding:20px;margin-bottom:20px}.block-info{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.block-icon{font-size:2rem}.block-value{color:#00fff7;font-size:1.5rem;font-weight:700}.block-desc{color:#9d4edd}.mine-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.mine-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #ff6b3566}.category-display{margin-bottom:20px}.category-display h4{color:#9d4edd;font-size:1.3rem}.phrase-display{margin-bottom:30px}.word-display{display:flex;flex-direction:column;align-items:center;gap:25px;margin:20px 0}.word-row{display:flex;gap:12px;margin:8px 0;justify-content:center}.letter-box{width:45px;height:45px;border:3px solid #9d4edd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#00fff7;background:#0f0519cc;transition:all .3s ease}.letter-box.revealed{background:#00fff733;border-color:#00fff7;color:#fff;box-shadow:0 0 10px #00fff74d}.alphabet{display:grid;grid-template-columns:repeat(13,1fr);gap:12px;max-width:700px;margin:0 auto 30px;padding:20px;background:#0f05194d;border-radius:15px;border:1px solid rgba(157,78,221,.3)}.letter-btn{padding:12px 8px;border:2px solid #9d4edd;background:#9d4edd1a;color:#9d4edd;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all .3s ease;min-height:45px;display:flex;align-items:center;justify-content:center}.letter-btn:hover:not(:disabled){background:#9d4edd;color:#000;transform:scale(1.1);box-shadow:0 3px 10px #9d4edd66}.letter-btn.used{opacity:.6;cursor:not-allowed}.letter-btn.correct{background:#4caf50;border-color:#4caf50;color:#fff;box-shadow:0 0 10px #4caf5080}.letter-btn.incorrect{background:#f44336;border-color:#f44336;color:#fff;box-shadow:0 0 10px #f4433680}.game-stats{display:flex;justify-content:space-around;margin-bottom:20px;padding:15px;background:#9d4edd1a;border-radius:10px;border:1px solid rgba(157,78,221,.3)}.game-stats>div{color:#9d4edd;font-weight:700;font-size:1.1rem}.solve-section{display:flex;gap:10px;max-width:500px;margin:0 auto;padding:20px;background:#00fff70d;border-radius:15px;border:1px solid rgba(0,255,247,.2)}.solve-input{flex:1;padding:15px;border:2px solid #00fff7;border-radius:8px;background:#0f0519cc;color:#fff;font-size:16px}.solve-input::placeholder{color:#00fff799}.solve-btn{background:linear-gradient(135deg,#00fff7,#9d4edd);color:#000;border:none;padding:15px 20px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease;white-space:nowrap}.solve-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #00fff74d}.solve-btn:disabled{opacity:.5;cursor:not-allowed}.poker-game{text-align:center;color:#fff}.poker-status{display:flex;justify-content:space-around;margin-bottom:20px;padding:15px;background:#9d4edd33;border-radius:10px;border:2px solid #9d4edd}.poker-status>div{color:#9d4edd;font-weight:700;font-size:1.1rem}.ai-opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:20px 0}.ai-player{background:#0f0519cc;border:2px solid #9d4edd;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.ai-player:hover{border-color:#00fff7;box-shadow:0 5px 15px #00fff733}.ai-player.folded{opacity:.4;border-color:#666}.ai-player h4{color:#00fff7;margin-bottom:8px;font-size:1.2rem}.ai-player p{color:#9d4edd;font-size:.9rem;margin-bottom:12px;line-height:1.3}.ai-player>div{color:#fff;margin-bottom:5px;font-weight:700}.ai-cards{color:#666;font-size:1.5rem;margin-top:10px}.community-area{margin-bottom:25px;padding:20px;background:#00fff70d;border-radius:15px;border:1px solid rgba(0,255,247,.2)}.community-area h4{color:#00fff7;margin-bottom:15px;font-size:1.3rem}.community-cards{display:flex;justify-content:center;gap:12px;margin-top:15px;flex-wrap:wrap}.card{width:70px;height:95px;border:3px solid #9d4edd;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f0f0f0);color:#000;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006}.card.player-card{border-color:#00fff7;background:linear-gradient(135deg,#00fff7e6,#00fff7b3);color:#000;box-shadow:0 0 15px #00fff766}.placeholder{color:#666;font-style:italic;padding:20px}.player-area{background:#00fff71a;border:3px solid #00fff7;border-radius:20px;padding:25px;margin-bottom:25px;box-shadow:0 0 20px #00fff733}.player-area h4{color:#00fff7;margin-bottom:15px;font-size:1.4rem}.hand{display:flex;justify-content:center;gap:25px;margin:20px 0}.player-stats{display:flex;justify-content:space-around;color:#00fff7;font-weight:700;font-size:1.2rem}.poker-actions{display:flex;justify-content:center;gap:25px;margin:20px 0;flex-wrap:wrap}.poker-btn{padding:15px 25px;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all .3s ease;min-width:120px;text-transform:uppercase;letter-spacing:1px}.fold-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.call-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.raise-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.allin-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.poker-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #0000004d}.game-result{background:#9d4edd33;border:2px solid #9d4edd;border-radius:20px;padding:25px;margin-top:25px}.game-result h4{color:#00fff7;margin-bottom:15px;font-size:1.4rem}.game-result p{color:#9d4edd;font-size:1.1rem;margin-bottom:20px}.next-round-btn{background:linear-gradient(135deg,#00fff7,#9d4edd);color:#000;border:none;padding:15px 30px;border-radius:12px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.next-round-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #00fff74d}@media (max-width: 768px){.alphabet{grid-template-columns:repeat(8,1fr);max-width:500px}.letter-box{width:35px;height:35px;font-size:1.4rem}.ai-opponents{grid-template-columns:1fr;gap:10px}.poker-actions{flex-direction:column;align-items:center}.poker-btn{width:200px}.card{width:60px;height:80px;font-size:.9rem}.community-cards{gap:12px;margin:8px 0}.hand{gap:10px}}@media (max-width: 480px){.word-row{flex-wrap:wrap;justify-content:center;gap:4px}.letter-box{width:30px;height:30px;font-size:1.1rem}.alphabet{grid-template-columns:repeat(6,1fr);gap:6px;max-width:350px}.letter-btn{padding:8px 4px;font-size:1rem;min-height:35px}.card{width:50px;height:65px;font-size:.8rem}.solve-section{flex-direction:column;gap:25px;margin:20px 0}.solve-btn{font-size:.9rem;padding:12px 18px}}.buy-question-section{text-align:center;margin:15px 0}.buy-question-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #ff6b35;border-radius:12px;color:#fff;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Audiowide,monospace;box-shadow:0 4px 15px #ff6b354d}.buy-question-btn:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);box-shadow:0 6px 20px #ff6b3580;transform:translateY(-2px)}.buy-question-btn:active{transform:translateY(0);box-shadow:0 2px 10px #ff6b3566}.�c�h�e�c�k�-�b�t�n� �{� �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�9�e�9�e�9�e� �0�%�,� �#�6�1�6�1�6�1� �1�0�0�%�)�;� �c�o�l�o�r�:� �#�f�f�f�;� �}� � �.nft-gallery{padding:20px;background:radial-gradient(circle at 20% 20%,#0a0a0f,#01010a);color:#0fe;font-family:Orbitron,sans-serif}.nft-gallery h2{font-size:1.5em;color:#0ff;text-shadow:0 0 6px #0ff;margin-bottom:20px;text-align:center}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.nft-card{background:linear-gradient(135deg,#00ffff1a,#0000404d);border:1px solid #00eaff;border-radius:10px;padding:12px;text-align:center;box-shadow:0 0 10px #0ff4;transition:all .3s ease-in-out}.nft-card:hover{box-shadow:0 0 25px #00eaff88}.nft-image{width:100%;height:160px;object-fit:cover;border-radius:6px;margin-bottom:10px;border:1px solid #00ffee44;box-shadow:0 0 8px #0fe2}.nft-title{color:#fff;font-size:.9em;margin:8px 0;text-shadow:0 0 4px #fff;word-wrap:break-word}.nft-gallery-sell{margin-top:6px;padding:6px 12px;background:linear-gradient(135deg,#0fc,#04f);border:none;border-radius:6px;font-weight:700;font-size:.9em;cursor:pointer;color:#fff;box-shadow:0 0 12px #0fe5;transition:background .3s ease}.nft-gallery-sell:hover{background:linear-gradient(135deg,#0fa,#02f)}.nft-gallery-refresh{display:block;margin:0 auto 20px;padding:10px 20px;border-radius:25px;border:1px solid rgba(0,255,204,.4);background-color:#00ffcc1a;color:#0fc;font-family:Orbitron,sans-serif;font-size:1em;cursor:pointer}@media (max-width: 600px){.personality-overlay{top:54px;max-width:90vw;font-size:10px}}.threedchat-bubble-bottom{position:fixed!important;left:50%!important;bottom:20px!important;transform:translate(-50%)!important;width:420px!important;max-width:90vw!important;max-height:40vh!important;background:linear-gradient(135deg,#000000f2,#1a1a2efa 30%,#16213ef2 70%,#000000e6);border:2px solid rgba(0,255,247,.3)!important;border-radius:20px;backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 8px 32px #00000080,0 0 40px #00fff733,inset 0 1px #ffffff1a;transition:all .5s cubic-bezier(.23,1,.32,1);animation:bubble-bottom-slide-in .8s ease-out;overflow:hidden!important;z-index:10;display:flex!important;flex-direction:column;margin:0!important;padding:0!important}@keyframes bubble-bottom-slide-in{0%{opacity:0;transform:translate(-50%) translateY(100px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}.threedchat-bubble-bottom.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.threedchat-bubble-bottom.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(100px)}.threedchat-root,.threedchat-root *{box-sizing:border-box!important}html,body{margin:0!important;padding:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;position:fixed!important}#root{width:100vw!important;height:100vh!important;overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;margin:0!important;padding:0!important}.threedchat-root{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important;background:radial-gradient(ellipse at top left,rgba(0,255,247,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,107,157,.15) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460,#000);overflow:hidden!important;font-family:Rajdhani,sans-serif;animation:ambient-glow 20s ease-in-out infinite alternate;z-index:1000}.tab-view.threedchat-container{padding:0!important;margin:0!important;overflow:hidden!important;position:relative!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}@keyframes ambient-glow{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(180deg) brightness(1.1)}to{filter:hue-rotate(360deg) brightness(1)}}.threedchat-header{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;min-height:60px!important;max-height:100px!important;z-index:1000;padding:5px 15px!important;margin:0!important;background:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(26,26,46,.8) 50%,rgba(0,0,0,.6) 80%,transparent 100%);backdrop-filter:blur(15px) saturate(1.5);display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid rgba(0,255,247,.2);overflow:visible!important;box-sizing:border-box!important}.threedchat-controls{display:flex!important;align-items:center;gap:6px;animation:slide-in-left .8s ease-out;flex:0 0 auto!important;min-width:0!important;max-width:250px!important;overflow:hidden!important;margin:0!important;padding:0!important}.threedchat-personality-info{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 8px!important;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);animation:slide-in-down .8s ease-out;max-width:200px;overflow:hidden}.personality-name{font-family:Orbitron,monospace;font-size:11px;font-weight:600;text-shadow:0 0 8px currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.personality-traits{font-family:Rajdhani,sans-serif;font-size:9px;color:#ffffffb3;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-transform:uppercase;letter-spacing:.5px}.threedchat-header-input{flex:1 1 320px!important;min-width:180px!important;max-width:420px!important;overflow:hidden!important;margin:0!important}.artbook-btn{background:linear-gradient(135deg,#00fff7,#07f)!important;color:#000!important;border:2px solid #00fff7!important;font-weight:700!important;box-shadow:0 0 10px #00fff7!important;transition:all .2s}.artbook-btn:hover{background:linear-gradient(135deg,#00fff7,#ff6b9d)!important;color:#fff!important;border-color:#ff6b9d!important;box-shadow:0 0 20px #ff6b9d!important}.header-input-container{display:flex!important;align-items:center;gap:8px;background:#000000b3;padding:6px!important;border-radius:20px;backdrop-filter:blur(10px);border:2px solid rgba(0,255,247,.3);transition:all .3s ease;width:100%!important;max-width:none!important}.header-input-container:focus-within{border-color:#00fff7;box-shadow:0 0 20px #00fff766}.threedchat-header-input-field{flex:1!important;min-height:32px!important;max-height:60px!important;padding:8px 12px!important;border-radius:16px;border:none!important;background:transparent!important;color:#fff!important;font-size:13px;font-family:Rajdhani,sans-serif;resize:none;outline:none!important;transition:all .3s ease;margin:0!important;width:100%!important}.threedchat-header-input-field::placeholder{color:#ffffff80;font-style:italic}.threedchat-header-sendbtn{width:32px!important;height:32px!important;border-radius:50%;border:none!important;background:linear-gradient(135deg,#00fff7,#07f);color:#000!important;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px #00fff74d,0 0 8px #00fff733;display:flex!important;align-items:center;justify-content:center;flex-shrink:0!important;margin:0!important}.threedchat-header-sendbtn:hover{transform:scale(1.1);box-shadow:0 6px 20px #00fff766,0 0 20px #00fff74d}.threedchat-header-sendbtn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes slide-in-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.music-controls{display:flex!important;align-items:center;gap:4px;margin-right:8px}.music-controls label.setting-btn{cursor:pointer;background:linear-gradient(135deg,#8a2be2b3,#483d8bb3);border:1px solid rgba(138,43,226,.5)}.music-controls label.setting-btn:hover{background:linear-gradient(135deg,#8a2be2e6,#483d8be6);transform:scale(1.05)}.threedchat-avatar-select,.threedchat-mode-select,.threedchat-voice-select{padding:4px 8px!important;border-radius:8px;background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);color:#00fff7!important;border:1px solid rgba(0,255,247,.3)!important;background-clip:padding-box;font-family:Orbitron,monospace;font-weight:600;font-size:10px!important;box-shadow:0 0 15px #00fff733,inset 0 1px #ffffff1a;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0!important;min-width:50px!important;max-width:120px!important;margin:0!important}.threedchat-avatar-select:before,.threedchat-mode-select:before,.threedchat-voice-select:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,247,.4),transparent);transition:left .5s}.threedchat-avatar-select:hover:before,.threedchat-mode-select:hover:before,.threedchat-voice-select:hover:before{left:100%}.threedchat-avatar-select:hover,.threedchat-mode-select:hover,.threedchat-voice-select:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 40px #00fff799,0 15px 35px #0006,inset 0 1px #fff3;border-color:#00fff7}.threedchat-avatar-select:focus,.threedchat-mode-select:focus,.threedchat-voice-select:focus{outline:none;border-color:#ff6b9d;box-shadow:0 0 30px #ff6b9d80,0 0 60px #ff6b9d33}.threedchat-settings{display:flex!important;align-items:center;gap:6px;animation:slide-in-right .8s ease-out .2s both;flex-shrink:0!important;min-width:0;overflow:hidden!important;margin:0!important}@keyframes slide-in-right{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.setting-btn{width:32px!important;height:32px!important;border-radius:50%;background:linear-gradient(135deg,#00fff726,#00fff70d,#0000004d);border:1px solid rgba(0,255,247,.4)!important;color:#00fff7!important;font-size:12px!important;cursor:pointer;transition:all .3s ease;display:flex!important;align-items:center;justify-content:center;position:relative;overflow:hidden;backdrop-filter:blur(10px);flex-shrink:0!important;margin:0!important}.setting-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,247,.6) 0%,transparent 70%);transition:all .4s ease;transform:translate(-50%,-50%);border-radius:50%}.setting-btn:hover:before{width:100px;height:100px}.setting-btn:hover{background:linear-gradient(135deg,#00fff74d,#00fff726,#0003);border-color:#00fff7;transform:scale(1.15) rotate(360deg);box-shadow:0 0 25px #00fff799,0 8px 25px #0000004d;color:#fff}.setting-btn.active{background:linear-gradient(135deg,#00fff7,#07f,#ff6b9d);color:#000;box-shadow:0 0 30px #00fff7cc,0 0 60px #00fff766,inset 0 2px 4px #ffffff4d;animation:active-pulse 2s ease-in-out infinite}@keyframes active-pulse{0%,to{box-shadow:0 0 30px #00fff7cc,0 0 60px #00fff766}50%{box-shadow:0 0 40px #00fff7,0 0 80px #00fff799}}.speed-slider{width:60px!important;height:6px!important;border-radius:3px;background:linear-gradient(90deg,#00fff733,#ff6b9d33,#9d4edd33);outline:none!important;-webkit-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;flex-shrink:0!important;margin:0!important}.speed-slider:hover{background:linear-gradient(90deg,#00fff766,#ff6b9d66,#9d4edd66);box-shadow:0 0 15px #00fff780}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#00fff7,#07f,#ff6b9d);cursor:pointer;box-shadow:0 0 15px #00fff7b3,inset 0 2px 4px #ffffff4d;transition:all .3s cubic-bezier(.23,1,.32,1);border:2px solid rgba(255,255,255,.3)}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 25px #00fff7,0 0 50px #00fff780,inset 0 2px 6px #fff6}.threedchat-listening{position:absolute!important;top:80px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;align-items:center;gap:8px;color:#00fff7;font-weight:600;font-size:12px;font-family:Orbitron,monospace;background:linear-gradient(135deg,#00fff726,#000000e6);padding:6px 12px!important;border-radius:20px;border:1px solid rgba(0,255,247,.4)!important;backdrop-filter:blur(15px);box-shadow:0 0 20px #00fff74d,inset 0 1px #ffffff1a;animation:listening-glow 2s ease-in-out infinite alternate;z-index:90!important;white-space:nowrap!important;max-width:250px!important;overflow:hidden!important;margin:0!important}@keyframes listening-glow{0%{box-shadow:0 0 30px #00fff74d,inset 0 1px #ffffff1a}to{box-shadow:0 0 50px #00fff799,inset 0 1px #fff3}}.threedchat-listening-dot{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#00fff7 30%,#00fff74d 70%);animation:threedchat-pulse 1.2s infinite;box-shadow:0 0 20px #00fff7,inset 0 2px 4px #ffffff4d}@keyframes threedchat-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #00fff7,inset 0 2px 4px #ffffff4d}50%{opacity:.4;transform:scale(1.4);box-shadow:0 0 40px #00fff7,inset 0 2px 6px #ffffff80}}.audio-level-bar{width:100px;height:6px;background:#0000004d;border-radius:3px;overflow:hidden;border:1px solid rgba(0,255,247,.3)}.audio-level-fill{height:100%;background:linear-gradient(90deg,#00fff7,#ff6b9d);transition:width .1s ease;border-radius:2px;box-shadow:0 0 10px #00fff780}.threedchat-canvas-container{position:absolute!important;inset:70px 0 0!important;width:100%!important;height:calc(100vh - 70px)!important;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,255,247,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(255,107,157,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(157,78,221,.08) 0%,transparent 50%);overflow:hidden!important;transition:all .5s ease;margin:0!important;padding:0!important}.threedchat-canvas-container.full-immersion{background:radial-gradient(ellipse 100% 80% at 50% 0%,rgba(0,255,247,.15) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 0% 100%,rgba(255,107,157,.15) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 100% 100%,rgba(157,78,221,.15) 0%,transparent 60%),linear-gradient(45deg,#000000e6,#1a1a2eb3);filter:contrast(1.3) saturate(1.4)}.threedchat-canvas-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,247,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,107,157,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(157,78,221,.05) 0%,transparent 60%);pointer-events:none;z-index:1;animation:background-shift 30s ease-in-out infinite}@keyframes background-shift{0%,to{opacity:.5;transform:scale(1) rotate(0)}25%{opacity:.8;transform:scale(1.1) rotate(90deg)}50%{opacity:.6;transform:scale(.9) rotate(180deg)}75%{opacity:.9;transform:scale(1.05) rotate(270deg)}}.threedchat-canvas-container.full-immersion:before{animation-duration:15s;opacity:.8}.threedchat-bubble-side{position:fixed!important;top:70px!important;right:15px!important;width:320px!important;max-height:calc(100vh - 80px)!important;background:linear-gradient(135deg,#000000f2,#1a1a2efa 30%,#16213ef2 70%,#000000e6);border:2px solid rgba(0,255,247,.3)!important;border-radius:20px;backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 20px 40px #00000080,0 0 40px #00fff733,inset 0 1px #ffffff1a;transition:all .5s cubic-bezier(.23,1,.32,1);animation:bubble-slide-in .8s ease-out;overflow:hidden!important;z-index:40;display:flex!important;flex-direction:column;margin:0!important;padding:0!important}@keyframes bubble-slide-in{0%{opacity:0;transform:translate(100px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.threedchat-bubble-side:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00fff71a,#ff6b9d0d,#9d4edd1a);border-radius:22px;z-index:-1;animation:border-glow 4s ease-in-out infinite alternate}.threedchat-bubble-side.visible{opacity:1;transform:translate(0)}.threedchat-bubble-side.hidden{opacity:0;transform:translate(100px);pointer-events:none}@keyframes border-glow{0%{opacity:.3}to{opacity:.8}}.bubble-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px 12px;border-bottom:2px solid rgba(0,255,247,.2);background:linear-gradient(90deg,rgba(0,255,247,.05) 0%,transparent 50%,rgba(255,107,157,.05) 100%);flex-shrink:0}.avatar-name{font-family:Orbitron,monospace;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#00fff7,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-glow 3s ease-in-out infinite alternate}@keyframes text-glow{0%{filter:drop-shadow(0 0 5px currentColor)}to{filter:drop-shadow(0 0 15px currentColor)}}.avatar-mood{font-size:24px;animation:mood-bounce 2s ease-in-out infinite}@keyframes mood-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.speaking-indicator{font-size:24px;animation:speaking-pulse .8s ease-in-out infinite}@keyframes speaking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.bubble-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid rgba(0,255,247,.2);background:linear-gradient(90deg,#00fff71a,#ff6b9d1a,#9d4edd1a)}.avatar-name{font-family:Orbitron,monospace;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#00fff7,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.speaking-indicator{width:12px;height:12px;border-radius:50%;background:#00fff7;animation:threedchat-pulse 1s infinite;box-shadow:0 0 15px #00fff7}.bubble-content{padding:15px 20px;overflow-y:auto;font-family:Rajdhani,sans-serif;font-size:14px;line-height:1.6;color:#e0e0e0;scrollbar-width:thin;scrollbar-color:rgba(0,255,247,.5) rgba(0,0,0,.2);flex:1;min-height:0}.bubble-content::-webkit-scrollbar{width:8px}.bubble-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.bubble-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00fff7,#ff6b9d);border-radius:4px;box-shadow:0 0 10px #00fff74d}.text-segment{margin-bottom:16px;transition:all .3s ease;position:relative}.text-segment.active{color:#00fff7;text-shadow:0 0 10px rgba(0,255,247,.3)}.text-segment.completed{color:#a0a0a0;opacity:.8}.text-segment.pending{color:#555;opacity:.4}.cursor{color:#00fff7;animation:blink 1s infinite;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-indicator{display:flex;align-items:center;gap:15px;padding:20px 25px;color:#00fff7;font-family:Orbitron,monospace;font-weight:500;border-top:1px solid rgba(0,255,247,.2);background:#00fff70d}.loading-dots{display:flex;gap:5px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#00fff7;animation:loading-bounce 1.4s infinite both;box-shadow:0 0 10px #00fff780}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0}@keyframes loading-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@media (min-width: 1400px){.threedchat-bubble-side{width:380px!important;right:25px!important}}@media (max-height: 600px){.threedchat-header{height:45px!important}.threedchat-canvas-container{top:45px!important;height:calc(100vh - 45px)!important}.threedchat-bubble-side{top:55px!important;max-height:calc(100vh - 65px)!important}}@media (max-width: 768px) and (orientation: landscape){.threedchat-bubble-side{width:260px!important;max-height:calc(100vh - 60px)!important}.threedchat-header{height:45px!important}.threedchat-canvas-container{top:45px!important;height:calc(100vh - 45px)!important}}@media (max-width: 1024px){.threedchat-bubble-side{width:280px!important;right:10px!important}}@media (max-width: 768px){.threedchat-header{height:50px!important;padding:0 10px!important;gap:6px}.threedchat-canvas-container{top:50px!important;height:calc(100vh - 50px)!important}.threedchat-controls{max-width:250px!important;gap:5px}.threedchat-settings{gap:4px}.threedchat-personality-info{max-width:150px!important;padding:3px 6px!important}.personality-name{font-size:10px!important}.personality-traits{font-size:8px!important}.threedchat-header-input{min-width:150px!important}.header-input-container{padding:4px!important}.threedchat-header-input-field{font-size:12px!important;min-height:28px!important;padding:6px 10px!important}.threedchat-header-sendbtn{width:28px!important;height:28px!important;font-size:12px!important}.threedchat-avatar-select,.threedchat-mode-select{font-size:9px!important;padding:3px 6px!important;max-width:60px!important;min-width:40px!important}.setting-btn{width:28px!important;height:28px!important;font-size:10px!important}.speed-slider{width:50px!important}.threedchat-bubble-side{width:240px!important;right:10px!important;top:60px!important;max-height:calc(100vh - 70px)!important}}@media (max-width: 480px){.threedchat-header{height:45px!important;padding:0 8px!important;gap:4px}.threedchat-canvas-container{top:45px!important;height:calc(100vh - 45px)!important}.threedchat-controls{max-width:200px!important;gap:3px}.threedchat-personality-info{display:none!important}.threedchat-settings{gap:3px}.threedchat-header-input{min-width:120px!important}.threedchat-avatar-select,.threedchat-mode-select{font-size:8px!important;padding:2px 4px!important;max-width:50px!important;min-width:30px!important}.header-input-container{padding:3px!important}.threedchat-header-input-field{font-size:11px!important;min-height:24px!important;padding:4px 8px!important}.threedchat-header-sendbtn{width:24px!important;height:24px!important;font-size:10px!important}.setting-btn{width:24px!important;height:24px!important;font-size:9px!important}.speed-slider{width:40px!important}.threedchat-bubble-side{position:fixed!important;inset:auto 10px 10px!important;width:calc(100% - 20px)!important;max-height:35vh!important;border-radius:15px}}@media (max-width: 320px){.threedchat-header{height:40px!important;padding:0 5px!important;gap:2px}.threedchat-canvas-container{top:40px!important;height:calc(100vh - 40px)!important}.threedchat-controls{max-width:150px!important;gap:2px}.threedchat-settings{gap:2px}.threedchat-header-input{min-width:100px!important}.threedchat-avatar-select,.threedchat-mode-select{font-size:7px!important;padding:1px 3px!important;max-width:40px!important;min-width:25px!important}.setting-btn{width:20px!important;height:20px!important;font-size:8px!important}.speed-slider{width:30px!important}}body,html,#root{margin:0!important;padding:0!important;height:100%!important;width:100%!important;overflow:hidden!important;font-family:Rajdhani,sans-serif;box-sizing:border-box!important}.threedchat-root *{box-sizing:border-box!important}.threedchat-root form{margin:0!important;padding:0!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00fff74d}50%{box-shadow:0 0 40px #00fff799}}.animate-slide-in{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-glow{animation:glowPulse 2s infinite}.anime-vrm-controls{display:flex;align-items:center;gap:8px;margin-left:8px;padding:4px 8px;background:#0000004d;border-radius:8px;border:1px solid rgba(0,255,247,.2);backdrop-filter:blur(10px)}.anime-vrm-checkbox{display:flex;align-items:center;gap:4px;font-size:.85em;color:#888;cursor:pointer;transition:color .2s}.anime-vrm-checkbox:hover{color:#00fff7}.anime-vrm-select{padding:4px 8px;font-size:.8em;background:#333333e6;color:#fff;border:1px solid #555;border-radius:4px;min-width:120px;backdrop-filter:blur(5px);transition:all .2s}.anime-vrm-select:hover{border-color:#00fff7;box-shadow:0 0 5px #00fff74d}.anime-vrm-demo-btn{padding:4px 8px;font-size:.75em;background:linear-gradient(45deg,#00fff7,#00b8d4);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.anime-vrm-demo-btn:hover{background:linear-gradient(45deg,#00b8d4,#00fff7);transform:translateY(-1px);box-shadow:0 4px 8px #00fff74d}.anime-vrm-demo-btn:active{transform:translateY(0)}@keyframes vrm-loading{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.vrm-loading{animation:vrm-loading 2s infinite ease-in-out}@keyframes vrm-talking-glow{0%{filter:brightness(1) drop-shadow(0 0 5px rgba(0,255,247,.3))}50%{filter:brightness(1.1) drop-shadow(0 0 15px rgba(0,255,247,.6))}to{filter:brightness(1) drop-shadow(0 0 5px rgba(0,255,247,.3))}}.vrm-talking{animation:vrm-talking-glow .5s infinite ease-in-out}.anime-expression-indicator{position:absolute;top:10px;right:10px;font-size:2em;opacity:.8;animation:bounce 1s infinite;pointer-events:none;z-index:100}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulseAura{0%{box-shadow:0 0 5px #fff3}50%{box-shadow:0 0 18px #ffffffe6}to{box-shadow:0 0 5px #fff3}}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:10;background:#0000001a;backdrop-filter:blur(5px)}.chat-header{padding:20px 0;border-bottom:1px solid rgba(157,78,221,.2);margin-bottom:20px}.chat-header h1{color:var(--text-white);margin-bottom:15px;text-align:center}.chat-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:center}.personality-select,.model-select,.voice-select{padding:8px 12px;background:#1e0f32cc;border:1px solid rgba(157,78,221,.3);border-radius:8px;color:var(--text-white);font-family:Quicksand,sans-serif}.model-select{background:#00fff71a;border:1px solid rgba(0,255,247,.3);box-shadow:0 0 8px #00fff733}.model-select:hover{background:#00fff726;border-color:#00fff780;box-shadow:0 0 12px #00fff74d}.toggle-label{display:flex;align-items:center;gap:5px;color:var(--text-light);font-size:14px}.chat-messages{flex:1;overflow-y:auto;padding:15px;background:#00000026;border-radius:12px;border:1px solid rgba(157,78,221,.15);margin-bottom:20px;display:flex;flex-direction:column;gap:15px;backdrop-filter:blur(3px)}.message{max-width:85%;padding:12px 16px;border-radius:12px;word-wrap:break-word;line-height:1.5;position:relative}.user-message{align-self:flex-end;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.ai-message{align-self:flex-start;background:#321e5033;border:1px solid rgba(157,78,221,.2);color:var(--text-light);backdrop-filter:blur(2px)}.speaker-name{font-size:12px;font-weight:500;color:#9d4edde6;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.message-text{margin-bottom:8px}.message-timestamp{font-size:11px;opacity:.6;text-align:right}.generated-image{margin-top:10px;border-radius:8px;overflow:hidden}.generated-image img{max-width:100%;height:auto;display:block}.typing-indicator{display:flex;align-items:center;gap:5px;padding:10px}.typing-indicator span{width:8px;height:8px;background-color:#9d4eddb3;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.chat-input-container{display:flex;gap:10px;align-items:flex-end}.chat-input{flex:1;padding:12px 16px;border:1px solid rgba(157,78,221,.3);border-radius:12px;background:#140a1e4d;color:var(--text-white);font-family:Quicksand,sans-serif;font-size:16px;resize:vertical;min-height:50px;max-height:150px}.chat-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px #9d4edd66}.voice-button,.send-button{width:50px;height:50px;border:none;border-radius:12px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.voice-button{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.voice-button.recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse 1.5s infinite}.send-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.voice-button:hover,.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #9d4edd4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.reactive-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}body,html,#root{margin:0;padding:0;width:100%;height:100%;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,#0a0a23,#020024,#00d4ff,#002fff);color:#fff;overflow:hidden}.app-container{display:flex;flex-direction:row;width:100vw;height:100vh;min-height:0;min-width:0;position:relative;overflow:hidden}.app-container.dark{background:radial-gradient(circle at center,#001,#000);color:#00f7ff}.sidebar button,.sidebar select{background:linear-gradient(135deg,#113,#336);border:2px solid #00f7ff;color:#00f7ff;padding:10px 15px;margin-bottom:10px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.sidebar button:hover,.sidebar select:hover{background:#00f7ff;color:#0d0d24;box-shadow:0 0 15px #00f7ff,0 0 30px #00f7ff80}.sidebar h2{font-size:20px;margin-bottom:20px;color:#00f7ff}.tab-view{flex:1;overflow-y:auto;background:#0000004d;backdrop-filter:blur(8px);border-radius:16px;padding:20px 20px 90px;box-shadow:0 0 30px #00f7ff40;margin-bottom:20px}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.spinner{width:60px;height:60px;border:8px solid rgba(0,247,255,.3);border-top:8px solid #00f7ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pump-info-card{background:linear-gradient(145deg,#0c001a,#1f0037);border:2px solid #8e2de2;border-radius:20px;padding:24px;max-width:500px;margin:30px auto;box-shadow:0 0 20px #8e2de280,0 0 30px #da22ff33;font-family:Orbitron,monospace;color:#fff;position:relative;overflow:hidden;animation:glow 4s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #8e2de2,0 0 20px #da22ff}to{box-shadow:0 0 30px #da22ff,0 0 40px #4a00e0}}.pump-info-card .title{font-size:24px;font-weight:700;color:#4ce666;margin-bottom:16px;text-shadow:0 0 5px #4CE666}.info-block,.stats-block{font-size:14px;line-height:1.6;margin-bottom:16px}.label{color:#ff66f9;font-weight:700;text-shadow:0 0 3px #ff66f9}.warning{color:#fc0;font-size:14px}.error{color:#ff4c4c;font-weight:700}.loading{color:#6cf;font-style:italic}.sidebar-toggle-btn{position:fixed;top:10px;left:10px;z-index:10000;background:#00ffff1a;color:#0fe;border:1px solid #00ffee;padding:10px 16px;border-radius:10px;font-size:1.2em;box-shadow:0 0 12px #0fe8;display:block}.cyber-btn,.cyber-btn select,.cyber-btn option,select.cyber-btn,select.cyber-btn option{background:#0a0a23!important;color:#00fff7!important;border:1.5px solid #ff00ea!important;font-family:Orbitron,Share Tech Mono,Fira Mono,monospace;font-size:1em;border-radius:8px;box-shadow:0 0 8px #00fff7,0 0 16px #ff00ea;padding:8px 18px;outline:none}select.cyber-btn:focus,.cyber-btn:focus{border-color:#00fff7!important;box-shadow:0 0 12px #00fff7,0 0 24px #ff00ea}select.cyber-btn option,.cyber-btn option{background:#0a0a23!important;color:#00fff7!important}@media (max-width: 700px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;background:#0d0d24;width:80vw;max-width:340px;transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main-content{padding-left:0!important}}.response-area{display:flex;flex-direction:column;height:100vh;min-height:0;width:100vw;max-width:100vw;padding:20px;box-sizing:border-box;position:relative;overflow:hidden;background:#10121a;z-index:0}.chat-bubbles{flex:1 1 auto;overflow-y:auto;min-height:60px;margin-bottom:18px;display:flex;flex-direction:column;gap:12px;padding:10px 0;max-height:none}.chat-input-row{width:100%;display:flex;gap:8px;margin-top:8px;flex-shrink:0;background:inherit;z-index:1}.chat-input-row input{flex:1;border-radius:8px;padding:10px;border:1px solid #333;background:#181a2a;color:#fff;font-size:1em}.chat-bubble{display:flex;align-items:flex-end;gap:10px;max-width:80%;margin-bottom:2px;word-break:break-word}.user-bubble{align-self:flex-end;flex-direction:row-reverse}.ai-bubble,.system-bubble{align-self:flex-start}.bubble-text{background:#222;color:#fff;padding:12px 18px;border-radius:18px;font-size:1.08em;box-shadow:0 2px 8px #00fff733;max-width:100%;word-break:break-word}.user-bubble .bubble-text{background:linear-gradient(90deg,#00fff7,#ff00ea);color:#181a2a;font-weight:700}.ai-bubble .bubble-text{background:#181a2a;color:#00fff7;border:1.5px solid #00fff7}.system-bubble .bubble-text{background:#333;color:#fff;font-style:italic}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#00fff7;color:#181a2a;font-weight:700;font-size:1em;margin:0 6px;box-shadow:0 0 8px #00fff7aa;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.user-avatar{background:linear-gradient(90deg,#ff00ea,#00fff7);color:#fff}.ai-avatar{background:#181a2a;color:#00fff7;border:1.5px solid #00fff7}.system-avatar{background:#333;color:#fff}.response-images img{cursor:zoom-in;max-width:200px;margin-top:10px;border-radius:4px}.response-images img.enlarged{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;z-index:3000;cursor:zoom-out;box-shadow:0 0 20px #0ffc}.response-area button{background:#6200ea;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-right:10px}.response-area button:hover{background:#7f39fb}.response-area button:disabled{background:#555;cursor:not-allowed}@media (max-width: 600px){.response-area{max-width:100vw;padding:0 2vw;min-height:0;height:100vh;box-sizing:border-box}.chat-bubbles{max-height:none;min-height:60px;padding:4px 0;gap:8px}.chat-bubble{max-width:98vw;font-size:.98em}.bubble-text{padding:10px 12px;font-size:1em}.avatar{width:28px;height:28px;font-size:.95em;margin:0 3px;padding:0 2px}.chat-input-row input{font-size:1em;padding:8px}.chat-input-row{margin-bottom:env(safe-area-inset-bottom,8px)}}@media (max-width: 400px){.bubble-text{font-size:.95em;padding:8px 6px}.chat-bubble{max-width:99vw}}.comic-panel{border:none;border-radius:0;margin:0;background:transparent;box-shadow:none;position:relative;overflow:hidden;padding:20px;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box}.comic-panel img{display:block;width:100%;max-width:400px;height:auto;object-fit:contain;border-radius:12px;margin:0 auto 16px;border:2px solid #00fff7;box-shadow:0 4px 20px #00fff74d}.comic-panel-text{position:relative;display:block;background:#00fff726;color:#fff;border-radius:12px;padding:20px 24px;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1em;box-shadow:0 4px 20px #00fff726;border:1px solid rgba(0,255,247,.4);min-width:80px;max-width:100%;text-align:left;z-index:2;line-height:1.7;min-height:80px}.comic-panel-text:after{display:none}.comic-panel-text.right:after{display:none}.comic-panel{opacity:0;transform:translateY(30px) scale(.98);animation:comicPanelIn .6s cubic-bezier(.23,1.02,.57,1.01) forwards}@keyframes comicPanelIn{to{opacity:1;transform:translateY(0) scale(1)}}.comic-audio-btn{margin-left:12px;background:#00fff7;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1.2em;transition:background .2s}.comic-audio-btn:hover{background:#00bfae}.neon-status-text{font-size:2.2em;color:#00fff7;text-shadow:0 0 12px #00fff7,0 0 24px #ff00ea55;font-family:Orbitron,Montserrat,Arial,sans-serif;letter-spacing:2px;animation:flicker 1.2s infinite alternate,neon-border 1.2s infinite alternate;padding:18px 36px;border-radius:18px;border:3px solid #00fff7;background:#181a2a;box-shadow:0 0 40px #00fff7,0 0 80px #ff00ea33}.global-audio-player-wrapper{position:fixed;left:0;bottom:0;width:100%;z-index:1;padding:12px 0 0;background:var(--bs-bg, #181a2a);border-radius:12px 12px 0 0;box-shadow:0 -2px 12px #00fff7,0 0 4px #fff2 inset;display:flex;align-items:center;justify-content:center;border-top:2px solid #00fff7}.global-audio-player-wrapper audio{width:100%;max-width:300px;background:#181a2a;border-radius:8px;box-shadow:0 0 8px #00fff7,0 0 2px #fff2 inset;outline:none;color-scheme:dark;accent-color:#00fff7;height:40px}@media (max-width: 600px){.comic-panel img{max-width:98vw;max-height:180px}}.image-overlay{position:fixed;inset:0;background:#0a0a1ef5;z-index:3000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .2s}.image-overlay .enlarged-image{width:auto!important;height:auto!important;max-width:98vw!important;max-height:98vh!important;border-radius:16px;box-shadow:0 0 40px #00fff7,0 0 80px #ff00ea33;background:#181a2a;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes userBubbleGlow{0%{box-shadow:0 0 12px #00fff7,0 0 24px #ff00ea55;border-color:#00fff7}to{box-shadow:0 0 32px #00fff7,0 0 48px #ff00ea99;border-color:#ff00ea}}.user-bubble.waiting .bubble-text,.comic-panel-text.waiting{animation:userBubbleGlow 1s alternate infinite;border:2px solid #00fff7}.sidebar.closed{transform:translate(-110%);transition:transform .3s;box-shadow:none}.main-content.sidebar-closed{margin-left:0!important}.main-content{flex:1 1 0%;min-width:0;min-height:0;background:linear-gradient(180deg,#020024,#090979 35%,#00d4ff);padding:20px;overflow-y:auto;overflow-x:auto;display:flex;transition:margin-left .3s cubic-bezier(.4,2.08,.55,.44)}.main-content.sidebar-open{margin-left:0}body,html,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}.main-content{display:block;width:100%;min-height:0;min-width:0;padding:20px;overflow-y:auto;background:linear-gradient(180deg,#020024,#090979 35%,#00d4ff)}.create-music-panel,.create-art-panel{max-width:600px;margin:0 auto;padding:32px 16px;background:#181a2a;border-radius:18px;box-shadow:0 0 24px #00fff7,0 0 8px #fff2 inset;display:flex;flex-direction:column;gap:18px}.create-music-panel h2,.create-art-panel h2{font-size:1.8em;color:#00fff7;text-align:center;margin-bottom:16px;text-shadow:0 0 12px #00fff7,0 0 24px #ff00ea55}.create-music-panel label,.create-art-panel label{color:#00fff7;font-size:1.2em;margin-bottom:8px}.create-music-panel input,.create-art-panel input,.create-music-panel select,.create-art-panel select{width:100%;padding:12px;border-radius:8px;border:1.5px solid #00fff7;background:#181a2a;color:#00fff7;font-size:1em;box-shadow:inset 0 0 8px #00fff733}.comic-bubble{background:#fff;color:#181a2a;border-radius:32px 32px 32px 8px;padding:18px 28px;margin:12px 0;font-size:1.15em;box-shadow:0 4px 24px #00fff799,0 0 0 4px #ff00ea33;border:2.5px solid #ff00ea;position:relative;display:inline-block;max-width:90%;word-break:break-word}.comic-bubble:after{content:"";position:absolute;left:32px;bottom:-18px;width:32px;height:32px;background:#fff;border-bottom-left-radius:32px;box-shadow:-8px 8px #ff00ea;z-index:1}.comic-title-bubble{background:linear-gradient(90deg,#ff00ea,#00fff7);color:#181a2a;border-radius:32px 32px 8px;padding:18px 36px;margin:18px 0 24px;font-size:1.5em;font-weight:700;box-shadow:0 4px 32px #00fff799,0 0 0 4px #ff00ea33;border:3px solid #00fff7;display:inline-block;max-width:95%;word-break:break-word}@keyframes lyrics-scroll{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.main-content.two-pane{display:flex;flex-direction:row;width:100%;height:100%;min-height:0;min-width:0;padding:0;background:transparent}.left-pane,.right-pane{flex:1 1 0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.left-pane{background:transparent;justify-content:center;align-items:center}.right-pane{background:transparent;justify-content:center;align-items:center;border-left:2px solid #00f7ff33}@keyframes glowPulse{0%{box-shadow:0 0 24px 8px #00fff7,0 0 8px #00fff7 inset}to{box-shadow:0 0 48px 16px #00fff7,0 0 16px #00fff7 inset}}.audio-visualizer-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:20px;border-radius:10px;z-index:1000;max-width:90vw;max-height:90vh;overflow:hidden}:root{--bg-color: #000;--text-color: #eee;--text-muted-color: #aaa;--accent-color: #4CAF50;--control-bg: rgba(0, 0, 0, .75);--control-border: #444;--button-bg: #333;--button-hover-bg: #444;--button-active-bg: #555;--slider-track-bg: #555;--slider-thumb-bg: var(--accent-color);--playlist-playing-color: var(--accent-color);--playlist-playing-bg: rgba(76, 175, 80, .1);--info-text-color: #ccc}.light-theme{--bg-color: #f0f0f0;--text-color: #333;--text-muted-color: #555;--accent-color: #007bff;--control-bg: rgba(255, 255, 255, .8);--control-border: #ccc;--button-bg: #e0e0e0;--button-hover-bg: #d0d0d0;--button-active-bg: #c0c0c0;--slider-track-bg: #ccc;--playlist-playing-bg: rgba(0, 123, 255, .1);--info-text-color: #555}.audio-visualizer-container,.audio-visualizer-container *{margin:0;padding:0;color:var(--text-color);font-family:sans-serif;font-size:14px;box-sizing:border-box}canvas#visualizer{display:block;width:100%;height:100%;background-color:var(--bg-color);object-fit:contain}#controls{position:absolute;bottom:20px;left:20px;z-index:10;transition:opacity .3s ease;background:var(--control-bg);padding:15px;border-radius:8px;max-width:calc(100vw - 40px);box-shadow:0 2px 10px #00000080;display:flex;flex-direction:column;gap:12px;border:1px solid var(--control-border);max-height:calc(100vh - 40px);overflow-y:auto}#controls.hidden{opacity:0;pointer-events:none}.control-group{display:flex;flex-direction:column;gap:8px}.control-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.control-row label,.control-group>label{margin-right:4px;font-size:.9em;color:var(--text-muted-color);white-space:nowrap}.control-row button,.control-group button{margin:0;padding:5px 10px;border-radius:4px;border:1px solid var(--control-border);background-color:var(--button-bg);color:var(--text-color);cursor:pointer;font-size:.85em;white-space:nowrap;transition:background-color .2s ease}.control-row button:hover,.control-group button:hover{background-color:var(--button-hover-bg)}.control-row button:active,.control-group button:active{background-color:var(--button-active-bg)}.control-row button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.control-row input[type=range]{flex-grow:1;height:8px;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none;vertical-align:middle}.control-row input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--slider-track-bg);border-radius:2px}.control-row input[type=range]::-moz-range-track{height:4px;background:var(--slider-track-bg);border-radius:2px}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--slider-thumb-bg);border-radius:50%;margin-top:-5px}.control-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--slider-thumb-bg);border-radius:50%;border:none}.control-row select{padding:5px;border-radius:4px;border:1px solid var(--control-border);background-color:var(--button-bg);color:var(--text-color);font-size:.85em;cursor:pointer;transition:background-color .2s ease}.control-row select:hover{background-color:var(--button-hover-bg)}.control-row select:focus{outline:none;border-color:var(--accent-color)}#playbackInfo{font-size:.85em;color:var(--info-text-color);min-height:1.5em;text-align:center;background:#0003;padding:2px 5px;border-radius:3px;width:100%}#seekBar{width:100%}#volumeSlider,#rateSlider{max-width:100px}.play-button{background:#0fc;border:none;padding:10px 20px;cursor:pointer;margin-top:10px;border-radius:4px;color:#000;font-weight:700}#closeBtn{background:#f55;border:none;color:#fff;padding:5px 10px;cursor:pointer}.error-message{color:#f55;font-size:.9em;text-align:center;margin-bottom:8px;background:#f553;padding:5px;border-radius:4px}canvas{width:100%!important;height:100%!important;display:block;background:transparent;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f05191a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#9d4edd66,#7b2cbf66);border-radius:10px;border:2px solid rgba(15,5,25,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#9d4edd99,#7b2cbf99)}*{scrollbar-width:thin;scrollbar-color:rgba(157,78,221,.4) rgba(15,5,25,.1)}.generated-image-info .prompt-title,.result-container h2,.result-info-container h2,.result-prompt-title{color:#c49efa!important;text-shadow:0 0 10px rgba(0,0,0,.7)}.prompt-panel,.result-panel,.prompt-container,.result-container .info-panel,.result-prompt-container,.result-info-container{background:#1e0f3226!important;border:1px solid rgba(157,78,221,.1)!important;backdrop-filter:none!important;border-radius:12px!important;padding:1.5rem!important}.prompt-title,.prompt-panel h2,.result-panel h2,.result-panel h3,.result-container h2,.result-container h3,.result-title,.result-prompt-title,.info-panel-title,[class*=Title]{color:#c49efa!important;text-shadow:0 0 10px rgba(0,0,0,.9)!important;font-weight:500!important;opacity:1!important;visibility:visible!important;display:block!important}.prompt-details,.prompt-text,.result-text,.result-parameters,.result-parameters li,.parameter-name,.parameter-value,.prompt-panel p,.result-panel p,.info-panel p,.prompt-container div,.enhanced-text{color:#e0d9ff!important;text-shadow:0 0 12px rgba(0,0,0,.9)!important;opacity:1!important;visibility:visible!important}.prompt-panel ul,.result-panel ul,.result-parameters,.prompt-panel li,.result-panel li{color:#e0d9ff!important;text-shadow:0 0 12px rgba(0,0,0,.9)!important;list-style-type:disc!important;margin-left:20px!important}.app-container{display:flex;width:100%;min-height:100vh;position:relative;z-index:10;overflow-y:visible}.sidebar{width:300px;background:#0c021b4d;border-right:1px solid rgba(157,78,221,.05);padding:1.5rem;overflow-y:auto;height:100vh;position:sticky;top:0;flex-shrink:0;z-index:11;backdrop-filter:none}.sidebar,.sidebar-header,.section-title,.control-group label,.style-description,.enhance-description{text-shadow:0 0 12px rgba(0,0,0,.9)}.sidebar-header,.sidebar-section{border-bottom:1px solid rgba(157,78,221,.08)}select,input[type=number]{background:#320a4626;border:1px solid rgba(157,78,221,.1);box-shadow:0 4px 15px #0003}.sidebar-header{font-family:Quicksand,sans-serif;font-size:1.3rem;color:var(--primary-color);margin-bottom:1.5rem;text-align:center;font-weight:500;padding-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:10px}.sidebar-logo{width:32px;height:32px;object-fit:contain}.sidebar-section{margin-bottom:1.2rem;padding-bottom:.8rem}.section-title{font-size:.9rem;margin:.7rem 0 .5rem;color:var(--text-white);font-weight:500}.control-group{margin-bottom:.8rem}.control-group label{display:block;margin-bottom:.4rem;font-size:.9rem}.control-group label input[type=checkbox]{margin-right:.5rem}.value-display{margin-left:.5rem;font-size:.8rem;color:var(--primary-color)}input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#9d4edd1a;border-radius:10px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));cursor:pointer;border:none}input[type=number]{width:100%;padding:.5rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--text-white);font-family:Quicksand,sans-serif}select{width:100%;padding:.5rem;background:#320a46cc;border:1px solid var(--border-color);border-radius:6px;color:var(--text-white);font-family:Quicksand,sans-serif;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239d4edd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}select:hover{background:#46145fe6;border-color:var(--primary-color)}select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #9d4edd4d}select option{background-color:#1e0528f2;color:var(--text-white)}.style-description{font-size:.8rem;margin-top:.5rem;color:var(--text-light);font-style:italic;opacity:1}.enhance-description{font-size:.8rem;margin-top:.3rem;color:var(--text-light);font-style:italic;opacity:1;transition:opacity .3s ease}.main-content{flex:1;padding:1.5rem;overflow-y:visible;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;background:transparent;z-index:10}.main-content>*{width:100%;max-width:1100px;position:relative;z-index:10}.title-container{text-align:center;margin-bottom:2rem;padding:1rem;background:#17031900;border-radius:20px;border:1px solid rgba(157,78,221,.03);position:relative;box-shadow:0 10px 30px #00000014;width:100%;z-index:11;backdrop-filter:none}.title-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.title-image{max-width:150%;height:auto;display:block;margin:0 auto;transform:scale(1.5);position:relative;left:0;top:0}.title-text{font-family:Audiowide,cursive;font-size:3.5rem;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.title-icon{font-size:3.5rem;margin-left:.5rem;color:var(--primary-color);display:inline-block}.subtitle-text{font-family:Quicksand,sans-serif;font-size:1.2rem;color:var(--text-light);opacity:1;font-weight:300;letter-spacing:.5px;margin-top:1rem;text-shadow:0 0 12px rgba(0,0,0,.9);font-weight:400}.content-area{background:#17031900;opacity:1;padding:2rem;border-radius:20px;border:1px solid rgba(157,78,221,.03);margin-bottom:2rem;box-shadow:0 10px 30px #0000000d;position:relative;z-index:11;backdrop-filter:none}.content-area,.input-prompt,.subtitle-text{text-shadow:0 0 12px rgba(0,0,0,.9)}#prompt-input,#create-button,.download-button{box-shadow:0 4px 15px #0000004d}.input-prompt{font-family:Quicksand,sans-serif;font-size:1.2rem;color:var(--text-light);opacity:1;margin-bottom:1.5rem;text-align:center;font-weight:400}.input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}#prompt-input{width:100%;padding:15px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:16px;transition:all .3s ease;outline:none;box-shadow:0 0 15px #0003;font-family:Quicksand,sans-serif}#prompt-input:focus{border-color:#9d4edd;box-shadow:0 0 20px #9d4edd4d}#prompt-input::placeholder{color:#fff9}#create-button{background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:1.1rem;font-weight:500;padding:.75rem 2rem;border-radius:12px;border:none;width:100%;cursor:pointer;transition:all .3s ease;font-family:Quicksand,sans-serif}#create-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9d4edd4d}.result-container{margin-top:2rem;display:none}.result-container.active{display:block}.image-wrapper{position:relative;margin-bottom:1rem;cursor:pointer;transition:transform .3s ease;display:inline-block}.image-wrapper:hover{transform:scale(1.02)}.image-wrapper:after{content:"🔍";position:absolute;top:10px;right:10px;background:#00000080;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-wrapper:hover:after{opacity:1}.generated-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px #0000004d}.download-button{background:linear-gradient(45deg,var(--primary-dark),var(--accent-color));color:#fff;font-size:1rem;padding:.6rem 1.5rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:inline-block;font-family:Quicksand,sans-serif}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9d4edd4d}.loading-indicator{display:none;text-align:center;padding:2rem}.loading-indicator.active{display:block}.loading-text{font-size:1.2rem;margin-bottom:1rem;color:var(--primary-color)}.spinner{width:50px;height:50px;border:5px solid rgba(157,78,221,.2);border-top:5px solid var(--primary-color);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@media (max-width: 700px){.main-content{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;overflow-y:auto!important;box-sizing:border-box!important;padding:10px!important}.tab-view{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;overflow-y:auto!important;box-sizing:border-box!important;padding:10px!important;margin-bottom:16px!important}}@media (max-width: 576px){.title-image{max-width:200%;transform:scale(1)}.sidebar-section,.content-area{padding:1rem}}.parameters-heading,.parameters-title,.parameter-label,h2,h3,h4,strong,b,.title-label,.prompt-label,.parameter-title,.parameter-heading,div[class*=Parameter]>div:first-child,div[class*=parameters]>div:first-child,[class*=label],[class*=Label]{color:#c49efa!important;text-shadow:0 0 12px rgba(0,0,0,.9)!important;font-weight:500!important;opacity:1!important;visibility:visible!important}.image-title,.result-title,.result-image-title,.image-subtitle,.image-description,.result-title-text,h1{color:#d9b6ff!important;text-shadow:0 0 15px rgba(0,0,0,1)!important;font-weight:500!important;opacity:1!important;visibility:visible!important;font-size:1.5rem!important}[style*=color]{color:#c49efa!important}.sidebar-header,.section-title,.sidebar label,.sidebar .value-display,.sidebar-section h2,.sidebar-section h3,.sidebar-section h4,.sidebar input,.sidebar .dropdown-text,.sidebar span,.sidebar select,.sidebar option,.sidebar input[type=number],.sidebar-header span,.sidebar button span,.sidebar a{color:#c49efa!important;text-shadow:0 0 10px rgba(0,0,0,.9)!important;opacity:1!important}.sidebar input[type=number],.sidebar .value-display,.sidebar span:has(+input),.sidebar span:contains("1024"),.sidebar span:contains("42"){color:#d9b6ff!important}.sidebar input[type=number]{color:#d9b6ff!important;background:#320a4640}input[type=range]::-webkit-slider-thumb{background:linear-gradient(90deg,#c49efa,#9d4edd)}input[type=range]::-moz-range-thumb{background:linear-gradient(90deg,#c49efa,#9d4edd)}.sidebar select,.sidebar option,.sidebar input[type=number],.sidebar input[type=text],select,option,input[type=number],input[type=text]{color:var(--text-white)!important;text-shadow:0 0 8px rgba(0,0,0,.8)!important}select option{color:var(--text-white)!important}.sidebar-header,.section-title,.sidebar label,.sidebar .value-display,.sidebar-section h2,.sidebar-section h3,.sidebar-section h4,.sidebar-header span,.sidebar button span,.sidebar a{color:#c49efa!important;text-shadow:0 0 10px rgba(0,0,0,.9)!important;opacity:1!important}.sidebar select,select option,.dropdown-display-text,.dropdown-text,.dropdown-value,.sidebar input::placeholder{color:var(--text-white)!important}.sidebar span:contains("Canvas Width"),.sidebar span:contains("Canvas Height"),.sidebar span:contains("Seed"),.sidebar span:contains("Image Model"),.sidebar span:contains("Art Style"),.sidebar span:contains("Remove Watermark"),.sidebar span:contains("Keep Private"),.sidebar span:contains("Enhance Prompt"),.sidebar-section:contains("Canvas Settings") .section-title,.sidebar-section:contains("Seed Settings") .section-title,.sidebar-section:contains("Model & Style") .section-title,.sidebar-section:contains("Settings") .section-title,.sidebar label[for=width],.sidebar label[for=height],.sidebar label[for=seed],.sidebar label[for=model],.sidebar label[for=style],.sidebar label[for=watermark],.sidebar label[for=private],.sidebar label[for=enhance],.enhance-description,.sidebar .style-description{color:var(--text-white)!important;text-shadow:0 0 10px rgba(0,0,0,.9)!important}.sidebar .section-title,.style-description,.enhance-description{color:var(--text-white)!important}.enhance-description,.sidebar-section:last-child .style-description,.sidebar div:contains("transform your prompt"){color:var(--text-white)!important;opacity:.8!important}.nav-link{display:block;padding:.5rem .8rem;color:var(--text-light);text-decoration:none;border-radius:6px;margin-bottom:.3rem;transition:all .3s ease;font-size:.9rem}.nav-link:hover{background:#9d4edd1a;color:var(--primary-color)}.nav-link.active{background:#9d4edd26;color:var(--primary-color);font-weight:500}.upload-area{width:100%;min-height:200px;border:2px dashed rgba(157,78,221,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:1rem;transition:all .3s ease;background:#ffffff08;position:relative}.upload-area:hover{border-color:var(--primary-color);background:#ffffff0d}.upload-icon{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.upload-button{background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:1rem;padding:.6rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;display:inline-block;margin-top:1rem;font-family:Quicksand,sans-serif}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9d4edd4d}#upload-content{text-align:center;width:100%}#preview-container{width:100%;display:flex;flex-direction:column;align-items:center}#preview-image{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 6px 20px #0003}.remove-button{background:#ff5757cc;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;margin-top:1rem;cursor:pointer;transition:all .3s ease}.remove-button:hover{background:#ff5757}.comparison-view{display:flex;gap:2rem;flex-wrap:wrap}.comparison-item{flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center}.comparison-item h3{margin-bottom:1rem;color:var(--primary-color)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#14051ecc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;z-index:1000}.loading-text{color:var(--primary-color);margin-top:1rem}#enhance-button{background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:1.1rem;font-weight:500;padding:.75rem 2rem;border-radius:12px;border:none;width:100%;cursor:pointer;transition:all .3s ease;font-family:Quicksand,sans-serif}#enhance-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #9d4edd4d}#enhance-button:disabled{background:linear-gradient(45deg,#9d4edd4d,#7b2cbf4d);cursor:not-allowed}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;backdrop-filter:blur(5px)}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 0 30px #9d4edd66}.lightbox-close{position:absolute;top:-40px;right:0;color:#fff;font-size:30px;font-weight:700;cursor:pointer;z-index:1001;transition:all .3s ease}.lightbox-close:hover{color:var(--primary-color);transform:scale(1.2)}.lightbox-title{margin-top:15px;color:#fff;font-size:1.2rem;text-align:center;max-width:90%;font-weight:500;text-shadow:0 0 10px rgba(0,0,0,.8)}.lightbox-download-btn{margin-top:15px;padding:0 20px;background:linear-gradient(135deg,#4c9aed,#2c63bf);color:#fff;text-decoration:none;border-radius:8px;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:160px;height:44px;text-align:center;font-family:Quicksand,sans-serif;box-sizing:border-box;white-space:nowrap;vertical-align:middle;line-height:1}.lightbox-download-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #9d4edd66}.action-button{padding:0 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:Quicksand,sans-serif;width:160px;height:44px;text-align:center;box-sizing:border-box;white-space:nowrap;vertical-align:middle;line-height:1;position:relative;margin:0;flex-shrink:0}.action-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #9d4edd4d}.download-button,.view-button{position:relative;top:0;bottom:0;height:44px}.download-button{background:linear-gradient(135deg,#4c9aed,#2c63bf)}.view-button{background:linear-gradient(135deg,#9d4edd,#7b2cbf)}.button-container{display:flex;justify-content:center;gap:10px;margin-top:1rem;flex-wrap:nowrap;align-items:center;position:relative}.action-button span{display:inline-block;transform:translateY(0);font-size:1rem;line-height:1;position:relative;top:0;margin-right:2px}.button-container .action-button{transform:translateY(0);top:0}.download-button span,.view-button span{font-size:16px;height:16px;line-height:16px}.feature-note{background:#9d4edd1a;border-radius:8px;padding:10px;margin-top:5px;border:1px dashed rgba(157,78,221,.3)}.feature-note p{margin:5px 0;font-size:.9rem;color:var(--text-light)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(0,255,204,.2);margin-top:8px;margin-bottom:18px}.sidebar-logo{color:var(--neon);font-family:var(--font-main);font-size:1.4rem;text-shadow:0 0 8px var(--neon);margin:0}:root{--primary-color: #9d4edd;--primary-dark: #7b2cbf;--background-dark: #19031b;--background-darker: #0c021b;--text-light: #c8cdf1;--text-white: #ffffff;--accent-color: #5a2d88;--border-color: rgba(157, 78, 221, .2);--card-bg: rgba(157, 78, 221, .05);--sidebar-bg: rgba(30, 30, 30, .95)}html{background:radial-gradient(ellipse at bottom,#2a1b62,#190328,#0d0118);min-height:100vh}body{font-family:Quicksand,sans-serif;color:var(--text-light);margin:0;padding:0;background:transparent}.neon-particles,.data-stream,.logo-particles,.logo-particle{display:none!important}@keyframes wordHighlight{0%{background-color:#00fff7;transform:scale(1);box-shadow:0 0 8px #00fff799}50%{background-color:#fff;transform:scale(1.05);box-shadow:0 0 12px #00fff7e6}to{background-color:#00fff7;transform:scale(1);box-shadow:0 0 8px #00fff799}}.word-highlight{animation:wordHighlight .3s ease-in-out;background-color:#00fff7;color:#000;padding:1px 3px;border-radius:3px;box-shadow:0 0 8px #00fff799}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-slide-in{animation:slideIn .3s ease-out}.toast-slide-out{animation:slideOut .3s ease-in}.localai-enhanced-container{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at center,#0f0519,#1a0d2e 40%,#16213e);color:#fff;font-family:Orbitron,Segoe UI,sans-serif;overflow:hidden}.localai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#00fff7}.loading-spinner{border:4px solid rgba(0,255,247,.3);border-top:4px solid #00fff7;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:0 0 20px #00fff7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.localai-header{padding:20px;background:#0f0519b3;backdrop-filter:blur(15px);border-bottom:1px solid rgba(157,78,221,.3);box-shadow:0 4px 20px #00fff71a}.header-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-title h2{margin:0;font-size:2em;background:linear-gradient(135deg,#00fff7,#ff00ea,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,247,.5);display:flex;align-items:center;gap:10px}.gill-badge{background:linear-gradient(135deg,#00fff7,#ff00ea);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 15px #00fff7b3;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.connection-indicators{display:flex;gap:10px}.status-badge{padding:6px 12px;border-radius:20px;font-size:.9em;font-weight:600;border:1px solid;backdrop-filter:blur(10px)}.status-badge.connected{background:#00ff0026;border-color:#0f06;color:#0f8;box-shadow:0 0 10px #00ff004d}.status-badge.disconnected{background:#ff000026;border-color:#f006;color:#ff6b6b}.tab-navigation{display:flex;gap:15px}.tab-button{padding:12px 24px;background:#1e0f3266;border:1px solid rgba(157,78,221,.3);border-radius:25px;color:#b8b8b8;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.tab-button:hover{background:#9d4edd33;border-color:#9d4edd80;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #9d4edd4d}.tab-button.active{background:linear-gradient(135deg,#00fff7,#9d4edd);border-color:#00fff7;color:#000;box-shadow:0 0 20px #00fff780}.localai-content{flex:1;display:flex;overflow:hidden}.chat-interface{display:flex;width:100%;gap:20px;padding:20px}.chat-config-panel{width:300px;background:#1e0f3266;border:1px solid rgba(157,78,221,.2);border-radius:15px;padding:20px;backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d;overflow-y:auto}.config-section{margin-bottom:25px}.config-section h3{margin:0 0 15px;color:#00fff7;font-size:1.2em;border-bottom:2px solid rgba(0,255,247,.3);padding-bottom:8px;text-shadow:0 0 10px rgba(0,255,247,.5)}.config-row{margin-bottom:15px;display:flex;flex-direction:column;gap:8px}.config-row label{font-size:.95em;color:#b8b8b8;font-weight:600}.config-row input,.config-row select{padding:10px 15px;background:#ffffff1a;border:1px solid rgba(157,78,221,.3);border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;transition:all .3s ease}.config-row input:focus,.config-row select:focus{outline:none;border-color:#00fff7;box-shadow:0 0 15px #00fff74d;background:#ffffff26}.config-row input[type=range]{background:transparent}.range-value{color:#00fff7;font-weight:600;margin-left:10px}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.action-button{padding:12px 20px;border:1px solid;border-radius:25px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.action-button.refresh{background:#00fff71a;border-color:#00fff766;color:#00fff7}.action-button.refresh:hover{background:#00fff733;box-shadow:0 0 15px #00fff74d}.action-button.clear{background:#ff6b6b1a;border-color:#ff6b6b66;color:#ff6b6b}.action-button.clear:hover{background:#ff6b6b33;box-shadow:0 0 15px #ff6b6b4d}.chat-messages-container{flex:1;display:flex;flex-direction:column;background:#0003;border:1px solid rgba(157,78,221,.2);border-radius:15px;backdrop-filter:blur(10px);overflow:hidden}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.welcome-message{text-align:center;padding:40px 20px;color:#b8b8b8}.welcome-avatar{font-size:4em;margin-bottom:20px;text-shadow:0 0 20px rgba(0,255,247,.5)}.welcome-message h3{color:#00fff7;margin-bottom:10px;font-size:1.8em;text-shadow:0 0 15px rgba(0,255,247,.5)}.welcome-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.feature-badge{padding:6px 12px;background:#9d4edd33;border:1px solid rgba(157,78,221,.3);border-radius:15px;font-size:.9em;color:#9d4edd}.feature-badge.gill{background:linear-gradient(135deg,#00fff733,#ff00ea33);border-color:#00fff7;color:#00fff7;box-shadow:0 0 10px #00fff74d}.prompt-suggestions{margin-top:30px;text-align:left}.prompt-suggestions h4{color:#9d4edd;margin-bottom:15px;font-size:1.1em}.suggestion-grid{display:grid;grid-template-columns:1fr;gap:10px}.suggestion-button{padding:12px 16px;background:#9d4edd1a;border:1px solid rgba(157,78,221,.3);border-radius:8px;color:#b8b8b8;font-size:.9em;text-align:left;cursor:pointer;transition:all .3s ease;line-height:1.4}.suggestion-button:hover{background:#9d4edd33;border-color:#9d4edd80;color:#fff;transform:translate(5px)}.message{display:flex;gap:15px;max-width:85%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00fff7,#9d4edd);display:flex;align-items:center;justify-content:center;font-size:1.2em;flex-shrink:0;box-shadow:0 0 15px #00fff74d}.message.user .message-avatar{background:linear-gradient(135deg,#ff00ea,#9d4edd);box-shadow:0 0 15px #ff00ea4d}.message-content{flex:1;background:#1e0f3266;border:1px solid rgba(157,78,221,.2);border-radius:15px;padding:15px;backdrop-filter:blur(10px)}.message.user .message-content{background:linear-gradient(135deg,#00fff726,#ff00ea26);border-color:#00fff74d}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9em}.message-badges{display:flex;gap:8px;align-items:center}.message-role{font-weight:600;color:#00fff7}.message-source{padding:2px 8px;background:#00fff733;border-radius:10px;font-size:.8em;color:#00fff7}.gill-enhanced-badge{padding:2px 8px;background:linear-gradient(135deg,#00fff74d,#ff00ea4d);border:1px solid rgba(0,255,247,.5);border-radius:10px;font-size:.8em;color:#00fff7;box-shadow:0 0 8px #00fff74d}.message-timestamp{color:#888;font-size:.8em}.message-text{line-height:1.6;color:#e8e8e8}.message.loading .message-content{padding:20px}.typing-indicator{display:flex;gap:5px;align-items:center}.typing-indicator span{width:8px;height:8px;background:#00fff7;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.chat-input-container{padding:20px;border-top:1px solid rgba(157,78,221,.2);background:#0f051980;backdrop-filter:blur(10px)}.input-wrapper{display:flex;gap:10px;align-items:center}.chat-input{flex:1;padding:15px 20px;background:#ffffff1a;border:1px solid rgba(157,78,221,.3);border-radius:25px;color:#fff;font-family:Orbitron,sans-serif;font-size:1em;transition:all .3s ease}.chat-input:focus{outline:none;border-color:#00fff7;box-shadow:0 0 20px #00fff74d;background:#ffffff26}.voice-button,.send-button{width:50px;height:50px;border-radius:50%;border:1px solid;background:#ffffff1a;color:#fff;font-size:1.2em;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.voice-button{border-color:#ffa50080}.voice-button:hover{background:#ffa50033;box-shadow:0 0 15px #ffa5004d}.voice-button.recording{background:#ff00004d;border-color:red;animation:pulse 1s infinite}.send-button{border-color:#00fff780}.send-button:hover:not(:disabled){background:#00fff733;box-shadow:0 0 15px #00fff74d;transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.settings-interface{padding:20px;max-width:800px;margin:0 auto;max-height:75vh;overflow-y:auto;overflow-x:hidden}.settings-panel{background:#1e0f3266;border:1px solid rgba(157,78,221,.2);border-radius:15px;padding:30px;backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d;min-height:auto;height:auto}.settings-panel h3{color:#00fff7;font-size:1.8em;margin-bottom:30px;text-shadow:0 0 15px rgba(0,255,247,.5);border-bottom:2px solid rgba(0,255,247,.3);padding-bottom:10px}.setting-group{margin-bottom:30px;padding:20px;background:#0003;border-radius:10px;border:1px solid rgba(157,78,221,.1)}.setting-group h4{color:#9d4edd;margin-bottom:15px;font-size:1.2em}.setting-description{color:#b8b8b8;font-size:.9em;margin-top:10px;font-style:italic}.setting-actions{display:flex;gap:15px;margin-top:30px}.action-button.primary{background:linear-gradient(135deg,#00fff7,#9d4edd);border-color:#00fff7;color:#000;font-weight:700}.action-button.primary:hover{box-shadow:0 0 25px #00fff780;transform:translateY(-2px)}.action-button.secondary{background:#9d4edd33;border-color:#9d4edd80;color:#9d4edd}.action-button.secondary:hover{background:#9d4edd4d;box-shadow:0 0 15px #9d4edd4d}.audio-player{position:fixed;bottom:0;left:0;right:0;width:100%;background:#0f0519e6;backdrop-filter:blur(20px);border-top:1px solid rgba(0,255,247,.3);z-index:1000}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(0,255,247,.3);border-radius:16px;padding:24px;min-width:400px;max-width:90vw;width:700px;max-height:85vh;overflow-y:auto;overflow-x:hidden}.modal-dialog h3{color:#00fff7;margin-bottom:16px}.chat-name-input{width:100%;padding:12px;border:1px solid rgba(0,255,247,.3);border-radius:8px;background:#ffffff1a;color:#fff;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary,.btn-small{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#00fff7,#06c);color:#fff}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-small{padding:4px 8px;font-size:12px}.btn-small.danger{background:linear-gradient(135deg,#ff4757,#c44569);color:#fff}.saved-chats-list{max-height:300px;overflow-y:auto;margin-bottom:16px}.saved-chat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:8px;background:#ffffff0d}.chat-info strong{color:#00fff7;display:block}.chat-meta{font-size:12px;color:#ffffffb3}.chat-actions{display:flex;gap:8px}.audio-visualizer-background{position:absolute;inset:0;pointer-events:none;opacity:.3;z-index:0}.audio-visualizer-background canvas{width:100%;height:100%}.audio-history-panel{position:fixed;bottom:100px;right:20px;background:#1a1a2ef2;border:1px solid rgba(0,255,247,.3);border-radius:12px;padding:12px;max-width:300px;backdrop-filter:blur(10px)}.audio-history-panel h4{color:#00fff7;margin-bottom:8px;font-size:14px}.audio-list{display:flex;flex-direction:column;gap:4px}.audio-item{display:flex;align-items:center;gap:8px;padding:4px;border-radius:6px;transition:background .3s ease}.audio-item.active{background:#00fff71a}.replay-btn{background:none;border:none;color:#00fff7;cursor:pointer;font-size:12px}.audio-text{font-size:11px;color:#ffffffb3}.message-image{margin-top:12px;border-radius:12px;overflow:hidden;position:relative}.message-image img{width:100%;max-width:300px;height:auto;display:block}.image-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.image-action-btn{background:#000c;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:background .3s ease}.image-action-btn:hover{background:#00fff7cc}.message-actions{margin-top:8px;display:flex;gap:8px}.action-btn{background:#00fff71a;border:1px solid rgba(0,255,247,.3);color:#00fff7;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.action-btn:hover{background:#00fff733}.action-button.save,.action-button.load,.action-button.mint{background:linear-gradient(135deg,#667eea,#764ba2)}.action-button.save:hover,.action-button.load:hover,.action-button.mint:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.art-button{background:linear-gradient(135deg,#ff6b6b,orange);border:none;color:#fff;width:44px;height:44px;border-radius:12px;cursor:pointer;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d;display:flex;align-items:center;justify-content:center}.art-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80;background:linear-gradient(135deg,#ff5252,#ff8f00)}.art-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.action-button.art{background:linear-gradient(135deg,#ff6b6b,orange);border-color:#ff6b6b66}.action-button.art:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#ff8f00);box-shadow:0 6px 20px #ff6b6b80}.action-button.art-generate{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.action-button.art-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.action-button.art-generate:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button.debug{background:linear-gradient(45deg,#6c5ce7,#a29bfe);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.action-button.debug:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce766}.action-button.debug:disabled{opacity:.5;cursor:not-allowed;transform:none}.config-row select[disabled]{opacity:.5;cursor:not-allowed}.config-row select option{background:#1a0d2e;color:#fff;padding:8px}.input-wrapper{display:flex;gap:8px;align-items:center}.input-wrapper .art-button{flex-shrink:0}.config-row select{max-height:200px;overflow-y:auto;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;color:#fff;font-size:14px}.config-row select option{background:#141414f2;color:#fff;padding:8px}.config-row select:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce74d}@media (max-width: 1024px){.chat-interface{flex-direction:column}.chat-config-panel{width:100%;max-height:300px}.header-title{flex-direction:column;gap:15px}.tab-navigation{justify-content:center}}@media (max-width: 768px){.localai-header{padding:15px}.header-title h2{font-size:1.5em}.chat-interface{padding:10px;gap:15px}.settings-panel{padding:20px;margin:10px}.settings-interface{padding:10px;max-height:80vh}.modal-dialog{min-width:300px;width:95vw;max-width:95vw;max-height:90vh;padding:16px}.setting-actions{flex-direction:column}.input-wrapper{gap:5px}.voice-button,.send-button{width:45px;height:45px;font-size:1em}}.music-studio-interface{padding:20px;max-width:1000px;margin:0 auto;max-height:75vh;overflow-y:auto;overflow-x:hidden}.music-studio-panel{background:#1e0f3266;border:1px solid rgba(157,78,221,.2);border-radius:15px;padding:30px;backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d}.music-studio-panel h3{color:#00fff7;font-size:1.8em;margin-bottom:30px;text-shadow:0 0 15px rgba(0,255,247,.5);border-bottom:2px solid rgba(0,255,247,.3);padding-bottom:10px}.music-controls{margin-bottom:30px}.music-tags-input,.music-lyrics-textarea{width:100%;padding:12px;border:1px solid rgba(0,255,247,.3);border-radius:8px;background:#ffffff1a;color:#fff;margin-bottom:8px;font-family:Segoe UI,sans-serif}.music-lyrics-textarea{resize:vertical;min-height:120px;font-family:Courier New,monospace;line-height:1.4}.duration-slider,.lyrics-strength-slider,.steps-slider,.cfg-slider{width:100%;margin:10px 0;background:transparent;outline:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,#9d4edd,#00fff7)}.duration-slider::-webkit-slider-thumb,.lyrics-strength-slider::-webkit-slider-thumb,.steps-slider::-webkit-slider-thumb,.cfg-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#00fff7;cursor:pointer;border:2px solid #ffffff;box-shadow:0 0 10px #00fff780}.seed-input{width:120px;padding:8px;border:1px solid rgba(0,255,247,.3);border-radius:6px;background:#ffffff1a;color:#fff;margin-right:10px;text-align:center}.lyrics-preview{margin-top:10px;background:#0003;border-radius:6px;padding:8px}.lyrics-preview summary{cursor:pointer;color:#00fff7;font-size:.9em;margin-bottom:8px}.lyrics-text{white-space:pre-wrap;font-family:Courier New,monospace;font-size:.8em;color:#b8b8b8;line-height:1.3;margin:0;padding:8px;background:#0000004d;border-radius:4px}.music-controls{display:flex;flex-direction:column;align-items:flex-end;min-width:300px}.music-actions{display:flex;gap:10px}.action-button.small{padding:6px 12px;font-size:.85em}.music-status{margin-top:20px;padding:15px;background:#0003;border-radius:8px;border:1px solid rgba(157,78,221,.1)}.status-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9em}.status-connected{color:#0f8}.status-disconnected{color:#f44}.status-warning{color:#fa0}@media (max-width: 768px){.music-studio-interface{padding:10px;max-height:80vh}.music-studio-panel{padding:20px}.music-item{flex-direction:column;align-items:stretch}.music-controls{align-items:center;min-width:auto}.music-player{width:100%}.music-actions{flex-direction:column}}body.dark-theme .localai-enhanced-container{background:radial-gradient(circle at center,#0f0519,#1a0d2e 40%,#16213e)}body.light-theme .localai-enhanced-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333}body.light-theme .localai-header{background:#fffc;border-bottom-color:#0000001a}body.light-theme .status-badge.connected{background:#00c8001a;color:#0a0}body.light-theme .chat-config-panel,body.light-theme .settings-panel{background:#fff9;border-color:#0000001a}body.light-theme .message-content{background:#fffc;border-color:#0000001a;color:#333}.settings-interface::-webkit-scrollbar,.modal-dialog::-webkit-scrollbar{width:8px}.settings-interface::-webkit-scrollbar-track,.modal-dialog::-webkit-scrollbar-track{background:#0003;border-radius:4px}.settings-interface::-webkit-scrollbar-thumb,.modal-dialog::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9d4edd,#00fff7);border-radius:4px}.settings-interface::-webkit-scrollbar-thumb:hover,.modal-dialog::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00fff7,#9d4edd)}.marketplace-container{max-width:1200px;margin:0 auto;padding:32px 20px 40px;background:linear-gradient(135deg,#0a0a23,#020024 60%,#00d4ff);border-radius:18px;box-shadow:0 0 60px #00fff7,0 0 120px #ff00ea33;color:#00fff7;font-family:Orbitron,Share Tech Mono,Fira Mono,monospace;min-height:80vh}h2{text-align:center;margin-bottom:28px;font-size:2.2em;letter-spacing:2px;text-shadow:0 0 16px #00fff7,0 0 32px #ff00ea;font-weight:700}.marketplace-filters{display:flex;justify-content:center;gap:14px;margin-bottom:28px}.marketplace-filters button{padding:10px 22px;border:none;background:#000000b3;color:#00fff7;cursor:pointer;border-radius:8px;text-transform:capitalize;font-family:inherit;font-size:1em;box-shadow:0 0 8px #00fff7,0 0 16px #ff00ea;transition:background .2s,color .2s;border:1.5px solid #ff00ea}.marketplace-filters button.active,.marketplace-filters button:hover{background:#00fff7;color:#0a0a23;border:1.5px solid #ff00ea;box-shadow:0 0 12px #00fff7,0 0 24px #ff00ea}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.marketplace-card{border:1.5px solid #ff00ea;border-radius:14px;padding:22px 16px 18px;text-align:center;background:#0f0f23f5;box-shadow:0 0 18px #00fff7,0 0 32px #ff00ea55;color:#fff;font-family:inherit;transition:transform .15s,box-shadow .15s}.marketplace-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 32px #00fff7,0 0 64px #ff00ea}.marketplace-image{max-width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:12px;box-shadow:0 0 12px #00fff755,0 0 18px #ff00ea33}.marketplace-meta,.marketplace-price{margin:10px 0 8px;font-size:1em;color:#00fff7;text-shadow:0 0 8px #00fff7}.marketplace-price{font-weight:700;color:#ff00ea;text-shadow:0 0 8px #ff00ea;font-size:1.1em}.currency{font-size:.95em;color:#00fff7;margin-left:2px}.buy-button{background:linear-gradient(90deg,#00fff7,#ff00ea);color:#0a0a23;border:none;padding:10px 22px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:700;margin-top:10px;box-shadow:0 0 12px #00fff7,0 0 24px #ff00ea;transition:background .2s,color .2s}.buy-button:hover{background:linear-gradient(90deg,#ff00ea,#00fff7);color:#fff}.error-message{color:#ff00ea;text-align:center;margin-bottom:24px;font-size:1.1em;text-shadow:0 0 8px #ff00ea}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}