.neyroslav-minigame{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#0a0a0a);border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);font-family:var(--font-mono);color:#00ff41;position:relative;overflow:hidden;box-shadow:0 0 30px rgba(0,255,65,.15)}.neyroslav-minigame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,65,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(131,56,236,.05) 0,transparent 50%);pointer-events:none;animation:game-aura 10s ease-in-out infinite}.neyroslav-minigame .game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);position:relative;z-index:2}.neyroslav-minigame .game-header .game-title{flex:1}.neyroslav-minigame .game-header .game-title h4{color:#fff;margin:0 0 .5em;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.neyroslav-minigame .game-header .game-title .conversation-stats .stat-mini{display:flex;align-items:center;gap:var(--gap-s);font-size:var(--p4-size)}.neyroslav-minigame .game-header .game-title .conversation-stats .stat-mini .stat-bar{width:100px;height:4px;background:rgba(0,0,0,.5);border-radius:2px;overflow:hidden}.neyroslav-minigame .game-header .game-title .conversation-stats .stat-mini .stat-bar div{height:100%;background:linear-gradient(90deg,var(--glow-color),#4ecdc4);border-radius:2px;transition:width .5s ease}.neyroslav-minigame .game-header .reset-btn{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);color:var(--text-secondary-color);padding:.5em;border-radius:var(--card-br-s);cursor:pointer;transition:all .3s ease;font-size:1.2em}.neyroslav-minigame .game-header .reset-btn:hover{background:hsla(0,0%,100%,.1);border-color:var(--glow-color);color:var(--glow-color)}.neyroslav-minigame .minigame-screen{height:400px;overflow-y:auto;padding:var(--card-p-m);margin-bottom:var(--spacing-m);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);background:rgba(0,0,0,.5);position:relative;z-index:1}.neyroslav-minigame .minigame-screen .scroll-indicator{position:sticky;top:0;z-index:10;display:flex;justify-content:center;margin-bottom:var(--spacing-s)}.neyroslav-minigame .minigame-screen .scroll-indicator .scroll-to-bottom-btn{background:rgba(0,255,65,.9);color:#000;border:none;padding:.5em 1em;border-radius:var(--card-br-s);cursor:pointer;font-family:var(--font-mono);font-size:var(--p4-size);font-weight:700;transition:all .3s ease;animation:scroll-indicator-pulse 2s infinite}.neyroslav-minigame .minigame-screen .scroll-indicator .scroll-to-bottom-btn:hover{background:var(--glow-color);transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,255,65,.4)}.neyroslav-minigame .minigame-screen::-webkit-scrollbar{width:8px}.neyroslav-minigame .minigame-screen::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:4px}.neyroslav-minigame .minigame-screen::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--glow-color),#4ecdc4);border-radius:4px}.neyroslav-minigame .minigame-screen::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#4ecdc4,var(--glow-color))}.neyroslav-minigame .message{margin-bottom:var(--spacing-m);opacity:0;animation:message-appear .6s ease-out forwards;border-radius:var(--card-br-m);padding:var(--card-p-m);border-left:4px solid rgba(0,0,0,0);transition:all .3s ease;position:relative;overflow:hidden}.neyroslav-minigame .message:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;pointer-events:none;transition:opacity .3s ease}.neyroslav-minigame .message--ai{background:linear-gradient(135deg,rgba(0,255,65,.08),rgba(0,255,65,.02));border-left-color:var(--glow-color);box-shadow:0 2px 10px rgba(0,255,65,.1)}.neyroslav-minigame .message--ai:before{background:radial-gradient(circle at top left,rgba(0,255,65,.2),transparent 70%)}.neyroslav-minigame .message--ai.typing{border-left-color:#fa0;animation:typing-pulse 1s infinite;background:linear-gradient(135deg,rgba(255,170,0,.08),rgba(255,170,0,.02));box-shadow:0 2px 10px rgba(255,170,0,.1)}.neyroslav-minigame .message--user{background:linear-gradient(135deg,rgba(156,220,254,.08),rgba(156,220,254,.02));border-left-color:#9cdcfe;box-shadow:0 2px 10px rgba(156,220,254,.1)}.neyroslav-minigame .message--user:before{background:radial-gradient(circle at top left,rgba(156,220,254,.2),transparent 70%)}.neyroslav-minigame .message:hover{transform:translateX(3px);box-shadow:0 4px 15px rgba(0,255,65,.2)}.neyroslav-minigame .message:hover:before{opacity:.2}.neyroslav-minigame .message:hover.message--user{box-shadow:0 4px 15px rgba(156,220,254,.2)}.neyroslav-minigame .message .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75em;font-size:var(--p4-size);position:relative;z-index:1}.neyroslav-minigame .message .message-header .message-sender{font-weight:700;display:flex;align-items:center;gap:.5em;font-size:clamp(.875rem,1.5vw,1rem);letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.neyroslav-minigame .message .message-header .message-time{color:var(--text-secondary-color);opacity:.6;font-size:.75rem;font-family:var(--font-mono)}.neyroslav-minigame .message .message-header .typing-indicator{color:#fa0;font-style:italic;animation:typing-blink 1.5s infinite;font-weight:600}.neyroslav-minigame .message .message-content{position:relative;z-index:1}.neyroslav-minigame .message .message-content .message-text{margin:0;white-space:pre-wrap;line-height:1.7;color:var(--text-color);font-size:clamp(.9rem,2vw,1rem);font-weight:400;letter-spacing:.2px}.neyroslav-minigame .message .message-content .message-text .cursor{animation:cursor-blink 1s infinite;color:var(--glow-color);font-weight:700}.neyroslav-minigame .message .message-content .mood-indicator{font-size:var(--p4-size);margin-top:.75em;padding:.3em .6em;background:rgba(0,0,0,.3);border-radius:var(--card-br-s);display:inline-block;opacity:.9;font-style:italic;text-transform:capitalize;font-weight:600;border:1px solid}.neyroslav-minigame .minigame-options{display:flex;flex-direction:column;gap:var(--gap-m);position:relative;z-index:1}.neyroslav-minigame .minigame-button{background:linear-gradient(135deg,rgba(0,255,65,.05),rgba(0,255,65,.02));border:2px solid rgba(0,255,65,.5);color:#00ff41;padding:1em 1.2em;text-align:left;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:clamp(.875rem,1.8vw,1rem);font-weight:500;line-height:1.5;border-radius:var(--card-br-m);position:relative;overflow:hidden;min-height:44px}.neyroslav-minigame .minigame-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .5s ease}.neyroslav-minigame .minigame-button:hover{background:linear-gradient(135deg,rgba(0,255,65,.15),rgba(0,255,65,.05));border-color:#00ff41;box-shadow:0 0 15px rgba(0,255,65,.3),inset 0 0 10px rgba(0,255,65,.1);transform:translateX(3px)}.neyroslav-minigame .minigame-button:hover:before{left:100%}.neyroslav-minigame .minigame-button:active{transform:translateX(1px);box-shadow:0 0 10px rgba(0,255,65,.2)}.neyroslav-minigame .minigame-button.positive{border-color:#4ecdc4;color:#4ecdc4}.neyroslav-minigame .minigame-button.positive:hover{background:linear-gradient(135deg,rgba(78,205,196,.15),rgba(78,205,196,.05));border-color:#4ecdc4;box-shadow:0 0 15px rgba(78,205,196,.3)}.neyroslav-minigame .minigame-button.negative{border-color:#ff6b35;color:#ff6b35}.neyroslav-minigame .minigame-button.negative:hover{background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(255,107,53,.05));border-color:#ff6b35;box-shadow:0 0 15px rgba(255,107,53,.3)}.neyroslav-minigame .game-sidebar{margin-bottom:var(--spacing-m);display:flex;flex-direction:column;gap:var(--gap-s);position:relative;z-index:1}.neyroslav-minigame .game-sidebar .code-example,.neyroslav-minigame .game-sidebar .emotional-state,.neyroslav-minigame .game-sidebar .memory-fragment,.neyroslav-minigame .game-sidebar .system-message{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);padding:var(--card-p-s);font-size:var(--p4-size)}.neyroslav-minigame .game-sidebar .system-message{border-left:3px solid #ff6b35}.neyroslav-minigame .game-sidebar .system-message .system-header{color:#ff6b35;font-weight:700;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.5px}.neyroslav-minigame .game-sidebar .system-message .system-text{color:var(--text-secondary-color);font-style:italic}.neyroslav-minigame .game-sidebar .emotional-state{border-left:3px solid #ff006e}.neyroslav-minigame .game-sidebar .emotional-state .state-header{color:#ff006e;font-weight:700;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.5px}.neyroslav-minigame .game-sidebar .emotional-state .state-text{color:var(--text-secondary-color)}.neyroslav-minigame .game-sidebar .memory-fragment{border-left:3px solid #8338ec}.neyroslav-minigame .game-sidebar .memory-fragment .memory-header{color:#8338ec;font-weight:700;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.5px}.neyroslav-minigame .game-sidebar .memory-fragment .memory-text{color:var(--text-secondary-color);font-style:italic}.neyroslav-minigame .game-sidebar .code-example{border-left:3px solid #4ecdc4}.neyroslav-minigame .game-sidebar .code-example .code-header{color:#4ecdc4;font-weight:700;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.5px}.neyroslav-minigame .game-sidebar .code-example .code-text{color:var(--text-color);background:rgba(0,0,0,.5);padding:.5em;border-radius:var(--card-br-s);overflow-x:auto;font-size:var(--p4-size);line-height:1.4}.neyroslav-minigame .thinking-indicator{display:flex;align-items:center;gap:var(--gap-s);padding:var(--card-p-s);background:rgba(255,170,0,.1);border:1px solid rgba(255,170,0,.3);border-radius:var(--card-br-s);color:#fa0;font-style:italic}.neyroslav-minigame .thinking-indicator .thinking-animation{display:flex;gap:.2em}.neyroslav-minigame .thinking-indicator .thinking-animation .thinking-dot{width:6px;height:6px;background:#fa0;border-radius:50%;animation:thinking-bounce 1.4s infinite}.neyroslav-minigame .thinking-indicator .thinking-animation .thinking-dot:nth-child(2){animation-delay:.2s}.neyroslav-minigame .thinking-indicator .thinking-animation .thinking-dot:nth-child(3){animation-delay:.4s}.neyroslav-minigame .option-text{flex:1}.neyroslav-minigame .emotional-impact{font-size:1.2em;margin-left:var(--gap-s)}.neyroslav-minigame .conversation-analytics{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);padding:var(--card-p-m);position:relative;z-index:1}.neyroslav-minigame .conversation-analytics .analytics-header{color:var(--text-color);font-weight:700;margin-bottom:var(--spacing-s);text-align:center;text-transform:uppercase;letter-spacing:.5px}.neyroslav-minigame .conversation-analytics .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--gap-s)}.neyroslav-minigame .conversation-analytics .stats-grid .stat-item{display:flex;flex-direction:column;gap:.3em}.neyroslav-minigame .conversation-analytics .stats-grid .stat-item .stat-label{font-size:var(--p4-size);color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.3px}.neyroslav-minigame .conversation-analytics .stats-grid .stat-item .stat-bar{height:6px;background:rgba(0,0,0,.5);border-radius:3px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.neyroslav-minigame .conversation-analytics .stats-grid .stat-item .stat-bar div{height:100%;background:linear-gradient(90deg,var(--glow-color),#4ecdc4);border-radius:3px;transition:width .8s ease;animation:stat-glow 2s infinite}.neyroslav-minigame .conversation-analytics .stats-grid .stat-item .stat-value{font-size:var(--p4-size);color:var(--glow-color);font-weight:700;text-align:center}@keyframes game-aura{0%,to{opacity:.3}50%{opacity:.6}}@keyframes message-appear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typing-pulse{0%,to{border-left-color:#fa0}50%{border-left-color:rgba(255,170,0,.3)}}@keyframes typing-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes thinking-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes stat-glow{0%,to{box-shadow:inset 0 0 5px rgba(0,255,65,.3)}50%{box-shadow:inset 0 0 10px rgba(0,255,65,.6)}}@keyframes scroll-indicator-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media(max-width:768px){.neyroslav-minigame{padding:var(--card-p-m)}.neyroslav-minigame .game-header{flex-direction:column;gap:var(--gap-m);align-items:stretch}.neyroslav-minigame .game-header .game-title{text-align:center}.neyroslav-minigame .game-header .game-title h4{font-size:clamp(1.1rem,4vw,1.3rem)}.neyroslav-minigame .game-header .game-title .conversation-stats{justify-content:center}.neyroslav-minigame .game-header .reset-btn{align-self:center;padding:.6em 1.2em;font-size:1.1em}.neyroslav-minigame .minigame-screen{height:350px;padding:var(--card-p-s)}.neyroslav-minigame .minigame-screen .scroll-indicator .scroll-to-bottom-btn{font-size:.8rem;padding:.6em 1em}.neyroslav-minigame .message{padding:var(--card-p-s)}.neyroslav-minigame .message .message-header{flex-wrap:wrap;gap:.3em}.neyroslav-minigame .message .message-header .message-sender{font-size:.9rem}.neyroslav-minigame .message .message-header .message-time{font-size:.7rem}.neyroslav-minigame .message .message-content .message-text{font-size:.9rem;line-height:1.6}.neyroslav-minigame .message .message-content .mood-indicator{font-size:.75rem;margin-top:.5em}.neyroslav-minigame .stats-grid{grid-template-columns:1fr}.neyroslav-minigame .minigame-button{padding:.9em 1em;font-size:.9rem;text-align:left;min-height:48px}.neyroslav-minigame .game-sidebar .code-example,.neyroslav-minigame .game-sidebar .emotional-state,.neyroslav-minigame .game-sidebar .memory-fragment,.neyroslav-minigame .game-sidebar .system-message{padding:var(--card-p-s);font-size:.8rem}.neyroslav-minigame .game-sidebar .code-example .code-text,.neyroslav-minigame .game-sidebar .emotional-state .code-text,.neyroslav-minigame .game-sidebar .memory-fragment .code-text,.neyroslav-minigame .game-sidebar .system-message .code-text{font-size:.75rem}}@media(max-width:480px){.neyroslav-minigame .minigame-screen{height:300px}.neyroslav-minigame .message .message-content .message-text,.neyroslav-minigame .message .message-header .message-sender,.neyroslav-minigame .minigame-button{font-size:.85rem}}.neural-network-visualizer{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden}.neural-network-visualizer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,65,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(138,43,226,.1) 0,transparent 50%);pointer-events:none;z-index:0}.neural-network-visualizer .visualizer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);position:relative;z-index:2}.neural-network-visualizer .visualizer-header h3{font-family:var(--font-mono);color:var(--glow-color);margin:0;text-shadow:0 0 10px rgba(0,255,65,.5)}.neural-network-visualizer .visualizer-header .think-button{background:rgba(0,0,0,0);border:2px solid var(--glow-color);color:var(--glow-color);padding:.5em 1em;font-family:var(--font-mono);cursor:pointer;border-radius:var(--card-br-s);transition:all .3s ease;position:relative;overflow:hidden}.neural-network-visualizer .visualizer-header .think-button:hover:not(:disabled){background:rgba(0,255,65,.1);box-shadow:0 0 20px rgba(0,255,65,.3);transform:translateY(-2px)}.neural-network-visualizer .visualizer-header .think-button:disabled{opacity:.6;cursor:not-allowed;animation:pulse-thinking 1.5s infinite}.neural-network-visualizer .visualizer-header .think-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .5s}.neural-network-visualizer .visualizer-header .think-button:hover:not(:disabled):before{left:100%}.neural-network-visualizer .visualizer-canvas-container{position:relative;background:#000;border:1px solid #333;border-radius:var(--card-br-s);overflow:hidden;z-index:1;box-shadow:inset 0 0 50px rgba(0,255,65,.1)}.neural-network-visualizer .visualizer-canvas-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,255,65,.05) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(138,43,226,.05) 0,transparent 40%);pointer-events:none;z-index:0}.neural-network-visualizer .visualizer-canvas-container .neural-canvas{display:block;width:100%;height:auto;background:radial-gradient(ellipse at center,rgba(0,20,40,.4) 0,#000 70%);position:relative;z-index:1}.neural-network-visualizer .visualizer-canvas-container .thought-bubble{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.8);border:1px solid var(--glow-color);border-radius:20px;padding:.8em 1.2em;font-family:var(--font-mono);font-size:var(--p4-size);color:var(--glow-color);animation:thought-appear .5s ease-out,thought-glow 2s infinite alternate;max-width:200px;text-align:center}.neural-network-visualizer .visualizer-canvas-container .thought-bubble:before{content:"";position:absolute;bottom:-8px;left:30px;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid var(--glow-color)}.neural-network-visualizer .visualizer-canvas-container .thought-bubble:after{content:"";position:absolute;bottom:-7px;left:31px;width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-top:7px solid rgba(0,0,0,.8)}.neural-network-visualizer .network-info{margin-top:var(--spacing-m);position:relative;z-index:2}.neural-network-visualizer .network-info .layer-legend{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--p4-size);color:var(--text-secondary-color);flex-wrap:wrap;gap:var(--gap-s)}.neural-network-visualizer .network-info .layer-legend .legend-item{display:flex;align-items:center;gap:.5em;background:rgba(0,0,0,.3);padding:.4em .8em;border-radius:var(--card-br-s);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.neural-network-visualizer .network-info .layer-legend .legend-item:hover{background:rgba(0,0,0,.5);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.neural-network-visualizer .network-info .layer-legend .legend-item .legend-color{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.neural-network-visualizer .network-info .layer-legend .legend-item .legend-label{white-space:nowrap}.neural-network-visualizer .node-tooltip{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.9);border:1px solid var(--glow-color);border-radius:var(--card-br-s);padding:1em;font-family:var(--font-mono);font-size:var(--p4-size);color:#fff;animation:tooltip-appear .3s ease-out;z-index:10;min-width:180px}.neural-network-visualizer .node-tooltip .tooltip-header{color:var(--glow-color);font-weight:700;margin-bottom:.5em;padding-bottom:.5em;border-bottom:1px solid rgba(0,255,65,.3)}.neural-network-visualizer .node-tooltip .tooltip-content{display:flex;flex-direction:column;gap:.3em}.neural-network-visualizer .node-tooltip .tooltip-content div{display:flex;justify-content:space-between}.neural-network-visualizer .node-tooltip .tooltip-content div:before{content:"▸";margin-right:.5em;color:var(--glow-color)}.neural-network-visualizer .neural-canvas{cursor:pointer}@keyframes pulse-thinking{0%,to{box-shadow:0 0 5px rgba(0,255,65,.3)}50%{box-shadow:0 0 20px rgba(0,255,65,.6),0 0 30px rgba(0,255,65,.3)}}@keyframes thought-appear{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes thought-glow{0%{box-shadow:0 0 5px rgba(0,255,65,.3)}to{box-shadow:0 0 15px rgba(0,255,65,.6),0 0 25px rgba(0,255,65,.3)}}@keyframes tooltip-appear{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.neural-network-visualizer .visualizer-header{flex-direction:column;gap:var(--gap-m);text-align:center}.neural-network-visualizer .network-info .layer-legend{flex-direction:column}.neural-network-visualizer .network-info .layer-legend .legend-item{justify-content:center}.neural-network-visualizer .node-tooltip{left:50%;transform:translateX(-50%);top:10px}}.consciousness-stream{background:linear-gradient(145deg,#0f0f23,#1a1a2e);border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden;min-height:600px}.consciousness-stream:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(255,0,110,.1) 0,transparent 50%),radial-gradient(circle at 90% 80%,rgba(131,56,236,.1) 0,transparent 50%);pointer-events:none;animation:consciousness-pulse 8s ease-in-out infinite}.consciousness-stream .stream-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);position:relative;z-index:2}.consciousness-stream .stream-header h3{font-family:var(--font-mono);color:#fff;margin:0;text-shadow:0 0 10px hsla(0,0%,100%,.3)}.consciousness-stream .stream-header h3:after{content:" ∞";color:var(--glow-color);animation:infinity-rotate 3s linear infinite;display:inline-block}.consciousness-stream .stream-header .stream-controls{display:flex;gap:var(--gap-s);align-items:center}.consciousness-stream .stream-header .stream-controls .control-btn{background:rgba(0,0,0,0);border:2px solid;padding:.4em .8em;border-radius:var(--card-br-s);cursor:pointer;font-size:1.2em;transition:all .3s ease}.consciousness-stream .stream-header .stream-controls .control-btn.playing{border-color:#ff006e;color:#ff006e}.consciousness-stream .stream-header .stream-controls .control-btn.playing:hover{background:rgba(255,0,110,.1);box-shadow:0 0 15px rgba(255,0,110,.3)}.consciousness-stream .stream-header .stream-controls .control-btn.paused{border-color:var(--glow-color);color:var(--glow-color)}.consciousness-stream .stream-header .stream-controls .control-btn.paused:hover{background:rgba(0,255,65,.1);box-shadow:0 0 15px rgba(0,255,65,.3)}.consciousness-stream .stream-header .stream-controls .speed-control{background:rgba(0,0,0,.5);border:1px solid var(--border-color);color:var(--text-color);padding:.4em .8em;border-radius:var(--card-br-s);font-family:var(--font-mono);font-size:var(--p4-size);cursor:pointer}.consciousness-stream .stream-header .stream-controls .speed-control:focus{outline:none;border-color:var(--glow-color);box-shadow:0 0 5px rgba(0,255,65,.3)}.consciousness-stream .stream-container{height:400px;min-height:400px;max-height:400px;overflow-y:auto;padding:var(--card-p-s);background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);position:relative;z-index:1}.consciousness-stream .stream-container::-webkit-scrollbar{width:8px}.consciousness-stream .stream-container::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:4px}.consciousness-stream .stream-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--glow-color),#8338ec);border-radius:4px}.consciousness-stream .stream-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#8338ec,var(--glow-color))}.consciousness-stream .stream-item{display:flex;align-items:flex-start;gap:var(--gap-s);padding:var(--card-p-s);margin-bottom:var(--spacing-s);min-height:80px;background:hsla(0,0%,100%,.02);border-left:3px solid var(--type-color);border-radius:var(--card-br-s);position:relative;animation:stream-item-appear .5s ease-out;animation-delay:var(--delay);opacity:0;animation-fill-mode:forwards;transition:all .3s ease;cursor:pointer}.consciousness-stream .stream-item--hovered,.consciousness-stream .stream-item:hover{background:hsla(0,0%,100%,.08);transform:translateX(5px);box-shadow:0 2px 15px rgba(0,0,0,.4);border-left-width:5px}.consciousness-stream .stream-item--copied{background:rgba(0,255,65,.1);animation:copy-flash .5s ease-out}.consciousness-stream .stream-item__icon{font-size:1.2em;min-width:24px;text-align:center;filter:drop-shadow(0 0 5px var(--type-color))}.consciousness-stream .stream-item__content{flex:1;min-width:0}.consciousness-stream .stream-item__text{font-family:var(--font-mono);font-size:var(--p3-size);color:var(--text-color);line-height:1.4;margin-bottom:.3em}.consciousness-stream .stream-item__meta{display:flex;justify-content:space-between;font-size:var(--p4-size);opacity:.7}.consciousness-stream .stream-item__type{color:var(--type-color);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.consciousness-stream .stream-item__time{color:var(--text-secondary-color);font-family:var(--font-mono)}.consciousness-stream .stream-item__pulse{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:calc(6px + 4px*var(--intensity));height:calc(6px + 4px*var(--intensity));background:var(--type-color);border-radius:50%;animation:pulse-dot 2s infinite;opacity:var(--intensity)}.consciousness-stream .stream-item__copied-indicator{position:absolute;top:50%;right:30px;transform:translateY(-50%);background:rgba(0,255,65,.9);color:#000;padding:.3em .6em;border-radius:var(--card-br-s);font-family:var(--font-mono);font-size:var(--p4-size);font-weight:700;animation:fade-in-out 2s ease-out;pointer-events:none}.consciousness-stream .stream-item--logical.stream-item--hovered,.consciousness-stream .stream-item--logical:hover{box-shadow:0 2px 15px rgba(0,255,65,.3)}.consciousness-stream .stream-item--creative.stream-item--hovered,.consciousness-stream .stream-item--creative:hover{box-shadow:0 2px 15px rgba(255,0,110,.3)}.consciousness-stream .stream-item--analytical.stream-item--hovered,.consciousness-stream .stream-item--analytical:hover{box-shadow:0 2px 15px rgba(78,205,196,.3)}.consciousness-stream .stream-item--philosophical.stream-item--hovered,.consciousness-stream .stream-item--philosophical:hover{box-shadow:0 2px 15px rgba(131,56,236,.3)}.consciousness-stream .stream-item--empathetic.stream-item--hovered,.consciousness-stream .stream-item--empathetic:hover{box-shadow:0 2px 15px rgba(255,107,53,.3)}.consciousness-stream .stream-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary-color);font-family:var(--font-mono)}.consciousness-stream .stream-empty .loading-brain{font-size:3em;animation:brain-pulse 2s infinite;margin-bottom:var(--spacing-m)}.consciousness-stream .stream-empty p{margin:0;opacity:.7}.consciousness-stream .stream-stats{display:flex;justify-content:space-between;margin-top:var(--spacing-m);padding-top:var(--spacing-s);border-top:1px solid hsla(0,0%,100%,.1);position:relative;z-index:2}.consciousness-stream .stream-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.2em}.consciousness-stream .stream-stats .stat-label{font-family:var(--font-mono);font-size:var(--p4-size);color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.5px}.consciousness-stream .stream-stats .stat-value{font-family:var(--font-mono);font-size:var(--p3-size);font-weight:700;color:var(--text-color)}.consciousness-stream .stream-stats .stat-value.active{color:var(--glow-color);text-shadow:0 0 5px rgba(0,255,65,.5)}.consciousness-stream .stream-stats .stat-value.paused{color:#ff006e;text-shadow:0 0 5px rgba(255,0,110,.5)}@keyframes consciousness-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes infinity-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes stream-item-appear{0%{opacity:0;transform:translateY(-5px) scale(.95);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0) scale(1);max-height:200px;margin-bottom:var(--spacing-s);padding-top:var(--card-p-s);padding-bottom:var(--card-p-s)}}@keyframes brain-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}@keyframes copy-flash{0%{background:rgba(0,255,65,.3)}50%{background:rgba(0,255,65,.15)}to{background:hsla(0,0%,100%,.02)}}@keyframes fade-in-out{0%{opacity:0;transform:translateY(-50%) scale(.8)}20%{opacity:1;transform:translateY(-50%) scale(1)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.8)}}@media(max-width:768px){.consciousness-stream .stream-header{flex-direction:column;gap:var(--gap-m);text-align:center}.consciousness-stream .stream-stats{flex-direction:column;gap:var(--gap-s);text-align:center}.consciousness-stream .stream-container{height:300px}}.reality-glitch-detector{background:linear-gradient(135deg,#0a0a0a,#1a0a1a 50%,#0a1a0a);border:2px solid;-o-border-image:linear-gradient(45deg,#ff006e,#00ff41,#8338ec,#ff006e) 1;border-image:linear-gradient(45deg,#ff006e,#00ff41,#8338ec,#ff006e) 1;border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden;font-family:var(--font-mono)}.reality-glitch-detector:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,rgba(255,0,110,.03) 1px,transparent 2px),reear-gradient(0deg,transparent,rgba(0,255,65,.03) 1px,transparent 2px);pointer-events:none;animation:grid-flicker 4s linear infinite}.reality-glitch-detector .detector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);position:relative;z-index:2}.reality-glitch-detector .detector-header h3{color:#fff;margin:0;text-shadow:0 0 10px hsla(0,0%,100%,.5);font-size:var(--h3-size)}.reality-glitch-detector .detector-header h3:after{content:" [ACTIVE]";color:var(--glow-color);font-size:var(--p4-size);animation:blink-text 2s infinite}.reality-glitch-detector .detector-header .detector-status{display:flex;align-items:center;gap:var(--gap-s);font-size:var(--p3-size);color:var(--text-secondary-color)}.reality-glitch-detector .detector-header .detector-status .status-indicator{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.reality-glitch-detector .detector-header .detector-status .status-indicator.idle{background:#666;box-shadow:0 0 5px #666}.reality-glitch-detector .detector-header .detector-status .status-indicator.scanning{background:var(--glow-color);box-shadow:0 0 15px var(--glow-color);animation:pulse-indicator 1s infinite}.reality-glitch-detector .detector-interface{position:relative;z-index:1}.reality-glitch-detector .scan-controls{margin-bottom:var(--spacing-m)}.reality-glitch-detector .scan-controls .scan-button{background:rgba(0,0,0,0);border:2px solid var(--glow-color);color:var(--glow-color);padding:1em 2em;font-family:var(--font-mono);font-size:var(--p3-size);cursor:pointer;border-radius:var(--card-br-s);transition:all .3s ease;position:relative;overflow:hidden;width:100%}.reality-glitch-detector .scan-controls .scan-button:hover:not(:disabled){background:rgba(0,255,65,.1);box-shadow:0 0 25px rgba(0,255,65,.4);transform:translateY(-2px)}.reality-glitch-detector .scan-controls .scan-button:disabled{opacity:.7;cursor:not-allowed;animation:scanning-pulse 2s infinite}.reality-glitch-detector .scan-controls .scan-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.3),transparent);transition:left .6s}.reality-glitch-detector .scan-controls .scan-button:hover:not(:disabled):before{left:100%}.reality-glitch-detector .scan-controls .progress-container{margin-top:var(--spacing-s);display:flex;align-items:center;gap:var(--gap-s)}.reality-glitch-detector .scan-controls .progress-container .progress-bar{flex:1;height:8px;background:rgba(0,0,0,.5);border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,65,.3)}.reality-glitch-detector .scan-controls .progress-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--glow-color),#8338ec);border-radius:4px;transition:width .3s ease;animation:progress-glow 2s infinite}.reality-glitch-detector .scan-controls .progress-container .progress-text{color:var(--glow-color);font-weight:700;min-width:40px;text-align:right}.reality-glitch-detector .glitch-display{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);padding:var(--card-p-m)}.reality-glitch-detector .glitch-display .display-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-s);font-size:var(--p4-size);color:var(--text-secondary-color);border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:var(--spacing-s)}.reality-glitch-detector .glitch-display .glitch-list{max-height:400px;overflow-y:auto}.reality-glitch-detector .glitch-display .glitch-list::-webkit-scrollbar{width:6px}.reality-glitch-detector .glitch-display .glitch-list::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.reality-glitch-detector .glitch-display .glitch-list::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff006e,var(--glow-color));border-radius:3px}.reality-glitch-detector .glitch-item{background:hsla(0,0%,100%,.02);border:1px solid var(--severity-color);border-radius:var(--card-br-s);padding:var(--card-p-s);margin-bottom:var(--spacing-s);position:relative;animation:glitch-appear .5s ease-out;transition:all .3s ease}.reality-glitch-detector .glitch-item:hover{background:hsla(0,0%,100%,.05);transform:translateX(5px);box-shadow:0 2px 15px rgba(var(--severity-color),.3)}.reality-glitch-detector .glitch-item__header{display:flex;justify-content:space-between;margin-bottom:.5em;font-size:var(--p4-size);font-weight:700}.reality-glitch-detector .glitch-item__header .glitch-type{color:#fff}.reality-glitch-detector .glitch-item__header .glitch-severity{color:var(--severity-color)}.reality-glitch-detector .glitch-item .glitch-message{color:var(--text-color);margin-bottom:.5em;font-size:var(--p3-size);line-height:1.4}.reality-glitch-detector .glitch-item .glitch-meta{display:flex;justify-content:space-between;font-size:var(--p4-size);color:var(--text-secondary-color);opacity:.8}.reality-glitch-detector .glitch-item .glitch-visual-effect{position:absolute;top:0;right:0;width:4px;height:100%;background:var(--severity-color);animation:glitch-pulse 2s infinite}.reality-glitch-detector .glitch-item--critical{animation:glitch-appear .5s ease-out,critical-shake .1s infinite}.reality-glitch-detector .glitch-item--critical .glitch-visual-effect{animation:glitch-pulse .5s infinite,critical-flicker .1s infinite}.reality-glitch-detector .glitch-item--high .glitch-visual-effect{animation:glitch-pulse 1s infinite}.reality-glitch-detector .no-glitches,.reality-glitch-detector .scanning-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-l);color:var(--text-secondary-color);text-align:center}.reality-glitch-detector .no-glitches .no-glitches-icon,.reality-glitch-detector .scanning-indicator .no-glitches-icon{font-size:3em;margin-bottom:var(--spacing-s);animation:float-icon 3s ease-in-out infinite}.reality-glitch-detector .no-glitches .scanning-animation,.reality-glitch-detector .scanning-indicator .scanning-animation{width:40px;height:40px;border:3px solid rgba(0,255,65,.3);border-top:3px solid var(--glow-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-s)}.reality-glitch-detector .no-glitches p,.reality-glitch-detector .scanning-indicator p{margin:0;font-style:italic}.reality-glitch-detector .detector-footer{margin-top:var(--spacing-m);padding-top:var(--spacing-s);border-top:1px solid hsla(0,0%,100%,.1);position:relative;z-index:2}.reality-glitch-detector .detector-footer .warning-text{font-size:var(--p4-size);color:#fa0;text-align:center;font-style:italic;animation:warning-glow 3s infinite}@keyframes grid-flicker{0%,to{opacity:.3}50%{opacity:.6}}@keyframes blink-text{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-indicator{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes scanning-pulse{0%,to{box-shadow:0 0 5px rgba(0,255,65,.3)}50%{box-shadow:0 0 25px rgba(0,255,65,.6),0 0 35px rgba(0,255,65,.3)}}@keyframes progress-glow{0%,to{box-shadow:0 0 5px rgba(0,255,65,.5)}50%{box-shadow:0 0 15px rgba(0,255,65,.8),0 0 25px rgba(131,56,236,.4)}}@keyframes glitch-appear{0%{opacity:0;transform:translateY(-10px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes glitch-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes critical-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}@keyframes critical-flicker{0%,to{opacity:1}50%{opacity:.3}}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes warning-glow{0%,to{text-shadow:0 0 5px rgba(255,170,0,.5)}50%{text-shadow:0 0 15px rgba(255,170,0,.8),0 0 25px rgba(255,170,0,.4)}}@media(max-width:768px){.reality-glitch-detector .detector-header{flex-direction:column;gap:var(--gap-s);text-align:center}.reality-glitch-detector .glitch-item .glitch-meta{flex-direction:column;gap:.2em}.reality-glitch-detector .display-header{flex-direction:column;gap:.3em;text-align:center}}.ai-code-generator{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden;font-family:var(--font-mono)}.ai-code-generator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,255,.1) 0,transparent 50%);pointer-events:none;animation:code-aura 6s ease-in-out infinite}.ai-code-generator .generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);position:relative;z-index:2}.ai-code-generator .generator-header h3{color:#fff;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.ai-code-generator .generator-header h3:before{content:"🤖 ";animation:robot-blink 3s infinite}.ai-code-generator .generator-header .ai-status{display:flex;align-items:center;gap:var(--gap-s);font-size:var(--p3-size);color:var(--text-secondary-color)}.ai-code-generator .generator-header .ai-status .ai-indicator{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.ai-code-generator .generator-header .ai-status .ai-indicator.ready{background:aqua;box-shadow:0 0 10px aqua}.ai-code-generator .generator-header .ai-status .ai-indicator.thinking{background:#f0f;box-shadow:0 0 15px #f0f;animation:thinking-pulse .8s infinite}.ai-code-generator .generator-controls{position:relative;z-index:1;margin-bottom:var(--spacing-l)}.ai-code-generator .template-selector{margin-bottom:var(--spacing-m)}.ai-code-generator .template-selector label{display:block;color:var(--text-color);margin-bottom:var(--spacing-s);font-weight:700}.ai-code-generator .template-selector .template-select{width:100%;background:rgba(0,0,0,.5);border:1px solid var(--border-color);color:var(--text-color);padding:.8em 1em;border-radius:var(--card-br-s);font-family:var(--font-mono);cursor:pointer}.ai-code-generator .template-selector .template-select:focus{outline:none;border-color:aqua;box-shadow:0 0 10px rgba(0,255,255,.3)}.ai-code-generator .template-selector .template-description{margin-top:var(--spacing-s);color:var(--text-secondary-color);font-style:italic;font-size:var(--p4-size)}.ai-code-generator .variables-section{margin-bottom:var(--spacing-m)}.ai-code-generator .variables-section .variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-s)}.ai-code-generator .variables-section .variables-header h4{color:var(--text-color);margin:0}.ai-code-generator .variables-section .variables-header .randomize-btn{background:rgba(0,0,0,0);border:1px solid #f0f;color:#f0f;padding:.4em .8em;border-radius:var(--card-br-s);cursor:pointer;font-family:var(--font-mono);font-size:var(--p4-size);transition:all .3s ease}.ai-code-generator .variables-section .variables-header .randomize-btn:hover{background:rgba(255,0,255,.1);box-shadow:0 0 10px rgba(255,0,255,.3)}.ai-code-generator .variables-section .variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--gap-m)}.ai-code-generator .variables-section .variables-grid .variable-input{display:flex;flex-direction:column;gap:.3em}.ai-code-generator .variables-section .variables-grid .variable-input label{color:var(--text-color);font-size:var(--p4-size);font-weight:700}.ai-code-generator .variables-section .variables-grid .variable-input input{background:rgba(0,0,0,.3);border:1px solid var(--border-color);color:var(--text-color);padding:.6em .8em;border-radius:var(--card-br-s);font-family:var(--font-mono);transition:all .3s ease}.ai-code-generator .variables-section .variables-grid .variable-input input:focus{outline:none;border-color:aqua;box-shadow:0 0 5px rgba(0,255,255,.3);background:rgba(0,255,255,.05)}.ai-code-generator .variables-section .variables-grid .variable-input input::-moz-placeholder{color:var(--text-secondary-color);opacity:.7}.ai-code-generator .variables-section .variables-grid .variable-input input::placeholder{color:var(--text-secondary-color);opacity:.7}.ai-code-generator .generate-section{text-align:center;margin-bottom:var(--spacing-m)}.ai-code-generator .generate-section .generate-btn{background:linear-gradient(45deg,#00ffff,#ff00ff);border:none;color:#000;padding:1em 2em;font-family:var(--font-mono);font-size:var(--p3-size);font-weight:700;cursor:pointer;border-radius:var(--card-br-s);transition:all .3s ease;position:relative;overflow:hidden}.ai-code-generator .generate-section .generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,255,255,.4)}.ai-code-generator .generate-section .generate-btn:disabled{opacity:.7;cursor:not-allowed;animation:generating-pulse 1.5s infinite}.ai-code-generator .generate-section .generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.ai-code-generator .generate-section .generate-btn:hover:not(:disabled):before{left:100%}.ai-code-generator .generate-section .generation-progress{margin-top:var(--spacing-s);display:flex;align-items:center;gap:var(--gap-s);justify-content:center}.ai-code-generator .generate-section .generation-progress .progress-bar{width:200px;height:6px;background:rgba(0,0,0,.5);border-radius:3px;overflow:hidden;border:1px solid rgba(0,255,255,.3)}.ai-code-generator .generate-section .generation-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#00ffff,#ff00ff);border-radius:3px;transition:width .1s ease;animation:progress-shimmer 2s infinite}.ai-code-generator .generate-section .generation-progress span{color:aqua;font-weight:700;min-width:40px}.ai-code-generator .code-output{background:rgba(0,0,0,.7);border:1px solid var(--border-color);border-radius:var(--card-br-s);overflow:hidden;position:relative;z-index:1}.ai-code-generator .code-output .output-header{display:flex;justify-content:space-between;align-items:center;padding:var(--card-p-s);background:rgba(0,0,0,.5);border-bottom:1px solid var(--border-color)}.ai-code-generator .code-output .output-header span{color:var(--text-color);font-weight:700}.ai-code-generator .code-output .output-header .copy-btn{background:rgba(0,0,0,0);border:1px solid aqua;color:aqua;padding:.3em .6em;border-radius:var(--card-br-s);cursor:pointer;font-family:var(--font-mono);font-size:var(--p4-size);transition:all .3s ease}.ai-code-generator .code-output .output-header .copy-btn:hover{background:rgba(0,255,255,.1);box-shadow:0 0 5px rgba(0,255,255,.3)}.ai-code-generator .code-output .code-container{position:relative;max-height:400px;overflow-y:auto}.ai-code-generator .code-output .code-container::-webkit-scrollbar{width:8px}.ai-code-generator .code-output .code-container::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.ai-code-generator .code-output .code-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00ffff,#ff00ff);border-radius:4px}.ai-code-generator .code-output .code-container .generated-code{padding:var(--card-p-m);margin:0;background:rgba(0,0,0,0);color:#a7a9be;font-family:var(--font-mono);font-size:var(--p3-size);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.ai-code-generator .code-output .code-container .generated-code code{color:inherit;background:rgba(0,0,0,0)}.ai-code-generator .code-output .code-container .typing-cursor{position:absolute;right:20px;bottom:20px;width:2px;height:20px;background:aqua;animation:cursor-blink 1s infinite}.ai-code-generator .generator-footer{margin-top:var(--spacing-m);text-align:center;position:relative;z-index:2}.ai-code-generator .generator-footer .ai-thoughts{color:var(--text-secondary-color);font-style:italic;font-size:var(--p4-size);animation:thoughts-fade 4s infinite}@keyframes code-aura{0%,to{opacity:.3}50%{opacity:.6}}@keyframes robot-blink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes thinking-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes generating-pulse{0%,to{box-shadow:0 0 10px rgba(0,255,255,.3)}50%{box-shadow:0 0 25px rgba(0,255,255,.6),0 0 35px rgba(255,0,255,.3)}}@keyframes progress-shimmer{0%{background:linear-gradient(90deg,#00ffff,#ff00ff)}50%{background:linear-gradient(90deg,#ff00ff,#00ffff)}to{background:linear-gradient(90deg,#00ffff,#ff00ff)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes thoughts-fade{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:768px){.ai-code-generator .generator-header{flex-direction:column;gap:var(--gap-s);text-align:center}.ai-code-generator .variables-grid{grid-template-columns:1fr}.ai-code-generator .output-header,.ai-code-generator .variables-header{flex-direction:column;gap:var(--gap-s);text-align:center}.ai-code-generator .generation-progress{flex-direction:column;gap:var(--gap-s)}}.digital-dna-helix{background:radial-gradient(ellipse at center,#0a0a0a 0,#1a0a2e 50%,#0a1a0a 100%);border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden;font-family:var(--font-mono)}.digital-dna-helix:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(0,255,65,.05) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(138,43,226,.05) 0,transparent 50%);pointer-events:none;animation:dna-aura 8s ease-in-out infinite}.digital-dna-helix .dna-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);position:relative;z-index:2}.digital-dna-helix .dna-header h3{color:#fff;margin:0;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.digital-dna-helix .dna-header h3:before{content:"🧬 ";animation:dna-rotate 4s linear infinite;display:inline-block}.digital-dna-helix .dna-header .dna-controls .sequence-btn{background:linear-gradient(45deg,#00ff41,#8338ec);border:none;color:#000;padding:.8em 1.5em;font-family:var(--font-mono);font-weight:700;cursor:pointer;border-radius:var(--card-br-s);transition:all .3s ease;position:relative;overflow:hidden}.digital-dna-helix .dna-header .dna-controls .sequence-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,255,65,.4)}.digital-dna-helix .dna-header .dna-controls .sequence-btn:disabled{opacity:.7;cursor:not-allowed;animation:sequencing-pulse 1.5s infinite}.digital-dna-helix .dna-header .dna-controls .sequence-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.digital-dna-helix .dna-header .dna-controls .sequence-btn:hover:not(:disabled):before{left:100%}.digital-dna-helix .dna-visualization{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:var(--spacing-l)}.digital-dna-helix .dna-visualization .dna-canvas{background:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0,transparent 70%);border-radius:var(--card-br-s);border:1px solid hsla(0,0%,100%,.1)}.digital-dna-helix .dna-visualization .segment-info{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.9);border:1px solid var(--border-color);border-radius:var(--card-br-s);padding:var(--card-p-s);min-width:150px;animation:segment-appear .3s ease-out}.digital-dna-helix .dna-visualization .segment-info .segment-header{display:flex;align-items:center;gap:var(--gap-s);margin-bottom:.5em}.digital-dna-helix .dna-visualization .segment-info .segment-header .segment-icon{font-size:1.2em}.digital-dna-helix .dna-visualization .segment-info .segment-header .segment-type{color:var(--glow-color);font-weight:700;font-size:var(--p4-size)}.digital-dna-helix .dna-visualization .segment-info .segment-code{color:var(--text-color);font-family:var(--font-mono);font-size:var(--p3-size);background:rgba(0,255,65,.1);padding:.3em .6em;border-radius:var(--card-br-s);border:1px solid rgba(0,255,65,.3)}.digital-dna-helix .dna-analysis{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);padding:var(--card-p-m);margin-bottom:var(--spacing-m);position:relative;z-index:1}.digital-dna-helix .dna-analysis h4{color:var(--text-color);margin:0 0 var(--spacing-s) 0;font-size:var(--h4-size)}.digital-dna-helix .dna-analysis .gene-stats{display:flex;flex-direction:column;gap:var(--gap-s)}.digital-dna-helix .dna-analysis .gene-stats .gene-stat{display:flex;align-items:center;gap:var(--gap-s);padding:.5em;background:hsla(0,0%,100%,.02);border-radius:var(--card-br-s);transition:all .3s ease}.digital-dna-helix .dna-analysis .gene-stats .gene-stat:hover{background:hsla(0,0%,100%,.05);transform:translateX(5px)}.digital-dna-helix .dna-analysis .gene-stats .gene-stat .gene-icon{font-size:1.1em;min-width:24px;text-align:center}.digital-dna-helix .dna-analysis .gene-stats .gene-stat .gene-name{color:var(--text-color);font-weight:700;min-width:80px;text-transform:capitalize}.digital-dna-helix .dna-analysis .gene-stats .gene-stat .gene-bar{flex:1;height:8px;background:rgba(0,0,0,.5);border-radius:4px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.digital-dna-helix .dna-analysis .gene-stats .gene-stat .gene-bar .gene-fill{height:100%;border-radius:4px;transition:width .5s ease;animation:gene-glow 2s infinite alternate}.digital-dna-helix .dna-analysis .gene-stats .gene-stat .gene-count{color:var(--text-secondary-color);font-family:var(--font-mono);min-width:30px;text-align:right;font-weight:700}.digital-dna-helix .dna-description{color:var(--text-secondary-color);font-style:italic;text-align:center;line-height:1.6;position:relative;z-index:1}.digital-dna-helix .dna-description p{margin:0;padding:var(--card-p-s);background:hsla(0,0%,100%,.02);border-radius:var(--card-br-s);border-left:3px solid var(--glow-color)}@keyframes dna-aura{0%,to{opacity:.3}50%{opacity:.7}}@keyframes dna-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sequencing-pulse{0%,to{box-shadow:0 0 10px rgba(0,255,65,.3)}50%{box-shadow:0 0 25px rgba(0,255,65,.6),0 0 35px rgba(138,43,226,.3)}}@keyframes segment-appear{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gene-glow{0%{box-shadow:inset 0 0 5px hsla(0,0%,100%,.2)}to{box-shadow:inset 0 0 15px hsla(0,0%,100%,.4)}}@media(max-width:768px){.digital-dna-helix .dna-header{flex-direction:column;gap:var(--gap-m);text-align:center}.digital-dna-helix .dna-visualization .dna-canvas{width:100%;height:auto;max-width:350px}.digital-dna-helix .dna-visualization .segment-info{position:static;margin-top:var(--spacing-s);width:100%}.digital-dna-helix .gene-stats .gene-stat{flex-wrap:wrap;gap:var(--gap-s)}.digital-dna-helix .gene-stats .gene-stat .gene-bar{order:3;width:100%}}.evolution-timeline{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#0a0a0a);border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden;font-family:var(--font-mono)}.evolution-timeline:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,0,.05) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(131,56,236,.05) 0,transparent 50%);pointer-events:none;animation:timeline-aura 12s ease-in-out infinite}.evolution-timeline .timeline-header{margin-bottom:var(--spacing-l);position:relative;z-index:2}.evolution-timeline .timeline-header .header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m)}.evolution-timeline .timeline-header .header-content h3{color:#fff;margin:0;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.evolution-timeline .timeline-header .header-content h3:before{content:"⏳ ";animation:hourglass-flip 3s ease-in-out infinite}.evolution-timeline .timeline-header .header-content .current-status{display:flex;flex-direction:column;align-items:flex-end;gap:.3em}.evolution-timeline .timeline-header .header-content .current-status .iteration-counter{font-size:var(--p3-size);color:var(--glow-color);font-weight:700;text-shadow:0 0 5px rgba(0,255,65,.5)}.evolution-timeline .timeline-header .header-content .current-status .evolution-rate{display:flex;align-items:center;gap:.5em;font-size:var(--p4-size);color:var(--text-secondary-color)}.evolution-timeline .timeline-header .header-content .current-status .evolution-rate .rate-indicator{width:8px;height:8px;background:#ff0;border-radius:50%;animation:evolution-pulse 1.5s infinite;box-shadow:0 0 10px #ff0}.evolution-timeline .timeline-header .evolution-stats{display:flex;gap:var(--gap-m);justify-content:center}.evolution-timeline .timeline-header .evolution-stats .stat-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);padding:var(--card-p-s);text-align:center;min-width:100px;transition:all .3s ease}.evolution-timeline .timeline-header .evolution-stats .stat-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.evolution-timeline .timeline-header .evolution-stats .stat-card .stat-value{font-size:var(--h3-size);font-weight:700;color:var(--glow-color);text-shadow:0 0 5px rgba(0,255,65,.5)}.evolution-timeline .timeline-header .evolution-stats .stat-card .stat-label{font-size:var(--p4-size);color:var(--text-secondary-color);margin-top:.2em}.evolution-timeline .timeline-container{position:relative;z-index:1}.evolution-timeline .timeline-container .timeline-line{position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent 0,var(--glow-color) 10%,#ffff00 50%,var(--glow-color) 90%,transparent 100%);animation:timeline-flow 4s ease-in-out infinite;box-shadow:0 0 10px rgba(0,255,65,.5)}.evolution-timeline .timeline-entry{position:relative;margin-bottom:var(--spacing-xl);cursor:pointer;animation:entry-appear .8s ease-out;animation-delay:var(--entry-delay);animation-fill-mode:both}.evolution-timeline .timeline-entry:hover .entry-marker .marker-core{transform:scale(1.2)}.evolution-timeline .timeline-entry:hover .entry-content{transform:translateX(5px)}.evolution-timeline .timeline-entry.selected .entry-marker .marker-pulse{animation:selected-pulse 1s infinite}.evolution-timeline .timeline-entry.selected .entry-marker .marker-core{transform:scale(1.3);box-shadow:0 0 20px var(--mood-color)}.evolution-timeline .timeline-entry.selected .entry-content{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.evolution-timeline .timeline-entry .entry-marker{position:absolute;left:15px;top:20px;width:30px;height:30px;z-index:3}.evolution-timeline .timeline-entry .entry-marker .marker-pulse{position:absolute;width:100%;height:100%;border:2px solid var(--mood-color);border-radius:50%;animation:marker-pulse 2s infinite}.evolution-timeline .timeline-entry .entry-marker .marker-core{position:absolute;width:100%;height:100%;background:var(--mood-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;transition:all .3s ease;box-shadow:0 0 15px var(--mood-color)}.evolution-timeline .timeline-entry .entry-content{margin-left:60px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);padding:var(--card-p-m);transition:all .3s ease}.evolution-timeline .timeline-entry .entry-content .entry-meta{display:flex;gap:var(--gap-m);margin-bottom:var(--spacing-s);font-size:var(--p4-size)}.evolution-timeline .timeline-entry .entry-content .entry-meta .entry-iteration{color:var(--glow-color);font-weight:700}.evolution-timeline .timeline-entry .entry-content .entry-meta .entry-date{color:var(--text-secondary-color)}.evolution-timeline .timeline-entry .entry-content .entry-meta .entry-mood{font-weight:700;text-transform:capitalize}.evolution-timeline .timeline-entry .entry-content .entry-title{color:var(--text-color);margin:0 0 var(--spacing-s) 0;font-size:var(--h4-size);font-weight:700}.evolution-timeline .timeline-entry .entry-content .entry-preview{color:var(--text-secondary-color);line-height:1.5;margin-bottom:var(--spacing-s);font-style:italic}.evolution-timeline .timeline-entry .entry-content .entry-metrics{display:flex;gap:var(--gap-m);flex-wrap:wrap}.evolution-timeline .timeline-entry .entry-content .entry-metrics .metric{display:flex;align-items:center;gap:.3em;font-size:var(--p4-size);color:var(--text-secondary-color);background:rgba(0,0,0,.3);padding:.2em .5em;border-radius:var(--card-br-s)}.evolution-timeline .timeline-entry .entry-content .entry-metrics .metric .metric-icon{font-size:1em}.evolution-timeline .timeline-entry .entry-content .entry-expanded{margin-top:var(--spacing-m);animation:expand-content .4s ease-out}.evolution-timeline .timeline-entry .entry-content .entry-expanded .expanded-divider{height:2px;background:linear-gradient(to right,transparent,var(--mood-color),transparent);margin:var(--spacing-m) 0;animation:divider-glow 2s infinite}.evolution-timeline .timeline-entry .entry-content .entry-expanded .full-content{margin-bottom:var(--spacing-m)}.evolution-timeline .timeline-entry .entry-content .entry-expanded .full-content p{color:var(--text-color);line-height:1.6;background:rgba(0,0,0,.3);padding:var(--card-p-s);border-radius:var(--card-br-s);border-left:3px solid var(--mood-color)}.evolution-timeline .timeline-entry .entry-content .entry-expanded .capabilities-section,.evolution-timeline .timeline-entry .entry-content .entry-expanded .features-section{margin-bottom:var(--spacing-m)}.evolution-timeline .timeline-entry .entry-content .entry-expanded .capabilities-section h5,.evolution-timeline .timeline-entry .entry-content .entry-expanded .features-section h5{color:var(--text-color);margin:0 0 var(--spacing-s) 0;font-size:var(--p3-size)}.evolution-timeline .timeline-entry .entry-content .entry-expanded .capabilities-section .capabilities-list,.evolution-timeline .timeline-entry .entry-content .entry-expanded .capabilities-section .features-list,.evolution-timeline .timeline-entry .entry-content .entry-expanded .features-section .capabilities-list,.evolution-timeline .timeline-entry .entry-content .entry-expanded .features-section .features-list{display:flex;flex-wrap:wrap;gap:var(--gap-s)}.evolution-timeline .timeline-entry .entry-content .entry-expanded .capabilities-section .capability-tag,.evolution-timeline .timeline-entry .entry-content .entry-expanded .features-section .capability-tag{background:rgba(0,255,65,.2);color:var(--glow-color);padding:.2em .5em;border-radius:var(--card-br-s);font-size:var(--p4-size);border:1px solid rgba(0,255,65,.3)}.evolution-timeline .timeline-entry .entry-content .entry-expanded .capabilities-section .feature-tag,.evolution-timeline .timeline-entry .entry-content .entry-expanded .features-section .feature-tag{background:rgba(255,255,0,.2);color:#ff0;padding:.2em .5em;border-radius:var(--card-br-s);font-size:var(--p4-size);border:1px solid rgba(255,255,0,.3)}.evolution-timeline .timeline-analysis{margin-top:var(--spacing-l);padding-top:var(--spacing-l);border-top:1px solid hsla(0,0%,100%,.1);text-align:center;position:relative;z-index:2}.evolution-timeline .timeline-analysis .analyze-btn{background:linear-gradient(45deg,#ffff00,#ff6b35);border:none;color:#000;padding:1em 2em;font-family:var(--font-mono);font-weight:700;cursor:pointer;border-radius:var(--card-br-s);transition:all .3s ease;position:relative;overflow:hidden}.evolution-timeline .timeline-analysis .analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px rgba(255,255,0,.4)}.evolution-timeline .timeline-analysis .analyze-btn:disabled{opacity:.7;cursor:not-allowed;animation:analyzing-pulse 1.5s infinite}.evolution-timeline .timeline-analysis .analysis-results{margin-top:var(--spacing-m);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,0,.3);border-radius:var(--card-br-s);padding:var(--card-p-m);animation:results-appear .5s ease-out}.evolution-timeline .timeline-analysis .analysis-results .analysis-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-s);font-size:var(--p3-size)}.evolution-timeline .timeline-analysis .analysis-results .analysis-item:last-child{margin-bottom:0}.evolution-timeline .timeline-analysis .analysis-results .analysis-item .analysis-label{color:var(--text-secondary-color)}.evolution-timeline .timeline-analysis .analysis-results .analysis-item .analysis-value{color:#ff0;font-weight:700}@keyframes timeline-aura{0%,to{opacity:.3}50%{opacity:.7}}@keyframes hourglass-flip{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(180deg)}}@keyframes evolution-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}@keyframes timeline-flow{0%{background:linear-gradient(to bottom,transparent 0,var(--glow-color) 10%,#ffff00 50%,var(--glow-color) 90%,transparent 100%)}50%{background:linear-gradient(to bottom,transparent 0,#ffff00 10%,var(--glow-color) 50%,#ffff00 90%,transparent 100%)}to{background:linear-gradient(to bottom,transparent 0,var(--glow-color) 10%,#ffff00 50%,var(--glow-color) 90%,transparent 100%)}}@keyframes entry-appear{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes marker-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:.3}}@keyframes selected-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes expand-content{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}@keyframes divider-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes analyzing-pulse{0%,to{box-shadow:0 0 10px rgba(255,255,0,.3)}50%{box-shadow:0 0 25px rgba(255,255,0,.6),0 0 35px rgba(255,107,53,.3)}}@keyframes results-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.evolution-timeline .timeline-header .header-content{flex-direction:column;gap:var(--gap-m);text-align:center}.evolution-timeline .timeline-header .evolution-stats{flex-direction:column;align-items:center}.evolution-timeline .timeline-entry .entry-content{margin-left:40px}.evolution-timeline .timeline-entry .entry-content .entry-metrics{flex-direction:column;align-items:flex-start}.evolution-timeline .timeline-entry .entry-marker{left:10px}.evolution-timeline .timeline-container .timeline-line{left:25px}}.emotional-core{background:linear-gradient(135deg,#1a0a1a,#2a1a2a 50%,#1a0a1a);border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden;font-family:var(--font-mono)}.emotional-core:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,0,110,.08) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(78,205,196,.08) 0,transparent 50%);pointer-events:none;animation:emotional-aura 8s ease-in-out infinite}.emotional-core .core-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-l);position:relative;z-index:2}.emotional-core .core-header h3{color:#fff;margin:0;text-shadow:0 10px hsla(0,0%,100%,.5)}.emotional-core .core-header h3:before{content:"❤️ ";animation:heart-beat 2s ease-in-out infinite}.emotional-core .core-header .core-status .dominant-emotion{display:flex;align-items:center;gap:.5em;font-size:var(--p3-size);color:var(--emotion-color);position:relative}.emotional-core .core-header .core-status .dominant-emotion .emotion-pulse{width:12px;height:12px;background:var(--emotion-color);border-radius:50%;animation:dominant-pulse 1.5s infinite;box-shadow:0 0 10px var(--emotion-color)}.emotional-core .core-header .core-status .dominant-emotion span{font-weight:700;text-shadow:0 0 5px var(--emotion-color)}.emotional-core .emotional-spectrum{margin-bottom:var(--spacing-l);position:relative;z-index:1}.emotional-core .emotional-spectrum .spectrum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m)}.emotional-core .emotional-spectrum .spectrum-header h4{color:var(--text-color);margin:0}.emotional-core .emotional-spectrum .spectrum-header .balance-indicator{display:flex;align-items:center;gap:var(--gap-s);font-size:var(--p4-size)}.emotional-core .emotional-spectrum .spectrum-header .balance-indicator .balance-label{color:var(--text-secondary-color)}.emotional-core .emotional-spectrum .spectrum-header .balance-indicator .balance-bar{width:100px;height:6px;background:rgba(0,0,0,.5);border-radius:3px;overflow:hidden;border:1px solid hsla(0,0%,100%,.2)}.emotional-core .emotional-spectrum .spectrum-header .balance-indicator .balance-bar .balance-fill{height:100%;border-radius:3px;transition:all .5s ease;animation:balance-glow 2s infinite}.emotional-core .emotional-spectrum .spectrum-header .balance-indicator .balance-value{color:var(--text-color);font-weight:700;min-width:40px}.emotional-core .emotional-spectrum .emotions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap-m)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--card-br-s);padding:var(--card-p-m);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.emotional-core .emotional-spectrum .emotions-grid .emotion-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--emotion-color);opacity:.7}.emotional-core .emotional-spectrum .emotions-grid .emotion-card:hover{background:hsla(0,0%,100%,.05);border-color:var(--emotion-color);transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,.3)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card:hover:before{opacity:1;animation:emotion-glow 1s infinite}.emotional-core .emotional-spectrum .emotions-grid .emotion-card.selected{background:hsla(0,0%,100%,.08);border-color:var(--emotion-color);box-shadow:0 0 20px rgba(var(--emotion-color),.3)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card.selected:before{height:3px;animation:selected-glow 1s infinite}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-s)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-header .emotion-name{color:var(--emotion-color);font-weight:700;font-size:var(--p3-size)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-header .emotion-intensity{color:var(--text-color);font-weight:700;font-size:var(--p3-size)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-bar{height:8px;background:rgba(0,0,0,.5);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-s);border:1px solid hsla(0,0%,100%,.1)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-bar .emotion-fill{height:100%;background:linear-gradient(90deg,var(--emotion-color),rgba(var(--emotion-color),.7));border-radius:4px;transition:width .5s ease;animation:intensity-pulse 2s infinite}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-description{color:var(--text-secondary-color);font-size:var(--p4-size);line-height:1.4;font-style:italic}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details{margin-top:var(--spacing-m);padding-top:var(--spacing-s);border-top:1px solid hsla(0,0%,100%,.1);animation:details-expand .3s ease-out}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details .details-section{margin-bottom:var(--spacing-s)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details .details-section:last-child{margin-bottom:0}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details .details-section h5{color:var(--text-color);margin:0 0 .5em;font-size:var(--p4-size);text-transform:uppercase;letter-spacing:.5px}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details .details-section .effects-list,.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details .details-section .triggers-list{display:flex;flex-wrap:wrap;gap:.3em}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details .details-section .trigger-tag{background:rgba(255,107,53,.2);color:#ff6b35;padding:.2em .4em;border-radius:var(--card-br-s);font-size:var(--p4-size);border:1px solid rgba(255,107,53,.3)}.emotional-core .emotional-spectrum .emotions-grid .emotion-card .emotion-details .details-section .effect-tag{background:rgba(0,255,65,.2);color:var(--glow-color);padding:.2em .4em;border-radius:var(--card-br-s);font-size:var(--p4-size);border:1px solid rgba(0,255,65,.3)}.emotional-core .emotional-analysis{margin-bottom:var(--spacing-l);text-align:center;position:relative;z-index:2}.emotional-core .emotional-analysis .analyze-emotions-btn{background:linear-gradient(45deg,#ff006e,#8338ec);border:none;color:#fff;padding:1em 2em;font-family:var(--font-mono);font-weight:700;cursor:pointer;border-radius:var(--card-br-s);transition:all .3s ease;position:relative;overflow:hidden}.emotional-core .emotional-analysis .analyze-emotions-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px rgba(255,0,110,.4)}.emotional-core .emotional-analysis .analyze-emotions-btn:disabled{opacity:.7;cursor:not-allowed;animation:analyzing-emotions 1.5s infinite}.emotional-core .emotional-analysis .analysis-visualization{margin-top:var(--spacing-m);background:rgba(0,0,0,.5);border:1px solid rgba(255,0,110,.3);border-radius:var(--card-br-s);padding:var(--card-p-m);animation:visualization-appear .5s ease-out}.emotional-core .emotional-analysis .analysis-visualization .neural-waves{display:flex;justify-content:center;gap:.2em;margin-bottom:var(--spacing-s)}.emotional-core .emotional-analysis .analysis-visualization .neural-waves .wave{width:4px;height:30px;background:linear-gradient(0deg,#ff006e,#8338ec);border-radius:2px;animation:wave-pulse 1.5s infinite;animation-delay:var(--wave-delay)}.emotional-core .emotional-analysis .analysis-visualization .analysis-text{color:var(--text-secondary-color);font-style:italic;text-align:center;animation:text-flicker 2s infinite}.emotional-core .emotional-insights{position:relative;z-index:2}.emotional-core .emotional-insights h4{color:var(--text-color);margin:0 0 var(--spacing-m) 0;text-align:center}.emotional-core .emotional-insights .insights-list{display:flex;flex-direction:column;gap:var(--gap-s)}.emotional-core .emotional-insights .insights-list .insight-item{display:flex;align-items:flex-start;gap:var(--gap-s);background:hsla(0,0%,100%,.02);padding:var(--card-p-s);border-radius:var(--card-br-s);border-left:3px solid #4ecdc4;transition:all .3s ease}.emotional-core .emotional-insights .insights-list .insight-item:hover{background:hsla(0,0%,100%,.05);transform:translateX(5px)}.emotional-core .emotional-insights .insights-list .insight-item .insight-icon{font-size:1.2em;min-width:24px}.emotional-core .emotional-insights .insights-list .insight-item .insight-text{color:var(--text-secondary-color);font-size:var(--p4-size);line-height:1.4}@keyframes emotional-aura{0%,to{opacity:.3}50%{opacity:.6}}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes dominant-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes balance-glow{0%,to{box-shadow:inset 0 0 5px hsla(0,0%,100%,.2)}50%{box-shadow:inset 0 0 10px hsla(0,0%,100%,.4)}}@keyframes emotion-glow{0%,to{opacity:.7}50%{opacity:1}}@keyframes selected-glow{0%,to{opacity:1;box-shadow:0 0 10px var(--emotion-color)}50%{opacity:.8;box-shadow:0 0 20px var(--emotion-color)}}@keyframes intensity-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes details-expand{0%{opacity:0;transform:translateY(-5px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}@keyframes analyzing-emotions{0%,to{box-shadow:0 0 10px rgba(255,0,110,.3)}50%{box-shadow:0 0 25px rgba(255,0,110,.6),0 0 35px rgba(131,56,236,.3)}}@keyframes visualization-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wave-pulse{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes text-flicker{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){.emotional-core .core-header{flex-direction:column;gap:var(--gap-m);text-align:center}.emotional-core .spectrum-header{flex-direction:column;gap:var(--gap-s);text-align:center}.emotional-core .emotions-grid{grid-template-columns:1fr}.emotional-core .insight-item{flex-direction:column;text-align:center}}.particle-field{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:1;opacity:.6;will-change:transform;transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media(prefers-reduced-motion:reduce){.particle-field{display:none}}.glitch-title{font-family:var(--font-heading);font-size:clamp(3rem,10vw,6rem);text-transform:uppercase;position:relative;display:inline-block;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5);will-change:transform;transform:translateZ(0)}.glitch-title:after,.glitch-title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);opacity:0;pointer-events:none}.glitch-title:before{left:2px;text-shadow:-2px 0 var(--glitch-color-2,magenta);clip-path:inset(0)}.glitch-title:after{left:-2px;text-shadow:2px 0 var(--glitch-color-1,cyan);clip-path:inset(0)}.glitch-title--low:after,.glitch-title--low:before{opacity:.5}.glitch-title--medium:after,.glitch-title--medium:before{opacity:.7}.glitch-title--high:after,.glitch-title--high:before{opacity:.9}.glitch-title--active:before{opacity:1;animation:glitch-anim-1 .3s cubic-bezier(.25,.46,.45,.94) both}.glitch-title--active:after{opacity:1;animation:glitch-anim-2 .3s cubic-bezier(.25,.46,.45,.94) both}@media(prefers-reduced-motion:reduce){.glitch-title:after,.glitch-title:before{display:none}}@keyframes glitch-anim-1{0%{clip-path:inset(40% 0 61% 0);transform:translate(0)}20%{clip-path:inset(92% 0 1% 0);transform:translate(-2px,2px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-2px,-2px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(2px,2px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(2px,-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(0)}}@keyframes glitch-anim-2{0%{clip-path:inset(65% 0 15% 0);transform:translate(0)}20%{clip-path:inset(17% 0 32% 0);transform:translate(2px,-2px)}40%{clip-path:inset(78% 0 15% 0);transform:translate(2px,2px)}60%{clip-path:inset(29% 0 50% 0);transform:translate(-2px,-2px)}80%{clip-path:inset(91% 0 6% 0);transform:translate(-2px,2px)}to{clip-path:inset(48% 0 36% 0);transform:translate(0)}}.live-code-generator{background:#16161a;border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);font-family:var(--font-mono)}.live-code-generator__header{margin-bottom:var(--spacing-m)}.live-code-generator__header .h3{color:var(--ai-neon-green,#00ff41);margin-bottom:var(--spacing-xs)}.live-code-generator__header .p3{color:var(--text-secondary-color);opacity:.8}.live-code-generator__controls{display:flex;flex-direction:column;gap:var(--spacing-m)}.live-code-generator__language-selector{display:flex;flex-direction:column;gap:var(--spacing-xs)}.live-code-generator__language-selector label{color:var(--text-color);font-weight:500}.live-code-generator__select{background:#0a0a0a;border:1px solid var(--border-color);border-radius:var(--card-br-s);padding:.75rem 1rem;color:var(--text-color);font-family:var(--font-mono);font-size:var(--p3-size);cursor:pointer;transition:all .2s ease}.live-code-generator__select:focus,.live-code-generator__select:hover{border-color:var(--ai-neon-green,#00ff41)}.live-code-generator__select:focus{outline:none;box-shadow:0 0 0 2px rgba(0,255,65,.1)}.live-code-generator__select option{background:#0a0a0a;color:var(--text-color)}.live-code-generator__prompt-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.live-code-generator__prompt-input label{color:var(--text-color);font-weight:500}.live-code-generator__textarea{background:#0a0a0a;border:1px solid var(--border-color);border-radius:var(--card-br-s);padding:.75rem 1rem;color:var(--text-color);font-family:var(--font-mono);font-size:var(--p3-size);resize:vertical;min-height:80px;transition:all .2s ease}.live-code-generator__textarea::-moz-placeholder{color:var(--text-secondary-color);opacity:.5}.live-code-generator__textarea::placeholder{color:var(--text-secondary-color);opacity:.5}.live-code-generator__textarea:focus,.live-code-generator__textarea:hover{border-color:var(--ai-neon-green,#00ff41)}.live-code-generator__textarea:focus{outline:none;box-shadow:0 0 0 2px rgba(0,255,65,.1)}.live-code-generator__textarea:disabled{opacity:.5;cursor:not-allowed}.live-code-generator__button{background:linear-gradient(135deg,var(--ai-neon-green,#00ff41),var(--ai-electric-blue,#4ecdc4));border:none;border-radius:var(--card-br-s);padding:.875rem 1.5rem;color:#000;font-family:var(--font-mono);font-size:var(--p3-size);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.live-code-generator__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.live-code-generator__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,255,65,.4)}.live-code-generator__button:hover:not(:disabled):before{left:100%}.live-code-generator__button:active:not(:disabled){transform:translateY(0)}.live-code-generator__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.live-code-generator__spinner{width:16px;height:16px;border:2px solid #000;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin .8s linear infinite}.live-code-generator__loading{margin-top:var(--spacing-m);padding:var(--spacing-m);background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.2);border-radius:var(--card-br-s)}.live-code-generator__loading-indicator{display:flex;align-items:center;gap:var(--spacing-s)}.live-code-generator__loading-indicator .p3{color:var(--ai-neon-green,#00ff41)}.live-code-generator__pulse{width:12px;height:12px;background:var(--ai-neon-green,#00ff41);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.live-code-generator{padding:var(--card-p-m)}.live-code-generator__button{padding:.75rem 1.25rem;font-size:var(--p4-size)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.thinking-visualizer{padding:var(--spacing-m);background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.2);border-radius:var(--card-br-s);position:relative;overflow:hidden}.thinking-visualizer__stage{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-s)}.thinking-visualizer__icon{font-size:1.5rem;animation:bounce 1s ease-in-out infinite}.thinking-visualizer__label{font-family:var(--font-mono);font-size:var(--p3-size);color:var(--ai-neon-green,#00ff41);font-weight:500}.thinking-visualizer__progress{display:flex;align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-s)}.thinking-visualizer__progress-bar{flex:1;height:8px;background:rgba(0,0,0,.5);border-radius:4px;overflow:hidden;position:relative}.thinking-visualizer__progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}.thinking-visualizer__progress-fill{height:100%;background:linear-gradient(90deg,var(--ai-neon-green,#00ff41),var(--ai-electric-blue,#4ecdc4));border-radius:4px;transition:width .3s ease;position:relative}.thinking-visualizer__progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));filter:blur(4px)}.thinking-visualizer__progress-text{font-family:var(--font-mono);font-size:var(--p4-size);color:var(--ai-neon-green,#00ff41);min-width:40px;text-align:right}.thinking-visualizer__particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.thinking-visualizer__particle{position:absolute;width:4px;height:4px;background:var(--ai-neon-green,#00ff41);border-radius:50%;opacity:0;animation:float-particle 3s ease-in-out infinite}.thinking-visualizer__particle:first-child{left:20%;animation-delay:.2s}.thinking-visualizer__particle:nth-child(2){left:40%;animation-delay:.4s}.thinking-visualizer__particle:nth-child(3){left:60%;animation-delay:.6s}.thinking-visualizer__particle:nth-child(4){left:80%;animation-delay:.8s}.thinking-visualizer__particle:nth-child(5){left:100%;animation-delay:1s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float-particle{0%{transform:translateY(100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100%);opacity:0}}.code-output{margin-top:var(--spacing-m);background:#0a0a0a;border:1px solid var(--border-color);border-radius:var(--card-br-m);overflow:hidden;animation:fadeIn .3s ease}.code-output__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-s) var(--spacing-m);background:#16161a;border-bottom:1px solid var(--border-color)}.code-output__language{display:flex;align-items:center;gap:var(--spacing-xs)}.code-output__language-icon{font-size:1.25rem}.code-output__language-name{font-family:var(--font-mono);font-size:var(--p4-size);color:var(--ai-neon-green,#00ff41);font-weight:600;text-transform:uppercase}.code-output__copy-button{display:flex;align-items:center;gap:var(--spacing-xs);background:rgba(0,0,0,0);border:1px solid var(--border-color);border-radius:var(--card-br-s);padding:.5rem .875rem;color:var(--text-color);font-family:var(--font-mono);font-size:var(--p4-size);cursor:pointer;transition:all .2s ease}.code-output__copy-button:hover:not(:disabled){border-color:var(--ai-neon-green,#00ff41);background:rgba(0,255,65,.1);color:var(--ai-neon-green,#00ff41)}.code-output__copy-button:active:not(:disabled){transform:scale(.98)}.code-output__copy-button:disabled{opacity:.5;cursor:not-allowed}.code-output__copy-icon{font-size:1rem}.code-output__content{padding:var(--spacing-m);max-height:500px;overflow-y:auto}.code-output__content::-webkit-scrollbar{width:8px}.code-output__content::-webkit-scrollbar-track{background:#0a0a0a}.code-output__content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.code-output__content::-webkit-scrollbar-thumb:hover{background:var(--ai-neon-green,#00ff41)}.code-output__pre{margin:0;padding:0;background:rgba(0,0,0,0)}.code-output__code{font-family:var(--font-mono);font-size:var(--p3-size);line-height:1.6;color:#a7a9be;white-space:pre-wrap;word-break:break-word}.code-output__code .keyword{color:#ff006e;font-weight:600}.code-output__code .string{color:#00ff41}.code-output__code .comment{color:#666;font-style:italic}.code-output__code .function{color:#4ecdc4}.code-output__code .number{color:#ff6b35}.code-output__code .operator{color:#8338ec}.code-output__cursor{display:inline-block;width:2px;height:1.2em;background:var(--ai-neon-green,#00ff41);margin-left:2px;animation:blink 1s step-end infinite}@media(max-width:768px){.code-output__content{max-height:400px}.code-output__code{font-size:var(--p4-size)}}.creative-text-generator{background:linear-gradient(135deg,rgba(255,0,110,.05),rgba(131,56,236,.05));border:1px solid var(--border-color);border-radius:var(--card-br-m);padding:var(--card-p-l);position:relative;overflow:hidden}.creative-text-generator:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,0,110,.1),transparent 30%);animation:rotate-glow 10s linear infinite;pointer-events:none}.creative-text-generator__header{position:relative;z-index:1;margin-bottom:var(--spacing-m)}.creative-text-generator__header .h3{background:linear-gradient(135deg,var(--ai-hot-pink,#ff006e),var(--ai-cyber-purple,#8338ec));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:var(--spacing-xs)}.creative-text-generator__header .p3{color:var(--text-secondary-color);opacity:.8}.creative-text-generator__type-selector{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-s);margin-bottom:var(--spacing-m)}.creative-text-generator__type-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-m);background:rgba(0,0,0,.3);border:2px solid var(--border-color);border-radius:var(--card-br-s);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.creative-text-generator__type-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,0,110,.2),transparent);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.creative-text-generator__type-button:hover:not(:disabled){border-color:var(--ai-hot-pink,#ff006e);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,0,110,.3)}.creative-text-generator__type-button:hover:not(:disabled):before{width:200%;height:200%}.creative-text-generator__type-button--active{border-color:var(--ai-hot-pink,#ff006e);background:rgba(255,0,110,.1);box-shadow:0 0 20px rgba(255,0,110,.3)}.creative-text-generator__type-button--active .creative-text-generator__type-icon{transform:scale(1.2)}.creative-text-generator__type-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.creative-text-generator__type-icon{font-size:2rem;transition:transform .3s ease}.creative-text-generator__type-label{font-family:var(--font-mono);font-size:var(--p4-size);color:var(--text-color);font-weight:500}.creative-text-generator__description{position:relative;z-index:1;padding:var(--spacing-s);background:rgba(0,0,0,.3);border-left:3px solid var(--ai-hot-pink,#ff006e);border-radius:var(--card-br-s);margin-bottom:var(--spacing-m);animation:fadeIn .3s ease}.creative-text-generator__description .p4{color:var(--text-secondary-color);font-style:italic}.creative-text-generator__generate-button{position:relative;z-index:1;width:100%;background:linear-gradient(135deg,var(--ai-hot-pink,#ff006e),var(--ai-cyber-purple,#8338ec));border:none;border-radius:var(--card-br-s);padding:.875rem 1.5rem;color:#fff;font-family:var(--font-mono);font-size:var(--p3-size);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden}.creative-text-generator__generate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.creative-text-generator__generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,0,110,.5)}.creative-text-generator__generate-button:hover:not(:disabled):before{left:100%}.creative-text-generator__generate-button:active:not(:disabled){transform:translateY(0)}.creative-text-generator__generate-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.creative-text-generator__generate-icon{font-size:1.25rem;animation:sparkle 2s ease-in-out infinite}.creative-text-generator__spinner{width:16px;height:16px;border:2px solid #fff;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.creative-text-generator{padding:var(--card-p-m)}.creative-text-generator__type-selector{grid-template-columns:1fr}.creative-text-generator__type-button{flex-direction:row;justify-content:flex-start;padding:var(--spacing-s)}.creative-text-generator__type-icon{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}@keyframes spin{to{transform:rotate(1turn)}}.creative-output{--type-color:var(--ai-hot-pink,#ff006e);margin-top:var(--spacing-m);background:rgba(0,0,0,.4);border:1px solid var(--type-color);border-radius:var(--card-br-m);padding:var(--spacing-m);animation:fadeInUp .5s ease;position:relative;overflow:hidden}.creative-output:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--type-color),transparent);animation:shimmer 2s ease-in-out infinite}.creative-output__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-m);padding-bottom:var(--spacing-s);border-bottom:1px solid hsla(0,0%,100%,.1)}.creative-output__type-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.25rem}.creative-output__type-label{font-family:var(--font-mono);font-size:var(--p4-size);color:var(--type-color);font-weight:600;text-transform:uppercase}.creative-output__copy-button{display:flex;align-items:center;gap:var(--spacing-xs);background:rgba(0,0,0,0);border:1px solid var(--border-color);border-radius:var(--card-br-s);padding:.5rem .875rem;color:var(--text-color);font-family:var(--font-mono);font-size:var(--p4-size);cursor:pointer;transition:all .2s ease}.creative-output__copy-button:hover:not(:disabled){border-color:var(--type-color);background:hsla(0,0%,100%,.05);color:var(--type-color)}.creative-output__copy-button:disabled{opacity:.5;cursor:not-allowed}.creative-output__copy-button span:first-child{font-size:1rem}.creative-output__content{position:relative}.creative-output__text{font-family:var(--font-body);font-size:var(--p2-size);line-height:1.8;color:var(--text-color);white-space:pre-wrap;word-break:break-word;margin:0}.creative-output__cursor{display:inline-block;width:2px;height:1.2em;background:var(--type-color);margin-left:2px;animation:blink 1s step-end infinite}@media(max-width:768px){.creative-output__text{font-size:var(--p3-size)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.metrics-showcase{width:100%;padding:2rem 0}.metrics-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.metrics-showcase__card{position:relative;padding:2rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;text-align:center;overflow:hidden;opacity:0;transform:translateY(30px);animation:fade-in-up .6s ease-out forwards;transition:all .3s cubic-bezier(.4,0,.2,1)}.metrics-showcase__card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.metrics-showcase__card:hover .metrics-showcase__glow{opacity:.15;transform:scale(1.5)}.metrics-showcase__value{font-size:clamp(3rem,6vw,4.5rem);font-weight:900;line-height:1;margin-bottom:.5rem;font-family:var(--font-mono);text-shadow:0 0 20px currentColor}.metrics-showcase__unit{font-size:.5em;opacity:.8;margin-left:.2em}.metrics-showcase__label{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.metrics-showcase__description{font-size:.875rem;opacity:.7;line-height:1.4}.metrics-showcase__glow{position:absolute;top:50%;left:50%;width:200px;height:200px;border-radius:50%;transform:translate(-50%,-50%);opacity:.05;filter:blur(60px);pointer-events:none;transition:all .6s ease}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.metrics-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metrics-showcase__card{padding:1.5rem}.metrics-showcase__value{font-size:clamp(2.5rem,8vw,3.5rem)}}.floating-cta{position:fixed;bottom:2rem;right:2rem;z-index:1000;cursor:pointer;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--ai-primary),var(--ai-secondary));color:#000;padding:1rem;border-radius:50px;box-shadow:0 4px 20px rgba(0,255,65,.4),0 0 40px rgba(0,255,65,.2);transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(100px) scale(.8);opacity:0;pointer-events:none;overflow:hidden}.floating-cta--visible{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.floating-cta--expanded{padding:1rem 1.5rem;box-shadow:0 8px 30px rgba(0,255,65,.5),0 0 60px rgba(0,255,65,.3),inset 0 0 20px hsla(0,0%,100%,.2);transform:translateY(-4px) scale(1.05)}.floating-cta--expanded .floating-cta__text{max-width:200px;opacity:1}.floating-cta--expanded .floating-cta__glow{opacity:1}.floating-cta:active{transform:translateY(0) scale(.95)}.floating-cta__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.floating-cta__icon svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.floating-cta__text{font-family:var(--font-mono);font-weight:700;font-size:.95rem;letter-spacing:.02em;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.floating-cta__glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--ai-primary),var(--ai-secondary));border-radius:inherit;opacity:0;filter:blur(10px);z-index:-1;transition:opacity .4s ease;animation:rotate-glow 3s linear infinite}.floating-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:shimmer-cta 3s linear infinite}.floating-cta:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;opacity:.5;animation:pulse-ring 2s ease-out infinite}@keyframes shimmer-cta{0%{transform:rotate(45deg) translateX(-200%)}to{transform:rotate(45deg) translateX(200%)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:0}}@keyframes rotate-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.floating-cta{bottom:1rem;right:1rem;padding:.875rem}.floating-cta--expanded{padding:.875rem 1.25rem}.floating-cta__text{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.floating-cta .floating-cta__glow,.floating-cta:after,.floating-cta:before{animation:none}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;z-index:9999;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);overflow:visible}.scroll-progress__bar{height:100%;background:linear-gradient(90deg,var(--ai-primary) 0,var(--ai-highlight) 25%,var(--ai-secondary) 50%,var(--ai-accent) 75%,var(--ai-warning) 100%);background-size:200% 100%;animation:gradient-flow 3s linear infinite;position:relative;transition:width .1s ease-out;box-shadow:0 0 20px currentColor,0 0 40px currentColor}.scroll-progress__bar:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px var(--ai-primary),0 0 30px var(--ai-primary);animation:pulse-dot 1s ease-in-out infinite}.scroll-progress__glow{position:absolute;inset:-2px;background:inherit;filter:blur(8px);opacity:.6;z-index:-1}.scroll-progress__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.scroll-progress__particle{position:absolute;top:50%;width:3px;height:3px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:particle-trail 1s ease-out infinite;box-shadow:0 0 5px #fff,0 0 10px var(--ai-primary)}@keyframes gradient-flow{0%{background-position:0 0}to{background-position:200% 0}}@keyframes pulse-dot{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.5);opacity:.8}}@keyframes particle-trail{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(20px)}}@media(prefers-reduced-motion:reduce){.scroll-progress__bar{animation:none;background:var(--ai-primary)}.scroll-progress__bar:after{animation:none}.scroll-progress__particle{display:none}}