/* ELIZA's historical green-screen interface lives inside the book's visual world. */
.eliza-page .page-intro{padding-block:24px}
.eliza-page .page-intro h1{font-size:clamp(42px,5vw,64px);margin-bottom:14px}
.eliza-page .page-intro .lede{font-size:16px;margin-top:0;max-width:650px}
.eliza-terminal{
  --phosphor:#a0ff89;
  --phosphor-soft:#76c86b;
  --screen:#061008;
  background:var(--screen);
  color:var(--phosphor);
  border:1px solid #305737;
  padding:26px;
  box-shadow:inset 0 0 55px #153a1924;
  color-scheme:dark;
  font-family:Plex,"Courier New",monospace;
}
.eliza-terminal .terminal-header{border-color:#305737;font-size:10px;letter-spacing:.08em;color:var(--phosphor)}
.eliza-terminal .terminal-header span:last-child{color:var(--phosphor-soft)}
.eliza-terminal .conversation{height:280px;padding-block:22px;scrollbar-color:#3b7040 var(--screen)}
.eliza-terminal .conversation p{font-size:14px;line-height:1.85;text-transform:uppercase;text-shadow:0 0 7px #8aff7040;color:var(--phosphor)}
.eliza-terminal .conversation p span{color:var(--phosphor-soft);font-size:10px;letter-spacing:.1em;margin-bottom:4px;text-shadow:none}
.eliza-terminal .conversation .human-message{color:#d3ffc9;text-shadow:none}
.eliza-terminal .conversation .human-message span{color:var(--phosphor-soft)}
.eliza-terminal form{border-color:#305737}
.eliza-terminal label{color:var(--phosphor);text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.eliza-terminal label::before{content:'>';margin-right:9px}
.eliza-terminal .eliza-input-row{border-color:#598d50;background:#0b1b0e}
.eliza-terminal .eliza-input-row input{font-size:14px;color:var(--phosphor);caret-color:var(--phosphor);text-transform:uppercase}
.eliza-terminal .eliza-input-row input::placeholder{color:var(--phosphor-soft);font-size:12px;text-transform:none}
.eliza-terminal .eliza-input-row button{background:var(--phosphor);color:var(--screen);width:49px}
.eliza-terminal .eliza-input-row button:hover{background:#c6ffb8}
.eliza-terminal .terminal-footer{color:var(--phosphor-soft);font-size:10px;align-items:center}
.eliza-terminal .terminal-footer button{color:var(--phosphor);font-size:10px;min-height:32px;padding:4px}
.eliza-terminal :focus-visible{outline-color:var(--phosphor);outline-offset:4px}
.eliza-terminal .terminal-ready{display:inline-flex;align-items:center;gap:8px}
.terminal-cursor{width:7px;height:11px;background:var(--phosphor);display:inline-block;flex-shrink:0}
.eliza-feature{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:32px 36px;margin-top:55px;background:#061008;color:#a0ff89;border:1px solid #305737}
.eliza-feature .eyebrow{color:#76c86b;margin-bottom:12px}
.eliza-feature h2{font:clamp(25px,3vw,38px)/1.25 Plex,monospace;letter-spacing:-.05em;text-transform:uppercase;margin-bottom:8px}
.eliza-feature p:not(.eyebrow){font-size:12px;color:#b6dcaa;margin-bottom:0}
.eliza-feature .text-link{white-space:nowrap;color:#a0ff89}
.eliza-feature a:focus-visible{outline-color:#a0ff89}
@media(prefers-reduced-motion:no-preference){.terminal-cursor{animation:eliza-cursor 1.2s step-end infinite}@keyframes eliza-cursor{0%,60%{opacity:1}61%,100%{opacity:0}}}
@media(max-width:720px){.eliza-terminal{padding:21px 18px}.eliza-terminal .terminal-header{font-size:8px;gap:10px}.eliza-terminal .conversation{height:235px}.eliza-terminal .conversation p{font-size:13px}.eliza-terminal .eliza-input-row input{font-size:16px}.eliza-terminal .eliza-input-row input::placeholder{font-size:11px}.eliza-terminal .terminal-footer{font-size:9px;gap:12px}.eliza-terminal .terminal-footer button{font-size:9px}.eliza-feature{flex-direction:column;align-items:flex-start;padding:26px 23px;margin-top:35px;gap:23px}.eliza-feature h2{font-size:26px}}
@media(max-width:360px){.eliza-terminal .terminal-header{font-size:7px}.eliza-terminal .conversation{height:215px}.eliza-terminal .terminal-footer{align-items:flex-start;flex-direction:column;gap:6px}}
@media print{.eliza-terminal{background:white;color:black;box-shadow:none;border-color:black}.eliza-terminal .conversation{height:auto;overflow:visible}.eliza-terminal .conversation p,.eliza-terminal .conversation p span{color:black;text-shadow:none}.eliza-terminal form,.eliza-terminal .terminal-footer{display:none}}
