
:root{--bg:#050806;--panel:#07110b;--ink:#d7ffe0;--muted:#85b991;--green:#6cff8d;--cyan:#7dd3fc;--amber:#ffd166;--red:#ff6b6b;--line:rgba(108,255,141,.18);--paper:#fbfbf8;--paper-ink:#1b1f22;--paper-muted:#5d6670;--paper-line:#e5e7eb;--accent:#0f766e;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);line-height:1.55;text-rendering:optimizeLegibility}.shell-body{min-height:100vh;background:radial-gradient(circle at 18% 10%,rgba(108,255,141,.08),transparent 26%),radial-gradient(circle at 80% 80%,rgba(125,211,252,.07),transparent 28%),#050806;overflow-x:hidden}.terminal-wrap{width:min(1100px,calc(100% - 28px));margin:0 auto;padding:28px 0 80px}.terminal{min-height:calc(100vh - 56px);border:1px solid var(--line);background:linear-gradient(180deg,rgba(7,17,11,.96),rgba(3,8,5,.96));border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}.term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);font-size:13px}.dot{width:11px;height:11px;border-radius:99px;background:#ff5f57}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#28c840}.term-title{margin-left:10px;opacity:.9}.screen{padding:22px;min-height:70vh;max-height:none}.line{white-space:pre-wrap;word-break:break-word;min-height:1.55em}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.red{color:var(--red)}.green{color:var(--green)}.cmd-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.prompt{color:var(--green);white-space:nowrap}.cmd-input{flex:1;min-width:220px;background:transparent;border:0;outline:0;color:var(--ink);font:inherit;caret-color:var(--green);padding:0}.cursor{display:inline-block;width:9px;height:1.1em;background:var(--green);vertical-align:-.2em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}a.term-link{color:var(--cyan);text-decoration:none;border-bottom:1px dotted rgba(125,211,252,.6)}a.term-link:hover{color:#fff;border-bottom-color:#fff}.file-link,.dir-link{cursor:pointer}.file-link{color:var(--cyan)}.dir-link{color:var(--green)}.output-block{margin:12px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.kbd{color:var(--amber)}.content-body{background:var(--paper);color:var(--paper-ink);font-family:var(--sans)}.content-header{background:#0b1110;color:#eefbf2;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}.container{width:min(1040px,calc(100% - 38px));margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.brand{font-family:var(--mono);font-weight:800;color:#d7ffe0;text-decoration:none}.nav a{color:#b7f7c5;text-decoration:none;margin-left:16px}.content-main{padding:64px 0}.content-main h1{font-size:clamp(36px,5vw,68px);line-height:1.02;margin:0 0 18px}.content-main h2{font-size:clamp(24px,3vw,38px);margin:52px 0 14px}.content-main h3{font-size:22px;margin:30px 0 10px}.lead{font-size:clamp(19px,2.2vw,25px);color:#374151;max-width:850px}.content-main p,.content-main li{font-size:18px;color:#303841}.content-main a{color:var(--accent);font-weight:650}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:28px 0}.card{border:1px solid var(--paper-line);border-radius:20px;padding:22px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.05)}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.badge{border:1px solid #cbd5e1;border-radius:99px;padding:8px 12px;font-size:14px;background:#fff;color:#334155}.quote{font-size:24px;line-height:1.35;border-left:4px solid var(--accent);padding-left:20px;color:#111827;margin:30px 0}.footer{border-top:1px solid var(--paper-line);padding:34px 0;color:#64748b;font-size:14px}@media(max-width:720px){.terminal-wrap{width:100%;padding:0}.terminal{border-radius:0;min-height:100vh}.screen{padding:16px}.term-bar{border-radius:0}.cmd-input{min-width:120px}.nav a{margin-left:0;margin-right:12px}.content-main{padding:42px 0}.content-main p,.content-main li{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.term-item{font:inherit;background:transparent;border:0;padding:0;margin:0;color:inherit;cursor:pointer}.term-item:hover{text-decoration:underline;text-underline-offset:3px}.term-item:focus-visible{outline:1px dotted var(--green);outline-offset:3px}.cmd-input:disabled{opacity:1;color:var(--ink)}

.linked-card{display:block;text-decoration:none;color:inherit}.linked-card:hover{border-color:#94a3b8;box-shadow:0 18px 50px rgba(0,0,0,.08);transform:translateY(-1px)}
.eliza-body .terminal-wrap{max-width:1040px}.eliza-wrap{padding-top:28px}.eliza-terminal{min-height:calc(100vh - 56px)}.eliza-header{padding:26px 26px 10px;border-bottom:1px solid var(--line)}.eliza-header h1{margin:8px 0 10px;font-size:clamp(34px,5vw,62px);line-height:1.04;color:var(--ink)}.eliza-header p{max-width:850px;color:var(--muted);font-size:16px}.breadcrumb{font-size:13px;color:var(--cyan)!important}.breadcrumb a{color:var(--cyan);text-decoration:none;border-bottom:1px dotted rgba(125,211,252,.5)}.eliza-small{font-size:13px!important;color:rgba(215,255,224,.62)!important}.eliza-log{padding:22px 26px;min-height:340px;max-height:54vh;overflow:auto}.eliza-msg{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);white-space:pre-wrap}.eliza-msg.user{border-color:rgba(125,211,252,.25)}.eliza-msg.bot{border-color:rgba(108,255,141,.22)}.eliza-name{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);margin-bottom:4px}.eliza-msg.bot .eliza-name{color:var(--green)}.eliza-form{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 26px;flex-wrap:wrap}.eliza-form input{min-width:220px}.eliza-form button,.eliza-actions button{font:inherit;color:var(--bg);background:var(--green);border:0;border-radius:999px;padding:8px 14px;cursor:pointer}.eliza-actions{display:flex;gap:12px;flex-wrap:wrap;padding:0 26px 26px}.eliza-actions button,.eliza-actions a{font:inherit;font-size:13px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 12px;text-decoration:none;cursor:pointer}.eliza-actions a:hover,.eliza-actions button:hover{border-color:var(--green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.eliza-header,.eliza-log,.eliza-form,.eliza-actions{padding-left:16px;padding-right:16px}.eliza-log{max-height:none}.eliza-form button{width:100%}}

.eliza-prompt {
  margin: 16px 0 10px;
  color: rgba(232, 255, 232, .88);
}
.eliza-prompt p {
  margin: 0 0 10px;
}


/* SEO fallback content for the terminal homepage */
.fallback-seo {
  max-width: 860px;
  margin: 12vh auto 80px;
  padding: 0 24px;
  color: rgba(220, 255, 220, 0.72);
  font-family: var(--sans);
  line-height: 1.65;
}

.fallback-seo h1 {
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  font-weight: 650;
  color: rgba(220, 255, 220, 0.88);
  margin: 0 0 18px;
}

.fallback-seo p {
  margin: 0 0 14px;
}

.fallback-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 24px;
}

