@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1714;--bg2:#221f1b;--bg3:#2a2621;--border:#ffdc961a;--amber:#e8c87a;--amber-dim:#a8904a;--amber-bright:#f5d98a;--cream:#d4c9a8;--green:#7ab87a;--red:#c87a7a;--blue:#7aaec8;--text-dim:#6a6050;--font-mono:"IBM Plex Mono", monospace}html,body,#root{width:100%;height:100%;font-family:var(--font-mono);background:#0f0e0c;font-size:13px;line-height:1.6;overflow:hidden}.stage{box-sizing:border-box;background:#0f0e0c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex}.app{background:var(--bg);transform-origin:50%;border:.5px solid #ffdc962e;border-radius:10px;flex-direction:column;flex-shrink:0;width:960px;min-width:960px;max-width:960px;height:720px;min-height:720px;max-height:720px;animation:2.5s cubic-bezier(.16,1,.3,1) forwards terminalOpen;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0009,0 32px 80px #000000b3,0 0 60px #e8c87a0a}@keyframes terminalOpen{0%{opacity:0;clip-path:inset(4% 2% round 10px);transform:scale(.92)translateY(12px)}40%{opacity:1}to{opacity:1;clip-path:inset(0% round 10px);transform:scale(1)translateY(0)}}.titlebar{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot-r{background:#c87a7a}.dot-y{background:#c8a87a}.dot-g{background:#7ab87a}.titlebar-label{color:var(--text-dim);letter-spacing:.05em;margin-left:8px;font-size:11px}.output-area{scroll-behavior:smooth;flex:1;min-height:0;padding:20px 20px 12px;overflow:hidden auto}.output-area::-webkit-scrollbar{width:4px}.output-area::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.input-row{background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;display:flex}.prompt-label{color:var(--amber);white-space:nowrap;font-size:12px}.cmd-input{color:var(--amber-bright);font-family:var(--font-mono);caret-color:var(--amber);background:0 0;border:none;outline:none;flex:1;font-size:13px}.line{margin-bottom:2px}.o-br{height:6px;display:block}.o-amber{color:var(--amber)}.o-amber-dim{color:var(--amber-dim)}.o-cream{color:var(--cream)}.o-dim{color:var(--text-dim)}.o-green{color:var(--green)}.o-red{color:var(--red)}.o-blue{color:var(--blue)}.o-bold{font-weight:500}.hint-row{flex-wrap:wrap;gap:6px;margin:10px 0 4px;display:flex}.hint-chip{background:var(--bg3);color:var(--amber-dim);border:.5px solid var(--border);cursor:pointer;font-size:11px;font-family:var(--font-mono);border-radius:20px;padding:3px 10px;transition:all .15s}.hint-chip:hover{color:var(--amber);background:#e8c87a1a;border-color:#e8c87a4d}.project-card{border:.5px solid var(--border);background:var(--bg2);border-radius:6px;margin:6px 0 10px;padding:12px 14px}.project-title{color:var(--amber-bright);margin-bottom:4px;font-size:14px;font-weight:500}.project-desc{color:var(--cream);margin-bottom:8px;line-height:1.55}.project-meta{color:var(--text-dim);font-size:11px}.badge{vertical-align:middle;border-radius:3px;margin:0 3px 0 0;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.badge-amber{color:var(--amber);background:#e8c87a26;border:.5px solid #e8c87a4d}.badge-green{color:var(--green);background:#7ab87a1f;border:.5px solid #7ab87a40}.badge-blue{color:var(--blue);background:#7aaec81f;border:.5px solid #7aaec840}.badge-dim{color:var(--text-dim);background:#ffffff0d;border:.5px solid #ffffff14}.skill-bar-row{align-items:center;gap:10px;margin:3px 0;display:flex}.skill-name{color:var(--cream);min-width:180px;font-size:12px}.skill-track{background:var(--bg3);border-radius:2px;flex:1;height:3px;overflow:hidden}.skill-fill{border-radius:2px;height:100%;transition:width .6s}.skill-fill.high{background:var(--amber)}.skill-fill.mid{background:var(--amber-dim)}.skill-fill.low{background:var(--text-dim)}.cmd-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:4px 0}.cmd-table td{vertical-align:top;word-break:break-word;padding:3px 16px 3px 0}.cmd-table td:first-child{color:var(--amber);white-space:nowrap;min-width:160px;max-width:200px}.cmd-table td:last-child{color:var(--text-dim)}.rule{border:none;border-top:1px solid var(--border);margin:10px 0}.boot-line{opacity:0;animation:.3s forwards fadein}@keyframes fadein{to{opacity:1}}.terminal-link{color:var(--blue);border-bottom:.5px solid #7aaec84d;text-decoration:none;transition:border-color .15s}.terminal-link:hover{border-color:var(--blue)}.cmd-strip{border-top:.5px solid var(--border);background:var(--bg2);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:7px 16px;display:flex}.strip-chip{color:var(--text-dim);cursor:pointer;font-size:11px;font-family:var(--font-mono);border:.5px solid #ffdc9614;border-radius:4px;padding:2px 8px;transition:all .12s}.strip-chip:hover{color:var(--amber);background:#e8c87a12;border-color:#e8c87a33}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:6px 0 10px;display:grid}.metric-card{background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:10px 12px}.metric-value{color:var(--amber-bright);margin-bottom:2px;font-size:20px;font-weight:500}.metric-label{color:var(--cream);font-size:11px;line-height:1.4}.metric-sub{color:var(--text-dim);margin-top:2px;font-size:10px}.mobile-warning{background:var(--bg);justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.mobile-card{border:.5px solid var(--border);text-align:center;background:var(--bg2);border-radius:10px;max-width:320px;padding:28px 24px}.mobile-title{color:var(--amber-bright);letter-spacing:.05em;margin-bottom:10px;font-size:18px;font-weight:500}.mobile-sub{color:var(--text-dim);margin-bottom:16px;font-size:13px;line-height:1.6}.mobile-divider{border:none;border-top:.5px solid var(--border);margin-bottom:16px}.mobile-link-row{justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.o-amber-bright{color:var(--amber-bright)}