/* Plex Hub owner assistant — shared by loopback Admin and the owner client. */
.phai-fab{
  position:fixed;right:22px;bottom:24px;z-index:490;width:58px;height:58px;border:0;border-radius:20px;
  display:grid;place-items:center;color:#15120a;background:linear-gradient(145deg,#ffd45a,#e5a00d 62%,#b87300);
  box-shadow:0 14px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,226,134,.34) inset;
  cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;touch-action:manipulation;
}
.phai-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 28px rgba(229,160,13,.22)}
.phai-fab:active{transform:scale(.96)}
.phai-fab[data-mode="friend"]{bottom:calc(var(--ph-bar-h,64px) + 18px)}
body:has(.mubar.on) .phai-fab[data-mode="admin"]{bottom:88px}
/* The launcher was floating over the video and its controls. Hide it whenever
   the fullscreen player is open (it returns when you close the video), and
   while a bottom sheet/gate overlay is up. It stays out of the way now. */
body:has(.vp.on) .phai-fab, body:has(#gate[style*="flex"]) .phai-fab, body:has(.sheet.on) .phai-fab{ display:none !important; }
/* Owner docked the assistant into the bottom nav → suppress the floating FAB. */
body.phai-docked .phai-fab{ display:none !important; }
body:has(.mubar.on) .phai-fab[data-mode="friend"]{bottom:calc(var(--ph-bar-h,64px) + 78px)}
.phai-fab .phai-fab-dot{position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#59d28a;border:2px solid #1b160b}
.phai-fab[aria-expanded="true"]{opacity:0;pointer-events:none}
.phai-root{position:fixed;inset:0;z-index:500;display:none;color:#eef1f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.phai-root.phai-on{display:block}
.phai-backdrop{position:absolute;inset:0;background:rgba(3,5,8,.64);backdrop-filter:blur(5px);animation:phai-fade .18s ease}
.phai-drawer{position:absolute;right:0;top:0;bottom:0;width:min(920px,calc(100vw - 72px));display:flex;flex-direction:column;
  background:linear-gradient(165deg,#1d1d1d 0%,#171717 58%,#141414 100%);border-left:1px solid rgba(255,255,255,.1);
  box-shadow:-24px 0 70px rgba(0,0,0,.55);animation:phai-in .22s cubic-bezier(.2,.75,.25,1);overflow:hidden}
.phai-head{height:64px;flex:0 0 64px;padding:0 14px 0 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(15,19,26,.92);backdrop-filter:blur(18px)}
.phai-brandmark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#19150b;background:linear-gradient(145deg,#ffd45a,#e5a00d);box-shadow:0 7px 18px rgba(229,160,13,.18)}
.phai-headcopy{min-width:0;flex:1}.phai-headtitle{font-size:var(--fs-small);font-weight:800;letter-spacing:.2px}.phai-status{font-size:var(--fs-micro);color:#8f99aa;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phai-status[data-state="ready"]::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#59d28a;box-shadow:0 0 9px rgba(89,210,138,.5)}
.phai-status[data-state="busy"]::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#e5a00d;animation:phai-pulse 1.2s infinite}
.phai-iconbtn,.phai-toolbtn,.phai-send,.phai-newbtn,.phai-action{font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation}
.phai-iconbtn{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(255,255,255,.09);border-radius:11px;display:grid;place-items:center;background:#171c24;color:#b8c0cd}
.phai-iconbtn:hover{color:#fff;border-color:rgba(229,160,13,.45)}
.phai-histbtn{display:none}
.phai-body{min-height:0;flex:1;display:grid;grid-template-columns:236px minmax(0,1fr)}
.phai-side{min-width:0;display:flex;flex-direction:column;padding:14px 10px 12px;border-right:1px solid rgba(255,255,255,.075);background:#0d1117}
.phai-newbtn{height:42px;border:1px solid rgba(229,160,13,.38);border-radius:12px;background:rgba(229,160,13,.09);color:#f8d978;font-size:var(--fs-small);font-weight:750;display:flex;align-items:center;justify-content:center;gap:8px}
.phai-newbtn:hover{background:rgba(229,160,13,.15);border-color:rgba(229,160,13,.65)}
.phai-search{width:100%;box-sizing:border-box;margin:10px 0 7px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#141922;color:#e6eaf0;font:inherit;font-size:var(--fs-meta);outline:none}
.phai-search:focus{border-color:rgba(229,160,13,.5)}
.phai-history{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#343b48 transparent}
.phai-history-empty{padding:22px 9px;text-align:center;color:#707a89;font-size:var(--fs-meta);line-height:1.5}
.phai-thread{position:relative;margin:2px 0;border-radius:10px;display:flex;align-items:center;gap:4px;color:#aeb6c3}
.phai-thread:hover,.phai-thread.phai-active{background:#181e28;color:#f1f3f7}.phai-thread.phai-active{box-shadow:inset 2px 0 #e5a00d}
.phai-thread-main{min-width:0;flex:1;border:0;background:transparent;color:inherit;text-align:left;padding:10px 6px 10px 11px;cursor:pointer}
.phai-thread-title{display:block;font-size:var(--fs-meta);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phai-thread-meta{display:block;margin-top:3px;font-size:var(--fs-micro);color:#6f7988;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phai-thread-more{opacity:0;width:27px;height:27px;margin-right:4px;border:0;border-radius:8px;background:transparent;color:#7f8998;cursor:pointer;display:grid;place-items:center}
.phai-thread:hover .phai-thread-more,.phai-thread:focus-within .phai-thread-more{opacity:1}.phai-thread-more:hover{background:#242b37;color:#fff}
.phai-sidefoot{padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}
.phai-chat{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}
.phai-chatbar{height:52px;flex:0 0 52px;padding:0 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(11,14,19,.78)}
.phai-modelname{min-width:0;flex:1;font-size:var(--fs-meta);color:#aeb7c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phai-modelname b{color:#edf0f5;font-weight:750}
.phai-effort{border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#151a22;color:#c4cbd6;font:inherit;font-size:var(--fs-meta);padding:7px 26px 7px 9px;outline:none}.phai-effort:focus{border-color:#b77c07}
.phai-messages{min-height:0;flex:1;overflow-y:auto;padding:22px max(20px,calc((100% - 690px)/2)) 132px;scrollbar-width:thin;scrollbar-color:#343b48 transparent;overscroll-behavior:contain}
.phai-empty{height:100%;min-height:310px;display:grid;place-items:center;text-align:center;padding:30px;color:#8e98a7}
.phai-empty-inner{max-width:450px}.phai-empty-logo{width:58px;height:58px;margin:0 auto 17px;border-radius:19px;display:grid;place-items:center;color:#1a1508;background:linear-gradient(145deg,#ffdc71,#d89408);box-shadow:0 14px 42px rgba(229,160,13,.16)}
.phai-empty h2{margin:0 0 7px;color:#eef1f5;font-size:var(--fs-head)}.phai-empty p{font-size:var(--fs-small);line-height:1.55;margin:0}.phai-empty .phai-action{margin-top:17px}
.phai-msg{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;margin:0 0 22px;animation:phai-rise .18s ease}
.phai-avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#1b222d;color:#96a0ae;border:1px solid rgba(255,255,255,.08)}
.phai-msg[data-role="assistant"] .phai-avatar{background:linear-gradient(145deg,#f7c94d,#bb7900);color:#171208;border:0}
.phai-msgbody{min-width:0}.phai-role{height:24px;display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-micro);font-weight:750;color:#8993a2;text-transform:uppercase;letter-spacing:.55px}
.phai-copy{font-size:var(--fs-small);line-height:1.65;color:#e3e7ed;word-break:break-word;white-space:pre-wrap}.phai-copy:empty::after{content:"Thinking…";color:#727d8c;animation:phai-pulse 1.2s infinite}
.phai-copy p{margin:0 0 11px}.phai-copy pre{margin:10px 0;padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#07090d;color:#d7dce4;white-space:pre-wrap;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.phai-thinking{margin:1px 0 10px;border-left:2px solid #765b21;padding-left:10px}.phai-thinking summary{cursor:pointer;color:#a89568;font-size:var(--fs-meta);user-select:none}.phai-thinking pre{margin:7px 0 0;color:#8f99a7;white-space:pre-wrap;font:11.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.phai-toolcard{margin:10px 0 14px;padding:12px;border:1px solid rgba(229,160,13,.27);border-radius:13px;background:linear-gradient(145deg,rgba(229,160,13,.075),rgba(255,255,255,.025));box-shadow:0 10px 26px rgba(0,0,0,.15)}
.phai-toolhead{display:flex;align-items:center;gap:8px}.phai-toolicon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(229,160,13,.14);color:#f1c74d}.phai-toolname{font-size:var(--fs-meta);font-weight:750;min-width:0;flex:1}.phai-toolstate{font-size:var(--fs-micro);color:#a68c51;text-transform:uppercase;letter-spacing:.45px}
.phai-toolwhy{margin:8px 0 0;color:#aeb6c2;font-size:var(--fs-meta);line-height:1.5}.phai-toolargs{margin:9px 0 0;max-height:125px;overflow:auto;padding:9px;border-radius:8px;background:#090c10;color:#8f99a8;white-space:pre-wrap;font:10.5px/1.45 ui-monospace,Consolas,monospace}
.phai-toolactions{display:flex;gap:8px;margin-top:11px}.phai-action{border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#2a2a2a;color:#d9d9d9;font-size:var(--fs-meta);font-weight:700;padding:9px 12px}.phai-action:hover{border-color:rgba(229,160,13,.5)}.phai-action.phai-primary{border-color:#db960b;background:linear-gradient(145deg,#f1bd35,#c27c00);color:#181207}.phai-action.phai-danger{color:#ffb0aa;border-color:rgba(248,81,73,.3);background:rgba(248,81,73,.07)}.phai-action:disabled{opacity:.45;cursor:not-allowed}
.phai-composerwrap{position:absolute;left:0;right:0;bottom:0;padding:10px max(14px,calc((100% - 720px)/2)) calc(13px + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,#171717 72%,rgba(23,23,23,0));pointer-events:none}
.phai-pendingnotice{display:none;margin:0 2px 7px;padding:7px 10px;border:1px solid rgba(229,160,13,.28);border-radius:9px;background:rgba(38,30,13,.96);color:#e8c66c;font-size:var(--fs-micro);line-height:1.4;pointer-events:auto}.phai-awaiting-confirmation .phai-pendingnotice{display:block}.phai-awaiting-confirmation .phai-compose{border-color:rgba(229,160,13,.34)}
.phai-contexts{display:flex;align-items:center;gap:6px;overflow-x:auto;margin:0 2px 7px;pointer-events:auto;scrollbar-width:none}.phai-contexts::-webkit-scrollbar{display:none}.phai-contextchip{flex:0 0 auto;max-width:235px;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:#202631;color:#abb4c1;font-size:var(--fs-micro)}.phai-contextchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phai-contextchip button{border:0;background:transparent;color:#788393;cursor:pointer;padding:0;line-height:1}.phai-contextchip button:hover{color:#fff}
.phai-pathrow{display:none;gap:7px;margin:0 2px 7px;pointer-events:auto}.phai-pathrow.phai-show{display:flex}.phai-pathinput{min-width:0;flex:1;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#151a22;color:#e3e7ed;padding:8px 10px;font:inherit;font-size:var(--fs-meta);outline:none}.phai-pathinput:focus{border-color:#b57a08}
.phai-compose{pointer-events:auto;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(24,29,38,.97);box-shadow:0 16px 44px rgba(0,0,0,.4);transition:border-color .15s,box-shadow .15s}.phai-compose:focus-within{border-color:rgba(229,160,13,.5);box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 0 3px rgba(229,160,13,.055)}
.phai-textarea{display:block;width:100%;min-height:45px;max-height:160px;box-sizing:border-box;resize:none;border:0;outline:0;background:transparent;color:#edf0f4;padding:13px 14px 6px;font:14px/1.45 inherit}.phai-textarea::placeholder{color:#6d7786}
.phai-composefoot{display:flex;align-items:center;gap:4px;padding:4px 7px 7px}.phai-toolbtn{height:32px;min-width:32px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:#8993a1;font-size:var(--fs-micro);padding:0 8px}.phai-toolbtn:hover{background:#242a34;color:#f0f2f6}.phai-toolbtn[aria-pressed="true"]{color:#f2ca5a;background:rgba(229,160,13,.12)}.phai-toolbtn.phai-recording{color:#ff7870;background:rgba(248,81,73,.12);animation:phai-pulse .9s infinite}.phai-compose-spacer{flex:1}
.phai-send{width:34px;height:34px;border:0;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#f4c443,#bd7800);color:#171207}.phai-send:disabled{opacity:.35;cursor:not-allowed}.phai-stop{display:none;background:#f0f2f6;color:#11151b}.phai-busy .phai-stop{display:grid}.phai-busy .phai-submit{display:none}
.phai-newview{padding:4px 0 24px}.phai-newview h2{font-size:var(--fs-head);margin:0 0 5px}.phai-newsub{color:#7f8998;font-size:var(--fs-meta);margin-bottom:16px}.phai-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.phai-model{position:relative;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#151a22;color:#dfe3e9;padding:12px;cursor:pointer;min-height:97px}.phai-model:hover{border-color:rgba(229,160,13,.42);background:#191f28}.phai-model.phai-selected{border-color:#d99308;box-shadow:0 0 0 2px rgba(229,160,13,.1) inset;background:rgba(229,160,13,.075)}.phai-modeltitle{font-size:var(--fs-meta);font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phai-modeldesc{margin-top:5px;color:#828c9b;font-size:var(--fs-micro);line-height:1.4}.phai-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.phai-badge{padding:3px 6px;border-radius:999px;background:#242b36;color:#9fa8b6;font-size:var(--fs-micro);font-weight:700;text-transform:capitalize}.phai-badge.phai-rec{background:rgba(229,160,13,.15);color:#f0c75b}.phai-badge.phai-warn{background:rgba(248,81,73,.16);color:#ff8b83}.phai-model.phai-toobig{opacity:.62}.phai-model.phai-toobig .phai-modeltitle{color:#c7ccd4}.phai-model.phai-toobig:hover{border-color:rgba(248,81,73,.4)}.phai-newactions{display:flex;justify-content:flex-end;margin-top:13px}
.phai-errorbox,.phai-loadingbox{margin:22px auto;max-width:440px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#141922;text-align:center;color:#8f99a7;font-size:var(--fs-meta);line-height:1.5}.phai-errorbox{border-color:rgba(248,81,73,.22);color:#e1a4a0}.phai-spinner{width:22px;height:22px;margin:0 auto 10px;border:2px solid #343c48;border-top-color:#e5a00d;border-radius:50%;animation:phai-spin .75s linear infinite}
.phai-toast{position:absolute;left:50%;bottom:126px;z-index:4;transform:translate(-50%,12px);opacity:0;pointer-events:none;max-width:min(390px,80%);padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#202630;color:#edf0f4;box-shadow:0 12px 32px rgba(0,0,0,.42);font-size:var(--fs-meta);transition:.18s}.phai-toast.phai-show{opacity:1;transform:translate(-50%,0)}
.phai-modalveil{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:18px;background:rgba(4,6,9,.72);backdrop-filter:blur(4px)}.phai-modal{width:min(390px,100%);padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#171c24;box-shadow:0 24px 70px rgba(0,0,0,.6)}.phai-modal h3{font-size:var(--fs-title);margin:0 0 6px}.phai-modal p{color:#939dab;font-size:var(--fs-meta);line-height:1.5;margin:0 0 14px}.phai-modal input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0e1218;color:#eef1f5;padding:10px 11px;font:inherit;outline:none}.phai-modal input:focus{border-color:#d18a06}.phai-modalactions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
body.phai-open{overflow:hidden!important}
.profiles .prof{font:inherit;color:inherit;background:transparent;-webkit-appearance:none;appearance:none}
.profiles .ph-owner-prof{position:relative;border-color:rgba(229,160,13,.55);background:linear-gradient(155deg,rgba(229,160,13,.12),var(--card,#161b23));box-shadow:0 10px 30px rgba(229,160,13,.08)}
.profiles .ph-owner-prof:hover{border-color:#e5a00d;transform:translateY(-2px)}
.profiles .ph-owner-prof .lock{color:#f2c854;letter-spacing:.45px}
.ph-owner-claim{max-width:380px}
@media(max-width:760px){
  .phai-fab{right:14px;width:54px;height:54px;border-radius:18px}
  .phai-drawer{width:100vw;border-left:0}.phai-head{height:calc(58px + env(safe-area-inset-top,0px));flex-basis:calc(58px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
  .phai-body{display:block;position:relative}.phai-side{position:absolute;z-index:6;inset:0 58px 0 0;transform:translateX(-105%);transition:transform .2s ease;border-right:1px solid rgba(255,255,255,.1);box-shadow:18px 0 45px rgba(0,0,0,.48)}.phai-side.phai-sideon{transform:translateX(0)}
  .phai-histbtn{display:grid}.phai-chat{height:100%}.phai-chatbar{height:48px;flex-basis:48px;padding:0 10px}.phai-messages{padding:17px 14px 142px}.phai-models{grid-template-columns:1fr}.phai-msg{grid-template-columns:27px minmax(0,1fr);gap:8px;margin-bottom:19px}.phai-avatar{width:27px;height:27px;border-radius:9px}.phai-copy{font-size:var(--fs-small)}.phai-effort{max-width:118px}
  .phai-composerwrap{padding-left:9px;padding-right:9px}.phai-textarea{font-size:var(--fs-title)}.phai-toolbtn span{display:none}.phai-toolbtn{padding:0 6px}.phai-toast{bottom:132px}
  body.phai-open .bnav,body.phai-open .mubar,body.phai-open .munow,body.phai-open .detail,body.phai-open .vp{visibility:hidden!important;pointer-events:none!important}
}
@media(prefers-reduced-motion:reduce){.phai-root *,.phai-fab{animation-duration:.001ms!important;transition-duration:.001ms!important}}
@keyframes phai-in{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
@keyframes phai-fade{from{opacity:0}to{opacity:1}}
@keyframes phai-rise{from{transform:translateY(5px);opacity:.2}to{transform:none;opacity:1}}
@keyframes phai-spin{to{transform:rotate(360deg)}}
@keyframes phai-pulse{50%{opacity:.45}}

/* The now-playing view is full-screen and modal. The floating assistant button
   sat on top of its own controls — it covered "Save as playlist" and swallowed
   the tap. Nothing should float above the player. */
body:has(.munow.on) .phai-fab{ display:none !important; }
/* R6 chunk 33 — the plan on a confirmation card: what it is about to do. */
.phai-plan{margin:9px 0 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(229,160,13,.3);background:rgba(229,160,13,.06)}
.phai-planhead{font-size:var(--fs-small);font-weight:700;color:#f2f5f9;line-height:1.4}
.phai-planline{margin-top:5px;font-size:var(--fs-meta);color:#c3cbd6;line-height:1.5}
.phai-planwarn{margin-top:6px;font-size:var(--fs-meta);color:#e5a00d;line-height:1.45}
.phai-planblock{margin-top:8px;padding:7px 9px;border-radius:8px;background:rgba(255,90,90,.12);color:#ffb3b3;font-size:var(--fs-meta);line-height:1.45}
/* ===== R6 chunk 34 — where the assistant lives ===== */
/* I3.1: the full page. The drawer is right for a quick question and wrong for
   a long answer with a tool card in it. */
.phai-root.phai-fullpage .phai-drawer{width:100vw;max-width:none;border-radius:0;border-left:none}
.phai-root.phai-fullpage .phai-backdrop{opacity:0}
.phai-root.phai-fullpage .phai-messages{max-width:820px;margin:0 auto;width:100%}
.phai-root.phai-fullpage .phai-composerwrap{max-width:820px;margin:0 auto;width:100%}
.phai-root.phai-fullpage .phai-side{position:static;transform:none;width:270px;flex:none}
.phai-expand[aria-pressed="true"]{color:#e5a00d}
@media (max-width:760px){ .phai-root.phai-fullpage .phai-side{position:absolute} }
/* I3.6: pinned conversations, and what matched. */
.phai-histsec{margin:12px 4px 5px;font-size:var(--fs-micro);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6d7684}
.phai-thread-pin{flex:none;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#6d7684;cursor:pointer}
.phai-thread-pin:hover{background:rgba(255,255,255,.06);color:#c3cbd6}
.phai-thread-pin.phai-pinned{color:#e5a00d}
.phai-thread-snip{display:block;margin-top:3px;font-size:var(--fs-micro);line-height:1.4;color:#8f99a8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* I3.8: what to ask, from where you are. */
/* Opaque on purpose: chips with a transparent background over a transcript
   read as floating text, which is exactly how the bug above looked. */
.phai-suggest{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 9px;background:#141414;border-radius:12px}
.phai-chip{padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#c3cbd6;font-size:var(--fs-meta);cursor:pointer;text-align:left}
.phai-chip:hover{border-color:rgba(229,160,13,.5);color:#f2f5f9}
/* The host pages style every input globally — hub.css's
   `input[type="search"]` (0,1,1) outranks `.phai-search` (0,1,0) and painted
   the assistant's search box WHITE on a black panel. The assistant is a widget
   embedded in someone else's page, so it defends its own controls. */
.phai-root input.phai-search{background:#141922;color:#e6eaf0;border:1px solid rgba(255,255,255,.075);
  border-radius:10px;font-size:var(--fs-meta);box-shadow:none}
.phai-root input.phai-search::placeholder{color:#6d7684}
.phai-root input.phai-search:focus{border-color:rgba(229,160,13,.5);outline:none}

/* ===== R6 chunk 43 — models & cost ===== */
.phai-badge.phai-free{background:rgba(120,200,140,.14);color:#8fd6a4}
.phai-badge.phai-paid{background:rgba(140,170,255,.13);color:#a8bcff}
.phai-modeldesc{text-transform:none}
.phai-route{padding:5px 12px 0;font-size:var(--fs-micro);line-height:1.4;color:#828c9b;min-height:0}
.phai-route.phai-routefree{color:#8fd6a4}
.phai-route.phai-routepaid{color:#a8bcff}
.phai-notice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 9px;padding:9px 11px;border-radius:11px;border:1px solid rgba(229,160,13,.32);background:rgba(229,160,13,.08);color:#f0c75b;font-size:var(--fs-meta);line-height:1.45}

/* ===== R6 chunk 44 — answer quality ===== */
.phai-src{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:7px 0 0;font-size:var(--fs-micro);color:#828c9b}
.phai-srclabel{padding:2px 6px;border-radius:999px;background:#242b36;color:#9fa8b6;font-weight:800;font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase}
.phai-srctool{color:#5f6875;font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-micro)}
.phai-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:9px}
.phai-card{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#151a22;padding:10px 11px;display:flex;flex-direction:column;gap:4px}
.phai-card.phai-have{border-color:rgba(120,200,140,.32)}
.phai-cardtitle{font-size:var(--fs-meta);font-weight:740;line-height:1.3}
.phai-cardsub{font-size:var(--fs-micro);color:#828c9b}
.phai-cardgo{margin-top:auto;align-self:flex-start;border:0;border-radius:999px;padding:4px 10px;background:rgba(229,160,13,.16);color:#f0c75b;font-size:var(--fs-micro);font-weight:760;cursor:pointer}
.phai-card.phai-have .phai-cardgo{background:rgba(120,200,140,.16);color:#8fd6a4}
.phai-cardgo:hover{filter:brightness(1.18)}
.phai-caution{margin:9px 0 0;padding:8px 11px;border-radius:11px;border:1px solid rgba(248,81,73,.3);background:rgba(248,81,73,.08);color:#ff9b93;font-size:var(--fs-micro);line-height:1.45}