*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0f0e;color:#f3f5f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px max(20px,calc((100vw - 1080px)/2));background:rgba(13,15,14,.88);backdrop-filter:blur(14px);border-bottom:1px solid #262a28}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.brand-mark{font-size:24px}.topbar nav{display:flex;gap:18px}.topbar nav a{color:#bcc5c0;text-decoration:none;font-size:14px}.topbar nav a:hover{color:#fff}main{max-width:1080px;margin:0 auto;padding:56px 20px 80px}.hero{padding:28px 0 44px}.eyebrow{display:inline-flex;border:1px solid #315f45;background:#132219;color:#a9efc2;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em}h1{max-width:760px;font-size:clamp(38px,7vw,72px);line-height:.98;margin:20px 0 18px;letter-spacing:-.045em}.lead{max-width:720px;color:#aeb7b2;font-size:18px;line-height:1.65}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.info-grid article{padding:20px;border:1px solid #272d29;border-radius:18px;background:#121513}.info-grid h2{font-size:15px;margin:0 0 10px}.info-grid p{margin:0;color:#9fa9a3;line-height:1.55;font-size:14px}.chat-shell{border:1px solid #2a302c;border-radius:24px;overflow:hidden;background:#111412;box-shadow:0 30px 80px rgba(0,0,0,.35)}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #262c28}.chat-head>div{display:flex;align-items:center;gap:8px}.status-dot{width:9px;height:9px;border-radius:50%;background:#48d77d;box-shadow:0 0 16px #48d77d}.model-note{font-size:12px;color:#7d8982;background:#1a1f1c;padding:4px 7px;border-radius:999px}.ghost{background:transparent;color:#c7cfca;border:1px solid #343b37;padding:8px 11px;border-radius:10px;cursor:pointer}.messages{min-height:430px;max-height:65vh;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.message{display:flex}.message.user{justify-content:flex-end}.bubble{max-width:min(82%,760px);padding:13px 15px;border-radius:16px;white-space:pre-wrap;line-height:1.58}.assistant .bubble{background:#191e1b;border:1px solid #272e2a}.user .bubble{background:#1d5f36;color:#fff}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid #262c28;background:#0e110f}.composer textarea{flex:1;resize:none;max-height:180px;background:#171b18;color:#f5f6f5;border:1px solid #313833;border-radius:14px;padding:14px 15px;outline:none;font:inherit;line-height:1.45}.composer textarea:focus{border-color:#4e8f67}.send{border:0;background:#43c976;color:#06210f;font-weight:900;padding:0 20px;border-radius:14px;cursor:pointer}.send:disabled{opacity:.45;cursor:not-allowed}.chat-foot{display:flex;justify-content:space-between;gap:16px;padding:10px 16px 14px;color:#7f8a84;font-size:12px}footer{max-width:1080px;margin:0 auto;padding:0 20px 42px;color:#66716b;display:flex;justify-content:space-between;font-size:13px}@media(max-width:760px){main{padding-top:30px}.info-grid{grid-template-columns:1fr}.topbar nav{gap:12px}.messages{min-height:390px;max-height:58vh;padding:14px}.bubble{max-width:90%}.composer{align-items:flex-end}.send{height:48px;padding:0 16px}.chat-foot{flex-direction:column;gap:4px}h1{font-size:46px}}
/* CACTUS R3 — COPY MESSAGE */

.message-wrap {
  display: flex;
  flex-direction: column;
  max-width: min(82%, 760px);
}

.message.user .message-wrap {
  align-items: flex-end;
}

.message.assistant .message-wrap {
  align-items: flex-start;
}

.message-wrap .bubble {
  max-width: 100%;
}

.message-actions {
  margin-top: 5px;
  padding: 0 5px;
}

.copy-message {
  appearance: none;
  border: 0;
  background: transparent;
  color: #7f8a84;
  font: inherit;
  font-size: 12px;
  padding: 4px 5px;
  cursor: pointer;
  border-radius: 6px;
}

.copy-message:hover,
.copy-message:focus {
  color: #dce4df;
  background: #1a1f1c;
  outline: none;
}

.copy-message.copied {
  color: #48d77d;
}

@media (max-width: 760px) {
  .message-wrap {
    max-width: 90%;
  }

  .copy-message {
    font-size: 13px;
    padding: 5px 6px;
  }
}