@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--font: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--bg-app: #1a1a1a;--bg-terminal: #1e1e1e;--bg-topbar: #2d2d2d;--border-color: #3a3a3a;--text-primary: #e8e8e8;--text-dim: #888;--text-prompt: #7ee787;--text-accent: #79c0ff;--text-input-echo: #cdd9e5;--text-welcome: #cdd9e5;--scrollbar-thumb: #444;--scrollbar-track: #1e1e1e;--btn-resume-bg: #238636;--btn-resume-hover: #2ea043;--btn-github-bg: #30363d;--btn-github-hover: #3d444d;--btn-linkedin-bg: #0a66c2;--btn-linkedin-hover: #0d76d3}.light{--bg-app: #f5f5f7;--bg-terminal: #ffffff;--bg-topbar: #e8e8e8;--border-color: #d1d1d6;--text-primary: #1c1c1e;--text-dim: #6e6e73;--text-prompt: #1a7f37;--text-accent: #0969da;--text-input-echo: #24292f;--text-welcome: #24292f;--scrollbar-thumb: #c7c7cc;--scrollbar-track: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-app);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;transition:background-color .3s ease;background-color:var(--bg-app)}.app-main{width:100%;max-width:860px;display:flex;flex-direction:column;gap:16px}.terminal-window{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #00000080,0 4px 16px #0000004d;display:flex;flex-direction:column;min-height:480px;max-height:75vh;transition:background-color .3s ease,border-color .3s ease}.mac-top-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--bg-topbar);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-shrink:0}.traffic-lights{display:flex;gap:8px}.traffic-btn{width:13px;height:13px;border-radius:50%;border:none;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:filter .15s ease}.traffic-btn:hover{filter:brightness(.85)}.traffic-icon{font-size:7px;color:#0009;line-height:1;transition:opacity .15s ease}.top-bar-title{flex:1;text-align:center;font-size:12px;color:var(--text-dim);letter-spacing:.02em}.top-bar-spacer{width:55px}.terminal-body{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:16px;gap:8px}.terminal-history{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.terminal-history::-webkit-scrollbar{width:6px}.terminal-history::-webkit-scrollbar-track{background:var(--scrollbar-track)}.terminal-history::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.history-entry{display:flex;flex-direction:column;gap:4px}.prompt-line{display:flex;gap:8px;flex-wrap:wrap}.prompt{color:var(--text-prompt);font-weight:700;font-size:13px;white-space:nowrap}.input-echo{color:var(--text-input-echo);font-size:13px}.output-lines{padding-left:4px}.output-line{color:var(--text-primary);font-family:var(--font);font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.welcome-text{color:var(--text-welcome);font-size:13px;line-height:1.7}.welcome-text .accent{color:var(--text-accent);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease forwards}.terminal-input-row{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-top:4px;border-top:1px solid var(--border-color)}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font);font-size:13px;caret-color:var(--text-prompt)}.terminal-input:focus{caret-color:var(--text-prompt)}.output-line--jsx{padding:2px 0}.proj-links-row{display:flex;flex-wrap:wrap;gap:10px;padding-left:4px}.proj-link{display:inline-block;color:#3b82f6;text-decoration:none;font-family:var(--font);font-size:13px;border:1px solid #3B82F6;padding:3px 10px;border-radius:4px;transition:background-color .15s ease,color .15s ease;cursor:pointer}.proj-link:hover{background-color:#3b82f6;color:#fff}.proj-link--disabled{color:var(--text-dim);border-color:var(--text-dim);cursor:not-allowed;opacity:.45}.proj-link--disabled:hover{background-color:transparent;color:var(--text-dim)}.contact-link-row{display:flex;align-items:center;gap:0;padding:1px 0}.contact-label{color:var(--text-primary);font-family:var(--font);font-size:13px;white-space:pre}.contact-link-row .proj-link{font-size:13px;padding:1px 8px}.recruiter-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.recruiter-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;font-family:var(--font);font-size:13px;font-weight:500;text-decoration:none;color:#fff;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;letter-spacing:.02em}.recruiter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.recruiter-btn:active{transform:translateY(0)}.resume-btn{background-color:var(--btn-resume-bg)}.resume-btn:hover{background-color:var(--btn-resume-hover)}.github-btn{background-color:var(--btn-github-bg)}.github-btn:hover{background-color:var(--btn-github-hover)}.linkedin-btn{background-color:var(--btn-linkedin-bg)}.linkedin-btn:hover{background-color:var(--btn-linkedin-hover)}@media(max-width:600px){.app-root{padding:16px 10px;align-items:flex-start}.terminal-window{min-height:60vh;max-height:70vh;border-radius:10px}.output-line,.welcome-text,.prompt,.input-echo,.terminal-input{font-size:12px}.recruiter-bar{gap:8px}.recruiter-btn{flex:1;justify-content:center;padding:9px 12px;font-size:12px}}