*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}body{background:#0d0d0d;justify-content:center;align-items:center;height:100svh;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.terminal{cursor:text;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:12px;flex-direction:column;width:100%;max-width:620px;max-height:calc(100svh - 48px);display:flex;overflow:hidden;box-shadow:0 0 0 1px #111,0 40px 80px #000c,0 0 60px #00ff7808}.terminal-bar{background:#252525;border-bottom:1px solid #2e2e2e;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.bar-title{color:#555;letter-spacing:.5px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.terminal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px 24px;display:flex;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.prompt-line{flex-wrap:wrap;align-items:center;gap:0;font-size:14px;display:flex}.user{color:#5af78e}.at{color:#555}.host{color:#57c7ff}.symbol{color:#555;white-space:pre}.cmd-echo{color:#f3f3f3}.terminal-input{color:#f3f3f3;font:inherit;caret-color:#5af78e;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.terminal-input::placeholder{color:#3a3a3a;animation:2s ease-in-out infinite placeholder-pulse}@keyframes placeholder-pulse{0%,to{color:#3a3a3a}50%{color:#555}}.prompt-line.active{background:#5af78e08;border-radius:4px;margin:0 -4px;padding:2px 4px}.history-entry{flex-direction:column;gap:8px;display:flex}.output-block{flex-direction:column;gap:6px;padding-left:2px;display:flex}.output-line{color:#aaa;font-size:14px;line-height:1.6}.white-text{color:#f3f3f3}.accent-text{color:#57c7ff}.green-text{color:#5af78e}.muted-text{color:#555;font-size:13px}.error-text{color:#ff5f57}.bold{font-weight:600}.photo{object-fit:cover;object-position:top;border:1px solid #333;border-radius:8px;width:120px;height:120px;margin-top:4px;display:block}.info-table{border-collapse:collapse;margin-top:2px;font-size:14px}.info-table td{vertical-align:top;padding:3px 0;line-height:1.6}.label-cell{color:#555;white-space:nowrap;min-width:100px;padding-right:24px}.value-cell{color:#d4d4d4}.info-table th{vertical-align:top;text-align:left;padding:3px 0;font-weight:400;line-height:1.6}@media (width<=480px){body{background:#1a1a1a;height:100dvh;overflow:hidden}#root{flex-direction:column;justify-content:stretch;align-items:stretch;height:100dvh;padding:0}.terminal{box-shadow:none;border:none;border-radius:0;flex:1;max-width:100%;height:100%;max-height:none}.terminal-body{padding:16px}.label-cell{min-width:80px;padding-right:16px}}.tag-list{flex-wrap:wrap;gap:8px;margin-top:4px;padding:0;list-style:none;display:flex}.tag{color:#57c7ff;background:#57c7ff0f;border:1px solid #1e3a4a;border-radius:4px;padding:2px 10px;font-size:13px}