.trio-controls{display:flex;flex-wrap:wrap;gap:.55rem}.topic-card{border:1px solid rgba(15,23,42,.09);border-radius:1rem;background:#f8fbff;padding:1rem}.topic-card pre{white-space:pre-wrap;font-family:inherit;color:#0f172a;font-size:.95rem}.trio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.agent-card{border:1px solid rgba(15,23,42,.09);border-radius:1rem;background:#fff;box-shadow:0 .35rem 1rem rgba(15,23,42,.04);padding:1rem;min-height:16rem;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.agent-card.is-active{border-color:rgba(13,110,253,.5);box-shadow:0 .7rem 1.5rem rgba(13,110,253,.12);transform:translateY(-2px)}.agent-card.is-done{border-color:rgba(22,163,74,.3)}.agent-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.8rem}.agent-head strong{font-size:.92rem;color:#071437;line-height:1.2}.agent-head .badge{margin-left:auto}.agent-dot{width:.8rem;height:.8rem;border-radius:999px;box-shadow:0 0 0 .24rem rgba(15,23,42,.06);flex:0 0 auto}.agent-dot.ai0{background:#0d6efd}.agent-dot.ai1{background:#f59e0b}.agent-dot.ai2{background:#22c55e}.agent-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.86rem;line-height:1.42;color:#334155;background:#f8fafc;border:1px solid rgba(15,23,42,.06);border-radius:.8rem;padding:.8rem;min-height:12rem;max-height:20rem;overflow:auto}.mono-box{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.86rem;border-radius:.9rem;background:#fbfdff}.rto-master-guide{box-shadow:0 0 0 .28rem rgba(13,110,253,.18)!important;border-color:rgba(13,110,253,.55)!important;animation:rtoMasterGuidePulse .7s ease-in-out 2}@keyframes rtoMasterGuidePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@media(max-width:1199px){.trio-grid{grid-template-columns:1fr}}@media(max-width:575px){.mono-box{font-size:.8rem}.agent-card{min-height:auto}}

.master-activity{border:1px solid rgba(13,110,253,.18);border-radius:1rem;background:linear-gradient(135deg,#f8fbff,#eef6ff);padding:1rem 1.15rem;box-shadow:0 .45rem 1.2rem rgba(13,110,253,.08)}.activity-title{font-size:1.28rem;font-weight:750;color:#071437;line-height:1.25;margin-top:.2rem}.activity-detail{font-size:1rem;color:#334155;line-height:1.45;margin-top:.35rem}.form-select{border-radius:.8rem}.agent-card.is-done{border-color:rgba(22,163,74,.3)}

/* v7 local visual fallbacks: activity panel */
.activity-live-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem}.rto-live-spinner{width:1.05rem;height:1.05rem;border-radius:999px;border:3px solid rgba(13,110,253,.18);border-top-color:#0d6efd;display:inline-block;animation:rtoLiveSpin .82s linear infinite;box-shadow:0 0 0 .22rem rgba(13,110,253,.08)}.master-activity.is-idle .rto-live-spinner{animation:none;border-top-color:rgba(13,110,253,.18);opacity:.55}.master-activity.is-done .rto-live-spinner{animation:none;border-color:#22c55e;background:#22c55e;box-shadow:0 0 0 .22rem rgba(34,197,94,.12)}@keyframes rtoLiveSpin{to{transform:rotate(360deg)}}.journal-details summary{cursor:pointer;color:#334155;font-weight:650;list-style:none}.journal-details summary::-webkit-details-marker{display:none}.journal-details summary:before{content:"▸";display:inline-block;margin-right:.4rem;transition:transform .15s ease}.journal-details[open] summary:before{transform:rotate(90deg)}.log-box{max-height:22rem;overflow:auto}.final-report-ready{border-color:rgba(34,197,94,.55)!important;box-shadow:0 0 0 .22rem rgba(34,197,94,.12)!important}.final-report-missing{border-color:rgba(239,68,68,.55)!important;box-shadow:0 0 0 .22rem rgba(239,68,68,.12)!important}


/* v9 conversation protocol polish */
.rto-live-spinner{
  width:4.2rem;
  height:4.2rem;
  border-width:8px;
  position:relative;
  flex:0 0 auto;
  background:radial-gradient(circle at center,#fff 43%,rgba(13,110,253,.08) 45%,rgba(13,110,253,.18) 100%);
  box-shadow:0 0 0 .45rem rgba(13,110,253,.08),0 1rem 2.2rem rgba(13,110,253,.18);
}
.rto-live-spinner:after{
  content:"RTO";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.82rem;
  font-weight:900;
  color:#0d6efd;
  letter-spacing:.04em;
}
.master-activity.is-done .rto-live-spinner:after{color:#fff}.master-activity.is-idle .rto-live-spinner:after{color:#94a3b8}
.final-report-render{
  min-height:16rem;
  border:1px solid rgba(15,23,42,.1);
  border-radius:1.15rem;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 .6rem 1.4rem rgba(15,23,42,.05);
  padding:1.25rem 1.35rem;
  color:#10213f;
  line-height:1.55;
}
.final-report-render h2{font-size:1.35rem;margin:0 0 .8rem;color:#071437}.final-report-render h3{font-size:1.1rem;margin:1.1rem 0 .45rem;color:#0d3b75}.final-report-render h4{font-size:1rem;margin:1rem 0 .4rem;color:#334155}.final-report-render p{margin:0 0 .72rem}.final-report-render ul{margin:.2rem 0 .85rem 1.2rem}.final-report-render li{margin:.2rem 0}.final-report-render.final-report-ready{border-color:rgba(34,197,94,.55)!important;box-shadow:0 0 0 .22rem rgba(34,197,94,.12),0 .6rem 1.4rem rgba(15,23,42,.05)!important}.final-report-render.final-report-missing{border-color:rgba(239,68,68,.55)!important;box-shadow:0 0 0 .22rem rgba(239,68,68,.12),0 .6rem 1.4rem rgba(15,23,42,.05)!important}


/* v10 final state hard stop */
.master-activity.is-done .rto-live-spinner,
.master-activity.is-idle .rto-live-spinner{
  animation:none!important;
}
.master-activity.is-active .rto-live-spinner{
  animation:rtoLiveSpin .82s linear infinite!important;
}


/* v27 provider access alert */
.master-activity.is-error{
  border-color:rgba(239,68,68,.45);
  background:linear-gradient(135deg,#fff7f7,#fee2e2);
  box-shadow:0 .75rem 2rem rgba(239,68,68,.18);
}
.master-activity.is-error .activity-title{color:#991b1b}
.master-activity.is-error .activity-detail{color:#7f1d1d}
.master-activity.is-error .rto-live-spinner{
  animation:rtoAlertSpin .55s linear infinite,rtoAlertPulse .9s ease-in-out infinite!important;
  border-color:rgba(239,68,68,.25);
  border-top-color:#dc2626;
  background:radial-gradient(circle at center,#fff 42%,rgba(239,68,68,.1) 44%,rgba(239,68,68,.24) 100%);
  box-shadow:0 0 0 .45rem rgba(239,68,68,.12),0 0 1.2rem rgba(239,68,68,.55),0 1rem 2.2rem rgba(239,68,68,.22);
}
.master-activity.is-error .rto-live-spinner:after{color:#dc2626}
@keyframes rtoAlertSpin{to{transform:rotate(360deg)}}
@keyframes rtoAlertPulse{0%,100%{filter:saturate(1);box-shadow:0 0 0 .45rem rgba(239,68,68,.12),0 0 1.2rem rgba(239,68,68,.48),0 1rem 2.2rem rgba(239,68,68,.2)}50%{filter:saturate(1.35);box-shadow:0 0 0 .65rem rgba(239,68,68,.2),0 0 2rem rgba(239,68,68,.72),0 1rem 2.4rem rgba(239,68,68,.28)}}

/* v29 simplified public interface + remarkable card */
.trio-controls{align-items:center}.trio-controls .btn-lg{border-radius:1rem;padding:.8rem 1.25rem;font-weight:800;box-shadow:0 .7rem 1.4rem rgba(13,110,253,.18)}
.language-help{font-size:.92rem;color:#64748b;line-height:1.35;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:.85rem;padding:.75rem .9rem}.rto-language-select{border-radius:.9rem;min-height:2.8rem}.remarkable-card{border:1px solid rgba(13,110,253,.18);border-radius:1.25rem;background:linear-gradient(135deg,#ffffff,#f0f7ff 65%,#eaf4ff);padding:1.15rem 1.25rem;box-shadow:0 .8rem 2rem rgba(13,110,253,.08)}.remarkable-card h2{color:#071437}.remarkable-card .pill{background:#eaf4ff;color:#0d3b75}.topic-card{background:linear-gradient(180deg,#fff,#f8fbff)}

/* v34 editorial cards */
.editorial-card{border:1px solid rgba(13,110,253,.18);border-radius:1.25rem;background:linear-gradient(135deg,#ffffff,#f8fbff 62%,#eef6ff);padding:1.15rem 1.25rem;box-shadow:0 .8rem 2rem rgba(13,110,253,.07)}.editorial-card h2{color:#071437}.editorial-card .pill{background:#eef6ff;color:#0d3b75}



/* v56 fixed demo info */
.demo-time-estimate{
  font-size:.92rem;
  color:#334155;
  line-height:1.35;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  border-radius:.85rem;
  padding:.75rem .9rem;
}
.demo-time-estimate-important{
  display:flex;
  align-items:center;
  gap:.65rem;
  border-color:rgba(13,110,253,.28);
  background:linear-gradient(135deg,#eef6ff,#ffffff);
  color:#0d3b75;
  font-weight:900;
  font-size:1rem;
  box-shadow:0 .55rem 1.35rem rgba(13,110,253,.08);
}
.demo-time-estimate-important:before{
  content:"\F293";
  font-family:"bootstrap-icons";
  color:#0d6efd;
  font-size:1.18rem;
}
.trio-controls .btn-lg{
  width:100%;
  justify-content:center;
}

/* v82 fixed three-tab story and avatars */
.trio-friends-story{
  display:flex;
  align-items:center;
  gap:1rem;
  border:1px solid rgba(13,110,253,.18);
  border-radius:1.15rem;
  background:linear-gradient(135deg,#ffffff,#f1f7ff);
  padding:1rem 1.1rem;
  box-shadow:0 .7rem 1.6rem rgba(13,110,253,.08);
}
.trio-friends-avatars{display:flex;align-items:center;min-width:164px}
.trio-friends-avatars img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:999px;
  border:4px solid #fff;
  box-shadow:0 .45rem 1.1rem rgba(15,23,42,.16);
  background:#fff;
}
.trio-friends-avatars img+img{margin-left:-26px}
.trio-friends-story h2{color:#071437}
@media(max-width:575px){.trio-friends-story{align-items:flex-start;flex-direction:column}.trio-friends-avatars{min-width:0}}

.conversation-thread-card{border:1px solid rgba(15,23,42,.09);border-radius:1rem;background:#fff;box-shadow:0 .35rem 1rem rgba(15,23,42,.04);padding:1rem}.conversation-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:.85rem;margin-bottom:.85rem}.conversation-thread-help{color:#64748b;font-size:.92rem}.conversation-legend{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap;font-size:.88rem;color:#334155}.conversation-legend span{display:inline-flex;align-items:center;gap:.36rem}.conversation-thread-scroll{max-height:30rem;overflow-y:auto;padding:.15rem .35rem .15rem 0;scrollbar-gutter:stable}.thread-message{border-left:.22rem solid rgba(15,23,42,.1);background:#f8fafc;border-radius:.9rem;margin:0 0 .75rem 0;padding:.85rem .9rem}.thread-message:last-child{margin-bottom:0}.thread-ai0{border-left-color:#0d6efd}.thread-ai1{border-left-color:#f59e0b}.thread-ai2{border-left-color:#22c55e}.thread-speaker{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;color:#071437}.thread-speaker strong{font-size:.92rem}.thread-message h3{font-size:.98rem;margin:.45rem 0 .3rem;color:#0f172a}.thread-message p{margin:.35rem 0;color:#334155;line-height:1.5}.thread-inline-dot{display:inline-block;margin-right:.45rem;vertical-align:.08rem}.thread-message .agent-dot{box-shadow:0 0 0 .18rem rgba(15,23,42,.06)}@media(max-width:575px){.conversation-thread-head{display:block}.conversation-legend{justify-content:flex-start;margin-top:.75rem}.conversation-thread-scroll{max-height:24rem}}


/* v218 hero + language selector attention */
.ai-trio-hero{
  position:relative;
  margin-top:1rem;
  margin-bottom:1.5rem;
  border:1px solid rgba(13,110,253,.18);
  border-radius:1.6rem;
  background:radial-gradient(circle at 12% 10%,rgba(13,110,253,.16),transparent 34%),linear-gradient(135deg,#ffffff,#f8fbff 56%,#eaf4ff);
  box-shadow:0 1.2rem 3rem rgba(13,110,253,.12);
  overflow:hidden;
  padding:2rem;
}
.ai-trio-hero:after{
  content:"";
  position:absolute;
  right:-5rem;
  top:-5rem;
  width:18rem;
  height:18rem;
  border-radius:999px;
  background:radial-gradient(circle,rgba(13,110,253,.20),rgba(13,110,253,.07) 44%,transparent 72%);
  filter:blur(.2px);
  animation:aiTrioLensFloat 8s ease-in-out infinite;
  pointer-events:none;
}
.ai-trio-hero-content{position:relative;z-index:1;max-width:52rem}
.ai-trio-hero h1{font-size:clamp(2rem,4vw,3.55rem);line-height:1.03;letter-spacing:-.045em;color:#071437;margin:0 0 1rem;font-weight:900}
.ai-trio-hero p{font-size:1.12rem;line-height:1.55;color:#334155;max-width:46rem;margin:0 0 1rem}
.hero-google-note{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(13,110,253,.20);border-radius:999px;background:rgba(255,255,255,.78);color:#0d3b75;font-weight:800;padding:.62rem .9rem;box-shadow:0 .5rem 1.2rem rgba(13,110,253,.08)}
@keyframes aiTrioLensFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-1.5rem,1rem,0) scale(1.08)}}
.language-focus-card{border-color:rgba(13,110,253,.28)!important;box-shadow:0 .9rem 2.2rem rgba(13,110,253,.10)!important}
.rto-language-select{border:2px solid rgba(13,110,253,.52)!important;background:linear-gradient(180deg,#fff,#f8fbff);font-weight:800;color:#071437;box-shadow:0 0 0 .24rem rgba(13,110,253,.12),0 0 1.1rem rgba(13,110,253,.22);animation:rtoLanguageGlow 1.9s ease-in-out infinite}
.rto-language-select:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .3rem rgba(13,110,253,.25),0 0 1.45rem rgba(13,110,253,.38)!important}
@keyframes rtoLanguageGlow{0%,100%{box-shadow:0 0 0 .20rem rgba(13,110,253,.10),0 0 .9rem rgba(13,110,253,.20)}50%{box-shadow:0 0 0 .34rem rgba(13,110,253,.20),0 0 1.55rem rgba(13,110,253,.38)}}
@media(max-width:575px){.ai-trio-hero{padding:1.35rem}.hero-google-note{border-radius:1rem;align-items:flex-start}}


/* v219 one-column public layout */
.ai-trio-single-column{max-width:980px;margin:0 auto;}
.ai-trio-soft-rule{border:0;border-top:1px solid rgba(15,23,42,.08);margin:1.25rem 0;}
.dashboard-card,.language-launch-panel{border:1px solid rgba(13,110,253,.14);border-radius:1.15rem;background:linear-gradient(135deg,#ffffff,#f8fbff);padding:1.05rem 1.15rem;box-shadow:0 .55rem 1.45rem rgba(13,110,253,.06);}
.language-launch-panel .btn-lg{min-height:3.05rem;border-radius:1rem;font-weight:900;}
.topic-intro{color:#334155;line-height:1.5;}
@media(max-width:575px){.ai-trio-single-column .card-demo{padding:1.15rem!important}.language-launch-panel{padding:1rem}.activity-live-head{align-items:flex-start}.rto-live-spinner{width:3.4rem;height:3.4rem;border-width:7px}}


/* v235 final production polish: lighter SDK card, fun without noise */
.rto-sdk-fun-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(13,110,253,.18);
  background:
    radial-gradient(circle at 12% 18%,rgba(255,214,102,.36),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(13,110,253,.16),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 62%,#eef6ff 100%);
  box-shadow:0 1rem 2.6rem rgba(13,110,253,.10);
}
.rto-sdk-fun-card:before{
  content:"";
  position:absolute;
  inset:auto -3rem -4.4rem auto;
  width:13rem;
  height:13rem;
  border-radius:999px;
  background:rgba(13,110,253,.07);
  pointer-events:none;
}
.rto-sdk-fun-card>*{position:relative;z-index:1}
.rto-sdk-fun-card h2{color:#071437;font-weight:850;letter-spacing:-.02em}
.rto-sdk-fun-card .pill{background:#fff7df;color:#765000;border-color:rgba(245,158,11,.22)}
.rto-sdk-action-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.sdk-mini-note{font-size:.92rem;line-height:1.45;color:#64748b;max-width:52rem}
@media(max-width:575px){.rto-sdk-action-row .btn{width:100%}}