.fallback-links a {
  color: rgba(120, 255, 170, 0.85);
  text-decoration: none;
  border-bottom: 1px solid rgba(120, 255, 170, 0.35);
}

.fallback-links a:hover,
.fallback-links a:focus-visible {
  color: #baffc9;
  border-bottom-color: #baffc9;
  outline: none;
}

/* Mobile terminal hardening */
.screen,
.output-block,
.line,
.cmd-row {
  max-width: 100%;
}

.output-block {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 720px) {
  html,
  body,
  .shell-body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }

  .terminal-wrap {
    width: 100%;
    max-width: 100vw;
    padding: 0;
    margin: 0;
  }

  .terminal {
    width: 100%;
    max-width: 100vw;
    min-width: 0;
  }

  .screen {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    padding: 14px;
  }

  .line,
  .output-block {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .cmd-row {
    min-width: 0;
    align-items: flex-start;
  }

  .cmd-row .prompt {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .cmd-input {
    min-width: 0;
    width: 100%;
    flex: 1 1 100%;
    font-size: 16px;
  }

  .fallback-seo {
    padding: 0 16px;
    margin-top: 10vh;
  }
}



/* ELIZA layout refinements + mobile command-line fix */
.term-lang {
  margin-left: auto;
  color: var(--muted);
  font-size: 13px;
}

.term-lang a {
  color: var(--green);
  text-decoration: none;
  border-bottom: 1px dotted rgba(108, 255, 141, .55);
  font-weight: 800;
}

.eliza-header {
  border-bottom: 0;
  padding-bottom: 0;
}

.eliza-header h1 {
  display: none;
}

.eliza-prompt {
  margin: 26px 0 0;
  color: rgba(232, 255, 232, .88);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.eliza-prompt p {
  margin: 0 0 10px;
}

.eliza-session-separator {
  margin: 28px 0 0;
  border-top: 1px solid rgba(108, 255, 141, .24);
}

.eliza-log {
  padding-top: 22px;
}

.eliza-msg {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.eliza-block {
  font: inherit;
  color: rgba(232, 255, 232, .88);
}

.eliza-msg.bot .eliza-name {
  color: #eaffef;
  font-weight: 900;
}

.eliza-msg.user .eliza-name {
  color: var(--green);
  font-weight: 900;
}

.eliza-text {
  display: inline;
}

.cmd-input::placeholder {
  color: rgba(215, 255, 224, .42);
}

.eliza-safe-return {
  border-color: rgba(108, 255, 141, .32) !important;
}

/* Keep the main shell prompt and input on the same line on mobile */
@media (max-width: 720px) {
  .cmd-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    width: 100%;
    gap: 8px;
  }

  .cmd-row .prompt {
    flex: 0 0 auto;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }

  .cmd-row .cmd-input {
    flex: 1 1 auto;
    min-width: 0 !important;
    width: auto;
    font-size: 16px;
  }

  .eliza-form {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: baseline;
  }

  .eliza-form .prompt {
    white-space: nowrap;
  }

  .eliza-form .cmd-input {
    min-width: 0 !important;
    width: 100%;
    font-size: 16px;
  }

  .eliza-form button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

/* ELIZA layout refinement: keep input close to the current conversation */
.eliza-log {
  min-height: 0 !important;
  max-height: none !important;
  padding: 22px 26px 10px !important;
  overflow: visible !important;
}

.eliza-form {
  border-top: 1px solid var(--line);
}

.eliza-msg.bot .eliza-name {
  color: #eaffef;
  font-weight: 900;
}

.eliza-msg.user .eliza-name {
  color: var(--green);
  font-weight: 900;
}

.cmd-input::placeholder {
  color: rgba(215, 255, 224, .42);
}

/* Keep command prompt and input on the same line on mobile */
@media (max-width: 720px) {
  .cmd-row {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: baseline;
    width: 100%;
    min-width: 0;
  }

  .cmd-row .prompt {
    flex: 0 0 auto;
    white-space: nowrap !important;
  }

  .cmd-row .cmd-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    font-size: 16px;
  }

  .eliza-form {
    flex-wrap: nowrap !important;
    align-items: baseline;
  }

  .eliza-form .prompt {
    flex: 0 0 auto;
    white-space: nowrap !important;
  }

  .eliza-form .cmd-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .eliza-form button {
    flex: 0 0 auto;
    width: auto !important;
  }
}
