/* lrx.sh */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #1e1e2e; color: #cdd6f4; font-family: 'Fira Code', monospace; line-height: 1.5; }
.hero { min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 2rem; }
.terminal { background: #313244; border-radius: 8px; overflow: hidden; max-width: 600px; width: 100%; }
.title-bar { padding: 10px 16px; display: flex; align-items: center; gap: 12px; background: #313244; }
.dots { display: flex; gap: 6px; }
.dot { width: 12px; height: 12px; border-radius: 50%; }
.dot.red { background: #f38ba8; }
.dot.yellow { background: #f9e2af; }
.dot.green { background: #a6e3a1; }
.title-text { font-family: 'Inter', sans-serif; font-size: 0.65rem; color: #585b70; }
.terminal-body { background: #1e1e2e; padding: 20px; }
.line { font-size: 0.8rem; margin-bottom: 0.3rem; }
.prompt { color: #a6e3a1; }
.cmd { color: #cdd6f4; }
.flag { color: #89b4fa; }
.str { color: #f9e2af; }
.output { color: #cdd6f4; opacity: 0.8; }
.success { color: #a6e3a1; }
.error { color: #f38ba8; }
.comment { color: #585b70; }
.cursor { display: inline-block; width: 8px; height: 16px; background: #a6e3a1; animation: blink 1s step-end infinite; }
@keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: 0; } }
.manpage-header { color: #cdd6f4; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.8rem; }
.flag-row { display: flex; justify-content: space-between; font-size: 0.75rem; margin-bottom: 0.25rem; }
.flag-desc { color: #585b70; }
.commands, .reference, .exit { padding: 1rem 2rem; display: flex; justify-content: center; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }