:root{--bg-color: #0b0e14;--text-color: #e6edf3;--prompt-color: #79c0ff;--accent-color: #1f6feb;--border-color: #30363d;--header-bg: #161b22;--cursor-color: #79c0ff;--font-main: "Fira Code", monospace;--glow-opacity: .5}[data-theme=matrix]{--bg-color: #0a0a0a;--text-color: #00ff41;--prompt-color: #00ff41;--accent-color: #008f11;--border-color: #003b00;--header-bg: #050505;--cursor-color: #00ff41}[data-theme=retro-amber]{--bg-color: #1a1500;--text-color: #ffb000;--prompt-color: #ffb000;--accent-color: #996900;--border-color: #4d3500;--header-bg: #0f0d00;--cursor-color: #ffb000}[data-theme=panic]{--bg-color: #300000;--text-color: #ff5f56;--prompt-color: #ff5f56;--accent-color: #ff0000;--border-color: #600000;--header-bg: #400000;--cursor-color: #ff5f56}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:background-color .3s ease,color .3s ease;opacity:0;animation:fadeInBody .5s ease forwards}@keyframes fadeInBody{to{opacity:1}}#app{width:90vw;height:90vh;max-width:1000px;position:relative;display:flex;flex-direction:column;padding-bottom:80px}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:10;background-size:100% 2px,3px 100%;pointer-events:none;opacity:.15}.terminal-container{flex:1;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;overflow:hidden;position:relative}.terminal-header{background-color:var(--header-bg);padding:8px 16px;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.terminal-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.terminal-title{flex:1;text-align:center;font-size:.8rem;opacity:.7}.terminal-output{flex:1;padding:20px;overflow-y:auto;font-size:1rem;line-height:1.6;scroll-behavior:smooth}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:var(--bg-color)}.terminal-output::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.terminal-input-line{display:flex;align-items:center;padding:10px 20px;background-color:#0000001a}.prompt{color:var(--prompt-color);margin-right:10px;white-space:nowrap}#terminal-input{background:transparent;border:none;color:var(--text-color);font-family:var(--font-main);font-size:1rem;width:100%;outline:none}.dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#161b1be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 25px;border-radius:40px;border:1px solid var(--border-color);z-index:20;transition:opacity .3s ease;animation:fadeInDock .8s ease .5s forwards;box-shadow:0 10px 30px #00000080}@keyframes fadeInDock{to{opacity:1}}.dock button{background:transparent;border:none;color:var(--text-color);font-size:1.8rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.dock button:hover{transform:scale(1.4) translateY(-10px)}.avatar-icon{width:40px;height:40px;image-rendering:auto;border-radius:50%;border:1px solid var(--border-color);object-fit:cover}.punk-btn{padding:0}@keyframes blink{0%{border-right-color:var(--cursor-color)}50%{border-right-color:transparent}to{border-right-color:var(--cursor-color)}}.typing{white-space:pre-wrap;border-right:2px solid var(--cursor-color);animation:blink 1s step-end infinite}.command-output{margin-bottom:12px;opacity:0;animation:reveal .3s ease forwards;white-space:pre-wrap}.code{font-family:var(--font-main);background:#0003;padding:10px;border-radius:4px;border-left:3px solid var(--accent-color);margin-top:5px}.code .key{color:var(--prompt-color)}.code .string{color:#a5d6ff}[data-theme=matrix] .code .string{color:#00ff41;opacity:.8}[data-theme=retro-amber] .code .string{color:#ffb000;opacity:.8}.about-card{display:flex;align-items:center;gap:20px;background:#ffffff0d;padding:15px;border-radius:8px;border-left:4px solid var(--accent-color);white-space:normal;margin:10px 0}.about-avatar{width:80px;height:80px;border-radius:50%;border:2px solid var(--accent-color);object-fit:cover}.about-text{flex:1;font-size:1rem}@keyframes reveal{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}.command-line{color:var(--prompt-color);font-weight:700}.error{color:#ff7b72}.terminal-link{color:var(--accent-color);text-decoration:underline;cursor:pointer}.terminal-link:hover{filter:brightness(1.2);text-shadow:0 0 5px var(--accent-color)}.success{color:#7ee787}.terminal-glitch{animation:glitch-shake .1s infinite;filter:hue-rotate(90deg) contrast(1.5)}@keyframes glitch-shake{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}@media(max-width:600px){#app{width:95vw;height:90vh}.terminal-title{display:none}.prompt,#terminal-input{font-size:.8rem}.dock{gap:10px;padding:8px 15px}}.copied-tooltip{position:fixed;background:var(--accent-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;pointer-events:none;z-index:1000;animation:fadeOutTooltip 1.2s ease-out forwards;box-shadow:0 2px 10px #0000004d;font-family:var(--font-main)}@keyframes fadeOutTooltip{0%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(-10px)}80%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-20px)}}