*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: rgb(69, 78, 191);--bg-dark: rgb(5, 7, 15);--bg-black: rgb(8, 10, 18);--accent-cyan: #00ffff;--accent-magenta: #ff00ff;--accent-pink: #ff0080;--accent-blue: #0080ff;--text-primary: #e0e0e0;--text-glow: #00ffff;--border-glow: rgba(0, 255, 255, .6);--discord-accent: var(--accent-cyan)}body{font-family:Courier New,monospace;background:#000;color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(69,78,191,.15) 100%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#00ffff05 50%);background-size:100% 4px;pointer-events:none;z-index:1;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.container{max-width:800px;width:100%;position:relative;z-index:2}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:var(--accent-cyan);border-radius:50%;animation:float-particle 10s infinite;box-shadow:0 0 5px var(--accent-cyan)}@keyframes float-particle{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(100px);opacity:0}}:root.theme-default{--bg-primary: rgb(69, 78, 191);--bg-dark: rgb(5, 7, 15);--bg-black: rgb(8, 10, 18);--accent-cyan: #00ffff;--accent-magenta: #ff00ff;--accent-pink: #ff0080;--accent-blue: #0080ff;--text-primary: #e0e0e0;--text-glow: #00ffff;--border-glow: rgba(0, 255, 255, .6);--status-online: #00ff00;--status-idle: #ffff00;--status-dnd: #ff0000;--status-offline: #808080}:root.theme-neon-green{--bg-primary: rgb(0, 50, 0);--bg-dark: rgb(0, 10, 0);--bg-black: rgb(0, 5, 0);--accent-cyan: #00ff99;--accent-magenta: #ffff00;--accent-pink: #00ff00;--accent-blue: #00ff99;--text-primary: #00ff00;--text-glow: #00ff99;--border-glow: rgba(0, 255, 153, .6);--status-online: #00ff00;--status-idle: #ffff00;--status-dnd: #ff0000;--status-offline: #808080}:root.theme-synthwave{--bg-primary: rgb(40, 15, 50);--bg-dark: rgb(15, 5, 25);--bg-black: rgb(10, 2, 20);--accent-cyan: #fb5607;--accent-magenta: #ff006e;--accent-pink: #ff006e;--accent-blue: #8338ec;--text-primary: #ffb703;--text-glow: #ff006e;--border-glow: rgba(255, 0, 110, .6);--status-online: #fb5607;--status-idle: #ffb703;--status-dnd: #ff006e;--status-offline: #666666}:root.theme-tech-blue{--bg-primary: rgb(10, 30, 60);--bg-dark: rgb(5, 15, 30);--bg-black: rgb(2, 8, 20);--accent-cyan: #00d4ff;--accent-magenta: #0080ff;--accent-pink: #0080ff;--accent-blue: #00d4ff;--text-primary: #ffffff;--text-glow: #00d4ff;--border-glow: rgba(0, 212, 255, .6);--status-online: #00ff00;--status-idle: #ffff00;--status-dnd: #ff0000;--status-offline: #808080}:root{transition:--bg-primary .3s ease,--accent-cyan .3s ease,--text-primary .3s ease,--border-glow .3s ease}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.terminal{background:#000000d9;border:2px solid var(--border-glow);border-radius:10px;padding:0;box-shadow:0 0 40px #0ff6,0 0 80px #454ebf4d,inset 0 0 60px #00ffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.terminal.neon-cat-mode{border-color:#ff4fd8;box-shadow:0 0 24px #ff4fd8d9,0 0 48px #4fffe8a6,0 0 72px #755fff8c,inset 0 0 60px #ff6fee1f;animation:neonCatHueShift 1.4s linear infinite;position:relative}.terminal.neon-cat-mode:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,#ff4fd814,#4fffe814,#ffe75214,#755fff14);background-size:300% 300%;animation:neonCatGradientShift 1.8s linear infinite}.terminal-header{display:flex;align-items:center;gap:8px;padding:15px 20px;background:#0006;border-bottom:1px solid rgba(0,255,255,.3);flex-shrink:0;cursor:grab;-webkit-user-select:none;user-select:none}.terminal-header:active{cursor:grabbing}.terminal-btn{width:12px;height:12px;border-radius:50%;transition:transform .2s ease;cursor:pointer}.terminal-btn:hover{transform:scale(1.2)}.btn-close{background:#ff0080;box-shadow:0 0 10px #ff0080}.btn-minimize{background:#ff0;box-shadow:0 0 10px #ff0}.btn-maximize{background:#0f0;box-shadow:0 0 10px #0f0}.terminal-body{padding:40px 30px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.content{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 768px){.terminal-body{padding:30px 20px}}@keyframes neonCatHueShift{0%{filter:hue-rotate(0deg) saturate(1.15)}50%{filter:hue-rotate(180deg) saturate(1.35)}to{filter:hue-rotate(360deg) saturate(1.15)}}@keyframes neonCatGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 0}.avatar-container{position:relative;width:240px;height:240px;flex-shrink:0;animation:float 3s ease-in-out infinite}.avatar-wrapper{width:100%;height:100%;position:relative;display:grid;place-items:center}.avatar{width:200px;height:200px;border-radius:50%;position:relative;z-index:2;grid-area:1 / 1}.avatar-border{width:240px;height:240px;position:relative;z-index:1;animation:rotate 20s linear infinite;filter:drop-shadow(0 0 20px var(--accent-cyan));grid-area:1 / 1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.avatar-container{width:180px;height:180px}.avatar{width:150px;height:150px}.avatar-border{width:180px;height:180px}}.title-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.glitch{font-size:3rem;font-weight:700;text-transform:uppercase;position:relative;display:inline-block;text-shadow:0 0 10px var(--text-glow),0 0 20px var(--text-glow),0 0 30px var(--text-glow);letter-spacing:5px;line-height:1.2}.glitch:before{content:attr(data-text);position:absolute;left:0;text-shadow:2px 0 var(--accent-magenta);top:0;color:var(--text-primary);overflow:hidden;width:100%;clip:rect(0,900px,0,0);animation:glitch-anim 8s infinite linear alternate-reverse}.glitch:after{content:attr(data-text);position:absolute;left:0;text-shadow:-2px 0 var(--accent-cyan);top:0;color:var(--text-primary);overflow:hidden;width:100%;clip:rect(0,900px,0,0);animation:glitch-anim 6s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0)}10%{clip:rect(42px,9999px,44px,0)}15%{clip:rect(12px,9999px,59px,0)}20%{clip:rect(12px,9999px,59px,0)}30%{clip:rect(48px,9999px,29px,0)}40%{clip:rect(48px,9999px,29px,0)}50%{clip:rect(63px,9999px,27px,0)}60%{clip:rect(63px,9999px,27px,0)}70%{clip:rect(34px,9999px,55px,0)}80%{clip:rect(34px,9999px,55px,0)}90%{clip:rect(26px,9999px,60px,0)}to{clip:rect(26px,9999px,60px,0)}}.subtitle{font-size:1.2rem;color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan);line-height:1.4}.prompt-section{width:100%;max-width:500px}.prompt{text-align:left;font-size:1rem;padding:15px;background:#0000004d;border-left:3px solid var(--accent-cyan);border-radius:5px;width:100%}.prompt:before{content:"> ";color:var(--accent-magenta);font-weight:700}.typing{overflow:hidden;border-right:2px solid var(--accent-cyan);white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-cyan)}}@media (max-width: 768px){.glitch{font-size:2rem}}.social-section{width:100%;display:flex;justify-content:center}.social-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.social-btn{padding:10px 20px;background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);text-decoration:none;border-radius:5px;transition:all .3s ease;text-transform:uppercase;font-family:Courier New,monospace;font-weight:700;position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}.social-btn:hover:before{left:100%}.social-btn:hover{background:#00ffff1a;box-shadow:0 0 20px var(--accent-cyan);transform:translateY(-2px)}.spotify-section{margin:2rem 0;padding:1.5rem;border:1px solid rgba(0,255,255,.3);border-radius:4px;background:linear-gradient(135deg,#00ffff0d,#ff00800d);box-shadow:inset 0 0 20px #00ffff1a,0 0 20px #00ffff0d}.spotify-content{position:relative;z-index:1}.spotify-status{display:flex;align-items:center;gap:1rem;font-family:Courier New,monospace;color:#0ff;transition:all .3s ease}.spotify-status.playing{color:#0f0}.spotify-status.playing .album-art{animation:pulse-glow 2s ease-in-out infinite}.spotify-status.idle{color:#f80;opacity:.7}.spotify-status.error{color:#ff0080}.album-art{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,255,.5);background:#001428cc}.album-art img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#fffc;text-shadow:0 0 10px rgba(0,255,255,.8);animation:pulse 1.5s ease-in-out infinite}.status-icon{font-size:1.5rem;margin-right:.5rem;animation:blink 1s ease-in-out infinite}.spotify-status.playing .status-icon{animation:pulse 1.5s ease-in-out infinite}.spotify-status.idle .status-icon{animation:slow-blink 2s ease-in-out infinite;opacity:.7}.track-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.spotify-progress{margin-top:.35rem;display:flex;flex-direction:column;gap:.2rem}.spotify-progress-bar{width:100%;height:5px;border-radius:999px;background:#ffffff2e;overflow:hidden}.spotify-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#0f8,#0ff);box-shadow:0 0 8px #00ffaab3;transition:width .2s linear}.spotify-progress-time{font-size:.72rem;opacity:.82;letter-spacing:.03em}.track-name{font-size:1rem;font-weight:700;color:#0ff;text-decoration:none;transition:all .2s ease;word-break:break-word}.track-name:hover{color:#0f0;text-shadow:0 0 10px #00ff00}.spotify-status.idle .track-name{color:#f80;cursor:default}.spotify-status.idle .track-name:hover{color:#f80;text-shadow:none}.artist-name{font-size:.85rem;color:#0ff;opacity:.8;word-break:break-word}.spotify-status.idle .artist-name{color:#f80;opacity:.6}.status-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00ffff80,inset 0 0 10px #0ff3}50%{box-shadow:0 0 20px #0ffc,inset 0 0 15px #0ff6}}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes slow-blink{0%,to{opacity:.6}50%{opacity:.3}}@media (max-width: 600px){.spotify-section{padding:1rem;margin:1.5rem 0}.album-art{width:60px;height:60px}.track-name{font-size:.9rem}.artist-name{font-size:.75rem}.spotify-progress-time{font-size:.68rem}.status-badge{font-size:1.2rem}}.terminal-section{width:100%;margin-top:30px;padding:20px 0}.terminal-window{background:#0009;border:1px solid var(--border-glow);border-radius:6px;padding:15px;display:flex;flex-direction:column;height:350px;font-family:Courier New,monospace;font-size:.9em;color:var(--text-primary)}.terminal-output{flex:1;overflow-y:auto;margin-bottom:10px;line-height:1.6;word-break:break-word;white-space:pre-wrap;padding-right:5px}.terminal-input-wrapper{display:flex;align-items:center;gap:5px;flex-shrink:0;border-top:1px solid rgba(0,255,255,.2);padding-top:10px}.terminal-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:Courier New,monospace;font-size:16px;outline:none;padding:5px 0}.terminal-input::placeholder{color:var(--text-primary);opacity:.5}.terminal-input:focus{border:none;outline:none;color:var(--accent-cyan)}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#00ffff0d;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#0ffc}.discord-status{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:34px;margin-top:0;padding:8px 14px;font-size:.85em;color:var(--text-primary);font-family:Courier New,monospace;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);background:color-mix(in srgb,var(--discord-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--discord-accent) 35%,transparent);border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.5px;font-weight:500}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--status-offline);animation:statusPulse 2s infinite;flex-shrink:0}.status-dot.online{background:var(--status-online);box-shadow:0 0 12px var(--status-online)}.status-dot.idle{background:var(--status-idle);box-shadow:0 0 12px var(--status-idle)}.status-dot.dnd{background:var(--status-dnd);box-shadow:0 0 12px var(--status-dnd)}.status-dot.offline{background:var(--status-offline);box-shadow:none;opacity:.6}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{white-space:nowrap}
