/* terminal.txt: phosphor monitor, tmux panes, ASCII and command entry. */
:root{--nen:#0a0a0a;--nen-2:#101510;--nen-3:#142014;--luc:#33ff00;--luc-mo:#a0ff89;--xam:#a4b59f;--xam-2:#a4b59f;--hp:#ffb000;--do:#ff3333;--vien:#1f521f}
body{font-size:16px;--preview-accent:#33ff00;--preview-bg:#0a0a0a;--preview-ink:#a0ff89}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(transparent 0 3px,rgba(0,0,0,.1) 3px 4px)}
body .tb-bao{font-family:inherit}
h1,h2,h3{text-transform:uppercase;line-height:1.4;text-shadow:0 0 5px #33ff0040}
.mo h1{font-size:clamp(26px,3.3vw,44px)}
.muc{padding:64px 0}.khung .dinh i{border-radius:0}.khung .dinh{background:#163010;color:var(--luc)}
.hieu::before{content:'[OK] '}.hieu::after{content:''}
.n1::before,.goi::before{content:'[ '}.n1::after,.goi::after{content:' ]'}
.n1,.n2,.goi{display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.n1:active,.n2:active,.goi:active{transform:translateY(1px)}
.n2:hover{background:var(--luc);color:var(--nen)}
.ascii{font:700 clamp(12px,2vw,16px)/1.5 'JetBrains Mono',monospace;color:var(--luc);white-space:pre;overflow:auto;margin-bottom:24px}
.command{border-top:1px dashed var(--luc);padding-top:24px;margin-top:24px}
.command label{display:block;color:var(--hp)}
.command input{background:transparent;border:0;border-bottom:1px solid var(--luc);color:var(--luc);width:100%;padding:12px 0;min-height:48px}
.command button{background:var(--luc);color:var(--nen);border:0;padding:12px 20px;margin-top:16px}
.progress-ascii{font:inherit;color:var(--luc);letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere}
.typing-line{display:inline-block;max-width:100%;clip-path:inset(0 0 0 0);animation:terminal-type 1.2s steps(24) both}
@keyframes terminal-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(max-width:640px){.muc{padding:40px 0}.khung .than{padding:12px}.cuoi h2{font-size:24px}.shell{width:calc(100% - 32px)}}



/* Accessibility review */
body header.top a.goi{color:#b7c8ab}.hieu .ok{color:#9fc88c}
