*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1e1e2e;--surface:#181825;--bar:#11111b;--border:#313244;--green:#a6e3a1;--dim-green:#94e2d5;--text:#cdd6f4;--muted:#45475a;--muted-bright:#6c7086;--error:#f38ba8;--yellow:#f9e2af;--cyan:#89dceb}html,body,#root{height:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.6;overflow:hidden}.terminal-wrapper{height:100vh}.terminal{background:var(--surface);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.terminal-bar{background:var(--bar);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.bar-title{text-align:center;color:var(--muted-bright);flex:1;margin-right:36px;font-size:12px}.terminal-body{cursor:text;flex:1;padding:16px 20px;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.prompt-user{color:var(--cyan)}.prompt-sep{color:var(--muted-bright)}.prompt-dir{color:var(--yellow)}.prompt-sym{color:var(--green)}.history-input{word-break:break-all;flex-wrap:wrap;display:flex}.history-cmd{color:var(--text)}.output-line{margin:4px 0 14px 2px}.input-line{align-items:center;margin-top:2px;display:flex}.terminal-input{color:var(--text);font-family:inherit;font-size:inherit;caret-color:var(--green);background:0 0;border:none;outline:none;flex:1;min-width:0}.block{flex-direction:column;gap:3px;display:flex}.spacer{height:6px}.label{color:var(--green);margin-bottom:4px;font-weight:700}.muted{color:var(--muted-bright)}.error{color:var(--error)}.c-cyan{color:var(--cyan)}.c-yellow{color:var(--yellow)}.hint{color:var(--muted);margin-top:8px;font-size:12px}.cmd-table{border-collapse:collapse}.cmd-table td{vertical-align:top;padding:1px 0}.cmd-table td:first-child{color:var(--cyan);min-width:110px;padding-right:20px}.skill-group{margin-top:6px}.category{color:var(--yellow)}.project{border-left:2px solid var(--border);margin-top:10px;padding-left:12px}.project-name{color:var(--cyan);font-weight:700}.tech-stack{color:var(--muted-bright);margin-top:2px;font-size:12px}.project-url{color:var(--dim-green);font-size:12px}.contact-key{color:var(--yellow);min-width:100px;display:inline-block}.banner-name{color:var(--green);letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:700}.banner-sub{color:var(--muted-bright)}.banner-rule{color:var(--border)}.banner-tip{color:var(--muted-bright)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;width:100%;max-width:860px;height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c}.resume-frame{background:var(--surface);border:none;flex:1;width:100%}@media (width<=600px){body{font-size:13px}}