:root{--bg: #0f1210;--surface: #161a15;--fg: #d4d8d0;--dim: #5a6058;--accent: #4ade80;--accent-dim: #1a3d24;--accent-border: #2a5c38;--orange: #e8854a;--orange-dim: #3d2010;--orange-border: #5c3018;--err: #d16060;--border: #2a2e28}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html,body{background:var(--bg);color:var(--fg);font-family:Geist Mono,Courier New,monospace;font-size:14px;line-height:1.6;overflow:hidden;-webkit-font-smoothing:none}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:100}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:99}button,input{font:inherit}a{color:inherit}#app{display:flex;flex-direction:column;height:100vh;max-width:1100px;margin:0 auto;padding:20px 24px 0}#sys-header{font-size:13px;color:var(--dim);border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}.sys-left,.sys-right{display:flex;flex-direction:column;gap:2px}.sys-right{text-align:right}.sys-field span{color:var(--fg)}.sys-field .green,.boot-line .ok{color:var(--accent)}.sys-field .orng,.boot-line .orng{color:var(--orange)}#main-output{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}#main-output::-webkit-scrollbar{width:8px}#main-output::-webkit-scrollbar-thumb{background:var(--border)}.page{display:none;animation:fi .15s ease}.page.active{display:block}@keyframes fi{0%{opacity:0}to{opacity:1}}#boot-screen{font-size:13px}.boot-line{color:var(--dim)}.cmd-prompt{color:var(--accent)}.dimtext{color:var(--dim)}.section-gap{margin-top:18px}.ascii-name{font-size:10.5px;line-height:1.12;color:var(--fg);margin-bottom:16px;white-space:pre}.status-line{display:flex;gap:12px;margin-bottom:4px}.status-key{color:var(--dim);min-width:110px}.melo-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--accent-border);padding:3px 10px;margin-top:14px;font-size:13px;cursor:pointer;text-decoration:none;color:var(--fg);transition:background .1s}.melo-badge:hover{background:#4ade8012}.melo-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--accent)}50%{opacity:.5;box-shadow:none}}.file-table{margin-top:6px}.file-row{display:grid;grid-template-columns:210px 80px 120px 1fr;gap:0 12px;padding:3px 0;font-size:13px;align-items:start}.file-row.hdr{color:var(--dim);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px}.file-name{display:inline;width:fit-content;color:var(--accent);cursor:pointer;background:none;border:0;text-align:left}.file-name:hover{text-decoration:underline}.file-size,.file-date{color:var(--dim)}.file-meta{border-left:2px solid var(--border);margin:4px 0 14px 16px;padding:8px 14px;font-size:12px;display:none}.file-meta.open{display:block}.fm-row{display:flex;gap:10px;margin-bottom:3px}.fm-key{color:var(--dim);min-width:64px;flex-shrink:0}.fm-shipped{color:var(--accent)}.fm-arch{color:var(--dim)}.fm-orange{color:var(--orange)}.open-btn{display:inline-block;margin-top:8px;color:var(--accent);cursor:pointer;font-size:12px;border:1px solid var(--accent-border);padding:2px 10px;text-decoration:none;transition:background .1s;background:none}.open-btn:hover{background:#4ade8014}.cs-breadcrumb{font-size:12px;color:var(--dim);margin-bottom:14px}.cs-back{color:var(--accent);cursor:pointer;background:none;border:0}.cs-back:hover{text-decoration:underline}.cs-num{font-size:12px;color:var(--dim)}.cs-title{font-size:28px;font-weight:500;color:var(--fg);line-height:1;margin:4px 0}.cs-tagline{font-size:13px;color:var(--dim);margin-bottom:12px}.cs-meta-row{display:flex;flex-wrap:wrap;gap:0 28px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0;margin-bottom:20px}.cs-meta-item{font-size:12px}.mk{color:var(--dim)}.mv{color:var(--fg);margin-left:6px}.mv-green{color:var(--accent);margin-left:6px}.mv-orange{color:var(--orange);margin-left:6px}.cs-section{margin-bottom:24px}.cs-section-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:12px}.cs-body{font-size:13px;color:var(--fg);line-height:1.75}.cs-body p{margin-bottom:10px;max-width:80ch}.cs-body p:last-child{margin-bottom:0}.cs-body .hl{color:var(--accent)}.cs-callout{border-left:2px solid var(--accent);padding:8px 14px;margin:14px 0;font-size:13px;color:var(--fg);background:#4ade8008}.about-body{font-size:13px;color:var(--fg);line-height:1.8}.about-body p{margin-bottom:14px;max-width:80ch}#cmd-bar{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding:8px 0 6px;font-size:13px}#cmd-bar .prompt-label{color:var(--accent);white-space:nowrap}.cmd-entry{display:flex;align-items:center;gap:8px;flex:1;min-width:0}#cmd-input{background:none;border:none;outline:none;color:var(--fg);font-family:Geist Mono,monospace;font-size:13px;flex:1;min-width:0;caret-color:var(--accent)}.cmd-submit{flex:0 0 auto;padding:2px 8px;border:1px solid var(--accent-border);background:none;color:var(--accent);cursor:pointer;font-size:12px;line-height:1.35}.cmd-submit:hover{background:#4ade8014}.cmd-response{font-size:12px;color:var(--dim);padding:3px 0 0;display:none;white-space:pre}.cmd-response.show{display:block}#nav-bar{border-top:1px solid var(--border);padding:8px 0 12px}.nav-prompt{color:var(--dim);font-size:11px;margin-bottom:6px}.nav-list{display:flex;gap:0;flex-wrap:wrap}.nav-item{font-size:14px;padding:2px 10px;cursor:pointer;color:var(--dim);transition:color .1s;-webkit-user-select:none;user-select:none;background:none;border:0}.nav-item:hover{color:var(--fg)}.nav-item.active{color:var(--bg);background:var(--accent)}.lang-toggle{position:fixed;right:18px;bottom:14px;z-index:120;min-width:38px;height:28px;padding:2px 9px;border:1px solid var(--accent-border);background:#0f1210eb;color:var(--accent);cursor:pointer;font-size:12px;line-height:1;box-shadow:0 0 0 1px #4ade800a inset}.lang-toggle:hover{background:#4ade8014}@media(max-width:760px){html,body{font-size:13px}#app{height:100vh;height:100dvh;padding:16px 16px 8px}#sys-header{gap:10px;padding-bottom:12px;margin-bottom:14px}.sys-right{width:100%;text-align:left;padding-top:6px;border-top:1px dashed var(--border)}#main-output{padding-bottom:16px}.ascii-name{font-size:8.6px;margin-bottom:14px;overflow-x:auto}.section-gap{margin-top:16px}.status-line{flex-direction:column;gap:2px}.status-key{min-width:0}.melo-badge{display:inline-flex;font-size:11px;white-space:nowrap}.file-row.hdr{display:none}.file-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name size" "desc desc" "date date";gap:4px 12px;padding:10px 0;border-bottom:1px dashed var(--border)}.file-row>:nth-child(1){grid-area:name}.file-row>:nth-child(2){grid-area:size}.file-row>:nth-child(3){grid-area:date}.file-row>:nth-child(4){grid-area:desc}.file-size:before{content:"size ";color:var(--dim)}.file-date:before{content:"updated ";color:var(--dim)}.file-meta{margin:4px 0 14px;padding:10px 0 0 12px}.fm-row{flex-wrap:wrap;gap:2px 8px;margin-bottom:8px}.fm-key{min-width:100%;font-size:11px}.open-btn{max-width:100%;line-height:1.5}.cs-title{font-size:22px}.cs-tagline{line-height:1.5}.cs-meta-row{flex-direction:column;gap:10px;padding:10px 0}.mv,.mv-green,.mv-orange{display:block;margin:2px 0 0}#cmd-bar{flex-wrap:wrap;gap:6px}#cmd-bar .prompt-label,.cmd-entry{width:100%}#cmd-input{width:auto;font-size:16px}.cmd-submit{min-height:34px;padding:4px 10px;font-size:13px}.cmd-response{padding-top:6px;line-height:1.5}#nav-bar{padding:10px 0 calc(12px + env(safe-area-inset-bottom))}.nav-prompt{font-size:10px;line-height:1.5}.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nav-item{padding:6px 8px;text-align:center}.lang-toggle{right:12px;bottom:calc(10px + env(safe-area-inset-bottom))}}@media(max-width:480px){#app{padding:14px 12px 8px}.ascii-name{font-size:7.9px}.nav-item{font-size:13px;padding:6px}}
