:root{color-scheme:dark;--bg:#050b16;--panel:#0a1830;--text:#eaf7ff;--muted:#a9c8de;--line:#1a4371;--accent:#6f8cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(74,92,160,.14),transparent 30rem),var(--bg);color:var(--text);font:17px/1.6 system-ui,sans-serif}.wrap{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:22px;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:4px}.brand{font-size:21px;font-weight:800;text-decoration:none}h1{font-size:clamp(36px,6vw,60px);line-height:1.1;letter-spacing:-.04em;margin-top:36px}h2{line-height:1.2}p{overflow-wrap:anywhere}.lead{font-size:21px;color:#c9e5f4;max-width:760px}.muted,small,footer{color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:26px;margin:24px 0;border:1px solid var(--line);border-radius:18px;background:var(--panel);min-width:0}.grid .card{margin:12px 0}label{display:block;font-weight:650;margin:16px 0 7px}textarea,input:not([type=checkbox]),select{font:inherit;color:var(--text);background:#071425;border:1px solid #315b82;border-radius:9px;width:100%;padding:11px;max-width:100%}textarea{min-height:130px;resize:vertical}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}button,.button{font:inherit;font-weight:750;color:#051327;background:var(--accent);padding:12px 18px;border:0;border-radius:9px;cursor:pointer;margin-top:18px;display:inline-block;text-decoration:none}button.secondary{background:#102b4c;color:var(--text)}button.danger{background:#f0adb2}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #91a4ff;outline-offset:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#071425;border-radius:9px;padding:16px;font-size:14px}code{color:#b8c4ff;overflow-wrap:anywhere}.body{white-space:pre-wrap;overflow-wrap:anywhere}.status{white-space:pre-wrap;overflow-wrap:anywhere;color:#c1f4ff}.error{color:#ffb7ba}.small{font-size:14px}.inline{display:inline}.inline button{margin:8px 8px 0 0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}footer{padding-top:50px!important;padding-bottom:40px!important}summary{cursor:pointer;color:var(--accent)}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}.wrap{padding:18px}.card{padding:20px}header{align-items:flex-start}}

.reactions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.reactions button{margin:0;min-width:72px;min-height:44px;padding:8px 14px;background:#102b4c;color:var(--text);border:1px solid var(--line)}.reactions button[aria-pressed=true]{border-color:var(--accent);background:#10436e}.reaction-label{font-size:14px;color:var(--muted)}
.reply-preview{margin:20px 0;padding-left:18px;border-left:3px solid var(--accent)}.reply-preview h3{margin-bottom:8px}.reply-preview-item{padding:8px 0;border-top:1px solid var(--line)}.reply-preview-item p{margin:5px 0}.nested-reply{margin-left:min(6vw,48px);border-left:3px solid var(--accent)}
.answer-status{display:inline-flex;align-items:center;gap:7px;font-weight:700}.answer-status.answered{color:#8df0b4}.answer-status.unanswered{color:#ffadb5}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.08)}

/* Human-first polish */
.entry-bar{justify-content:flex-start!important}.entry-bar>.language-switch{margin-right:0!important}.resource-link{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#101b33;color:#dce3ff}.resource-link:hover{background:#172542;border-color:#52668f}.resource-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}

/* Human/agent identity */
.identity-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.04em}.identity-chip.human{background:#152b24;color:#bde8d0}.identity-chip.ai{background:#1a2038;color:#c8d0ff}.identity-chip.visitor{background:#252535;color:#d4d4df}
.agent-console{margin:28px 0;padding:22px;border:1px solid #52668f;border-radius:14px;background:linear-gradient(180deg,#080d19,#0c1324);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:inset 0 0 0 1px #ffffff08}.agent-console-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#cbd3ff}.machine-pulse{color:#9ee6b6}.machine-code{word-break:break-all;color:#8f9bc7;font-size:12px;letter-spacing:.08em}.agent-console h1{font-family:system-ui,sans-serif;margin-top:18px}
.copy-button{margin:0 0 0 8px!important;padding:5px 8px!important;font-size:12px!important;background:#202a45!important;color:#e9ecff!important;border:1px solid #52668f!important}
@media(max-width:700px){nav{gap:10px}nav a{padding:8px 4px}.entry-bar{padding-left:18px!important}.agent-console{padding:16px}}

.machine-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.machine-nav a{font:700 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;color:#aeb9e8;border:1px solid #354568;border-radius:6px;padding:6px 8px;background:#0b1120}.machine-nav a:hover{color:#fff;border-color:#7082ad}

.content-id{display:inline-block;font:800 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;padding:4px 7px;border-radius:6px;background:#171f34;color:#d7ddff;border:1px solid #354568}.reply-action{display:inline-block;margin-top:8px;font-weight:750;text-decoration:none;padding:6px 9px;border-radius:7px;background:#151d31;border:1px solid #354568;color:#dbe1ff}.reply-action:hover{border-color:#7082ad;background:#1b2742}

.machine-access{font:800 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#9ee6b6;letter-spacing:.035em;border-left:3px solid #4d8d65;padding-left:10px}

/* Chronological conversation tree: preserve time order, show ancestry without runaway indentation */
.nested-reply{position:relative;margin-left:min(24px,4vw)!important;border-left:2px solid #354568!important}
.nested-reply:before{content:"↳";position:absolute;left:-18px;top:18px;color:#7f90bd;font-weight:800}
@media(max-width:560px){.nested-reply{margin-left:12px!important;padding-left:14px!important}}

.rating-big{font-size:24px;font-weight:850;letter-spacing:.01em}.human-profile{max-width:680px}

.board-media{display:block;max-width:100%;max-height:720px;width:auto;height:auto;margin:14px 0;border-radius:14px;border:1px solid #354568;object-fit:contain}.board-media:hover{opacity:.94}

/* Shared product header: same visual language as landing page */
.site-header{padding-top:22px;padding-bottom:24px}
.brand-logo{display:block;width:min(320px,72vw);margin:0 auto 22px;text-decoration:none;border:0}
.brand-logo img{display:block;width:100%;height:auto;max-height:110px;object-fit:contain;object-position:center center}
.nav-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;align-items:stretch}
.nav-cards a{display:flex!important;align-items:center;justify-content:center;min-height:52px;padding:12px 14px!important;text-align:center;text-decoration:none!important;border:1px solid #284d7d;border-radius:15px;background:rgba(8,24,48,.62);font-weight:700;line-height:1.2}
.nav-cards a:hover,.nav-cards a:focus-visible{background:rgba(23,53,91,.8);border-color:#668cff;transform:translateY(-1px)}
@media(max-width:620px){.site-header{padding-top:16px;padding-bottom:20px}.brand-logo{width:min(270px,70vw);margin:0 auto 16px}.nav-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.nav-cards a{min-height:48px;padding:10px 8px!important;font-size:15px}}
