:root,[data-color-scheme=amber]{--primary-color: #FFB000;--glow-color: #FFC940;--dim-color: #CC8800;--darker-color: #996600;--scanline-color: rgba(255, 176, 0, .2);--vignette-color: rgba(255, 176, 0, .1);--bg-black: #0a0a0a;--bg-dark: #1a1a1a;--bg-darker: #0d0d0d;--border-color: #cc880066;--font-mono: "Courier New", "Monaco", "Menlo", "Consolas", monospace;--amber-primary: var(--primary-color);--amber-glow: var(--glow-color);--amber-dim: var(--dim-color);--amber-darker: var(--darker-color)}[data-color-scheme=green]{--primary-color: #00FF00;--glow-color: #00FF66;--dim-color: #00CC00;--darker-color: #009900;--scanline-color: rgba(0, 255, 0, .2);--vignette-color: rgba(0, 255, 0, .1);--border-color: #00cc0066;--amber-primary: var(--primary-color);--amber-glow: var(--glow-color);--amber-dim: var(--dim-color);--amber-darker: var(--darker-color)}[data-color-scheme=red]{--primary-color: #FF0000;--glow-color: #FF4040;--dim-color: #CC0000;--darker-color: #990000;--scanline-color: rgba(255, 0, 0, .2);--vignette-color: rgba(255, 0, 0, .1);--border-color: #cc000066;--amber-primary: var(--primary-color);--amber-glow: var(--glow-color);--amber-dim: var(--dim-color);--amber-darker: var(--darker-color)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;background-color:var(--bg-black);color:var(--primary-color);font-family:var(--font-mono);font-size:14px;line-height:1.4;overscroll-behavior:none}#root{width:100%;height:100%;height:100dvh}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--darker-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dim-color)}.crt-screen{position:relative;width:100%;height:100%;background-color:var(--bg-black);overflow:hidden;perspective:1000px;transform:rotateX(.5deg);border-radius:8px;transform:translateZ(0);will-change:transform}.scanlines{position:relative;width:100%;height:100%}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.25) 50%);background-size:100% 4px;pointer-events:none;z-index:1000;animation:scanline-flicker .15s infinite}@keyframes scanline-flicker{0%{opacity:1}50%{opacity:.98}to{opacity:1}}.crt-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to bottom,transparent,var(--scanline-color),transparent);pointer-events:none;z-index:999;animation:scan 8s linear infinite}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.terminal-text{text-shadow:0 0 3px var(--glow-color),0 0 6px var(--glow-color),0 0 12px var(--primary-color);color:var(--primary-color)}.terminal-text-dim{text-shadow:0 0 2px var(--dim-color),0 0 4px var(--dim-color);color:var(--dim-color)}.crt-noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:998;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:noise .2s infinite}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.terminal-cursor{display:inline-block;width:8px;height:1em;background-color:var(--primary-color);animation:blink 1s infinite;box-shadow:0 0 3px var(--glow-color)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.screen-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:997;box-shadow:inset 0 0 100px var(--vignette-color);border-radius:8px}.pane{background-color:var(--bg-dark);border:2px solid var(--border-color);padding:8px;overflow:hidden;position:relative}.pane-terminal{grid-area:terminal}.pane-htop{grid-area:htop}.pane-ranger{grid-area:ranger}.tmux-layout{width:100%;flex:1;display:grid;grid-template-columns:60% 40%;grid-template-rows:50% 50%;grid-template-areas:"terminal htop" "terminal ranger";gap:0;padding:4px;box-sizing:border-box;overflow:hidden}@media(max-width:768px){.tmux-layout{grid-template-columns:1fr;grid-template-rows:50% 25% 25%;grid-template-areas:"terminal" "htop" "ranger"}}.settings-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background-color:var(--bg-dark);border:2px solid var(--primary-color);border-radius:4px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 0 20px var(--glow-color)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.settings-header h2{margin:0;font-size:18px;color:var(--primary-color);font-weight:700}.settings-close{background:none;border:none;color:var(--dim-color);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.settings-close:hover{color:var(--primary-color)}.settings-content{padding:20px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 12px;font-size:14px;color:var(--primary-color);font-weight:700;letter-spacing:1px}.color-scheme-options{display:flex;gap:12px;flex-wrap:wrap}.color-scheme-btn{flex:1;min-width:120px;background-color:var(--bg-darker);border:2px solid var(--border-color);color:var(--dim-color);padding:12px 16px;cursor:pointer;font-family:var(--font-mono);font-size:12px;transition:all .2s;display:flex;align-items:center;gap:8px;border-radius:3px}.color-scheme-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.color-scheme-btn.active{background-color:var(--primary-color);color:var(--bg-black);border-color:var(--primary-color);font-weight:700}.color-preview{width:16px;height:16px;border-radius:2px;border:1px solid rgba(255,255,255,.2)}.color-scheme-btn.active .color-preview{border-color:#00000080}.amber-preview{background-color:#ffb000;box-shadow:0 0 4px #ffb000}.green-preview{background-color:#0f0;box-shadow:0 0 4px #0f0}.red-preview{background-color:red;box-shadow:0 0 4px red}.sound-options{display:flex;flex-direction:column;gap:8px}.sound-toggle-btn{background-color:var(--bg-darker);border:2px solid var(--border-color);color:var(--dim-color);padding:12px 16px;cursor:pointer;font-family:var(--font-mono);font-size:12px;transition:all .2s;display:flex;align-items:center;gap:8px;border-radius:3px;width:fit-content}.sound-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.sound-toggle-btn.active{background-color:var(--primary-color);color:var(--bg-black);border-color:var(--primary-color);font-weight:700}.sound-icon{font-size:14px}.sound-description{margin:4px 0 0;font-size:11px;color:var(--dim-color);opacity:.7}.footer{display:flex;justify-content:space-between;align-items:center;height:28px;padding:0 12px;background-color:var(--bg-darker);border-top:1px solid var(--border-color);font-size:11px;flex-shrink:0}.footer-section{display:flex;align-items:center;gap:8px}.footer-branding{flex:1}.footer-brand{font-weight:700;letter-spacing:1px}.footer-links{flex:1;justify-content:center}.footer-link{color:var(--amber-dim);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--amber-primary);text-decoration:underline}.footer-separator{color:var(--amber-darker);margin:0 4px}.footer-controls{flex:1;justify-content:flex-end}.footer-credit{font-size:10px;color:var(--amber-darker);margin-right:12px}.footer-button{background:transparent;border:1px solid var(--border-color);color:var(--amber-dim);padding:2px 8px;cursor:pointer;font-size:14px;transition:all .2s;border-radius:3px}.footer-button:hover{background-color:var(--amber-darker);color:var(--bg-black);border-color:var(--amber-primary)}@media(max-width:768px){.footer{flex-direction:column;height:auto;padding:8px;gap:4px}.footer-section{justify-content:center}.footer-links{font-size:10px}}.main-terminal{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:4px;font-family:var(--font-mono);font-size:13px;line-height:1.5}.terminal-prompt{color:var(--amber-glow);font-weight:700}.terminal-line{white-space:pre-wrap;word-wrap:break-word}.htop-simulator{width:100%;height:100%;overflow:hidden;padding:4px;font-family:var(--font-mono);font-size:11px;line-height:1.3}.htop-header{margin-bottom:6px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.htop-header-grid{display:grid;grid-template-columns:60% 40%;gap:12px}.htop-left-section{display:flex;flex-direction:column;gap:1px}.htop-right-section{display:flex;flex-direction:column;gap:1px;justify-content:flex-end}.htop-cpu-line,.htop-mem-line{font-size:10px;line-height:1.2;white-space:pre}.htop-stats-line{font-size:10px;line-height:1.2}.htop-processes{font-family:var(--font-mono);overflow-y:auto;max-height:calc(100% - 90px)}.htop-processes>div{white-space:pre}.htop-header-row{font-weight:700;margin-bottom:2px;font-size:10px}.htop-process-row{line-height:1.2;font-size:10px}.ranger-browser{width:100%;height:100%;overflow:hidden;padding:4px;font-family:var(--font-mono);font-size:11px;line-height:1.3;display:flex;flex-direction:column}.ranger-path{margin-bottom:6px;border-bottom:1px solid var(--border-color);padding-bottom:3px;flex-shrink:0}.ranger-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;flex:1;overflow:hidden;background:var(--border-color)}.ranger-column{background:var(--bg-dark);overflow-y:auto;overflow-x:hidden;padding:4px}.ranger-column-current{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.ranger-file-row{white-space:nowrap;padding:1px 2px;overflow:hidden;text-overflow:ellipsis}.ranger-cursor{background-color:var(--amber-darker);color:var(--bg-black);font-weight:700}.ranger-file-content{font-size:10px;line-height:1.4}.app-container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}