.tri-fab{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid #a24bff;background:linear-gradient(135deg,#2a0f4a,#12091f);color:#f3e8ff;font:600 14px/1 system-ui,-apple-system,sans-serif;box-shadow:0 6px 24px rgba(162,75,255,.35);cursor:pointer}
.tri-av{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1b1230;border:1px solid #a24bff;flex:none}
.tri-fab{padding:6px 14px 6px 6px}
.tri-fab-text{display:flex;flex-direction:column;gap:2px;text-align:left}
.tri-fab-label{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#b79ce0;font-weight:500}
.tri-fab-name{font-size:13.5px;font-weight:700;color:#fff}
.tri-fab-cta{margin-left:4px;background:#a24bff;color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}
.tri-id{display:flex;align-items:center;gap:8px}
@media (max-width:700px){.tri-fab{right:10px;bottom:10px}.tri-panel{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100dvh - 90px)}}
.tri-panel{position:fixed;right:16px;bottom:16px;z-index:51;width:min(400px,calc(100vw - 24px));height:min(600px,calc(100vh - 32px));display:flex;flex-direction:column;background:#0d0a14;border:1px solid #3a2560;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.6);color:#e8e2f0;font:14px/1.45 system-ui,-apple-system,sans-serif;overflow:hidden}
.tri-panel[hidden],.tri-fab[hidden],.tri-tip[hidden]{display:none}
.tri-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:linear-gradient(135deg,#2a0f4a,#12091f);border-bottom:1px solid #3a2560}
.tri-sub{font-size:11px;color:#b79ce0;margin-left:6px}
.tri-head-btns{display:flex;gap:6px;flex:none}.tri-head button{white-space:nowrap}.tri-sub{display:block;margin-left:0}
.tri-head button{background:#1b1230;color:#e8e2f0;border:1px solid #3a2560;border-radius:8px;padding:4px 9px;cursor:pointer;font-size:13px}
.tri-tip{padding:10px 12px;background:#150f24;border-bottom:1px solid #3a2560;font-size:13px}
.tri-addr{display:flex;gap:6px;align-items:center;margin:8px 0 4px}
.tri-addr code{flex:1;word-break:break-all;font-size:11px;background:#0d0a14;padding:6px;border-radius:6px;border:1px solid #3a2560}
.tri-copy{background:#a24bff;color:#fff;border:0;border-radius:6px;padding:6px 10px;cursor:pointer}
.tri-note{font-size:11px;color:#9b8bb8}.tri-note a{color:#c9a7ff}
.tri-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.tri-msg{max-width:90%;padding:8px 11px;border-radius:12px;word-wrap:break-word}
.tri-user{align-self:flex-end;background:#a24bff;color:#fff;border-bottom-right-radius:4px}
.tri-assistant{align-self:flex-start;background:#1b1230;border:1px solid #2f2050;border-bottom-left-radius:4px}
.tri-wait{opacity:.6;animation:tri-pulse 1s infinite}
@keyframes tri-pulse{50%{opacity:.25}}
.tri-rot{display:inline-flex;align-items:center;gap:4px;background:#0d0a14;border:1px solid #3a2560;border-radius:8px;padding:1px 6px 1px 2px;margin:1px 2px;vertical-align:middle}
.tri-rot img{width:26px;height:26px;border-radius:5px;object-fit:cover;background:#1b1230}
.tri-rot a{color:#c9a7ff;text-decoration:none;font-weight:600}
.tri-find{background:none;border:0;color:#9b8bb8;cursor:pointer;font-size:14px;padding:0 2px}
.tri-starters{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}
.tri-chip{background:#1b1230;border:1px solid #3a2560;color:#d9c8f5;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}
.tri-form{display:flex;gap:6px;padding:8px 12px;border-top:1px solid #2f2050}
.tri-in{flex:1;background:#150f24;border:1px solid #3a2560;color:#fff;border-radius:10px;padding:9px 10px;font-size:16px}
.tri-send{background:#a24bff;color:#fff;border:0;border-radius:10px;padding:0 14px;font-weight:600;cursor:pointer}
.tri-foot{text-align:center;font-size:10.5px;color:#7d6ea0;padding:0 8px 8px}

.tri-applied { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-top:.5rem; padding:.35rem .5rem;
  border:1px dashed rgba(255,215,0,.45); border-radius:8px; font-family:ui-monospace,monospace; font-size:.68rem; color:#ffd24a; }
.tri-applied .tri-view { background:#ffd24a; color:#0a0a0d; border:none; border-radius:6px; padding:.2rem .5rem; font-weight:700; font-size:.68rem; cursor:pointer; }