:root{
  --bg:#0b0f12;
  --text:#cfeeea;
  --muted:#90bfb6;
  --accent:#7be3c8;
  --terminal-bg: rgba(0,0,0,0.65);
  --glass: rgba(255,255,255,0.02);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
  font-size: 14px;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;background:linear-gradient(180deg,#021016 0%, #04141a 100%);color:var(--text)}
.wrap{max-width:1000px;margin:28px auto;padding:18px;border-radius:10px;background:var(--glass);box-shadow:0 10px 30px rgba(0,0,0,0.6)}
.ascii{background:transparent;margin:0 0 12px 0;color:var(--accent);font-weight:700;letter-spacing:1px;text-align:left;padding:10px;border-radius:6px;overflow:auto}

.terminal{background:var(--terminal-bg);border-radius:8px;padding:16px;min-height:360px;display:flex;flex-direction:column}
.output{flex:1;overflow:auto;padding:6px 10px;line-height:1.45;color:var(--text);white-space:pre-wrap}
.prompt{display:flex;align-items:center;margin-top:8px}
.prompt-label{color:var(--muted);margin-right:8px;min-width:150px}
.user{color:#a1f0d9;font-weight:700}
.cwd{color:var(--muted)}
.command{flex:1;background:transparent;border:0;outline:none;color:var(--text);font-family:inherit;font-size:inherit;padding:8px}
.command::placeholder{color:#3f7a70}

.help-panel{margin-top:12px;padding:12px;background:rgba(255,255,255,0.02);border-radius:6px;color:var(--muted)}
.help-panel h3{margin:0 0 6px 0;color:var(--accent)}
.help-panel code{background:rgba(255,255,255,0.03);padding:2px 6px;border-radius:4px}

.article{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:16px;border-radius:8px;color:var(--text)}
.article .title{margin-top:0}
.article .meta{color:var(--muted);font-size:13px;margin-bottom:12px}
.article .content{white-space:pre-wrap}

.btn{background:transparent;border:1px solid rgba(255,255,255,0.06);padding:8px 12px;border-radius:6px;color:var(--accent);cursor:pointer;margin-top:12px}
.btn:hover{transform:translateY(-1px)}
@media (max-width:700px){
  .prompt-label{min-width:110px;font-size:13px}
  .ascii{font-size:11px}
}
