.rios-assistant{position:fixed;left:20px;bottom:20px;z-index:55;font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;color:#101113}
.rios-assistant--app{left:max(14px,calc((100vw - 430px)/2 + 14px));bottom:88px;z-index:80}
.rios-assistant__toggle{min-height:50px;border:0;border-radius:999px;padding:0 18px;display:flex;align-items:center;gap:9px;background:#101113;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1;box-shadow:0 16px 40px -14px rgba(16,17,19,.55);cursor:pointer}
.rios-assistant__toggle svg{width:18px;height:18px;flex:none}
.rios-assistant__panel{position:absolute;left:0;bottom:62px;width:min(360px,calc(100vw - 28px));max-height:min(590px,calc(100vh - 110px));padding:0;overflow:auto;background:#fff;border:1px solid rgba(16,17,19,.1);border-radius:22px;box-shadow:0 28px 80px -24px rgba(16,17,19,.45)}
.rios-assistant--app .rios-assistant__panel{max-height:calc(100vh - 160px)}
.rios-assistant__head{display:flex;align-items:flex-start;gap:12px;padding:17px 18px 14px;border-bottom:1px solid rgba(16,17,19,.08)}
.rios-assistant__mark{width:34px;height:34px;border-radius:11px;background:#D6222A;color:#fff;display:grid;place-items:center;font-weight:900;flex:none}
.rios-assistant__head b{display:block;font-size:14px;line-height:1.25}
.rios-assistant__head span{display:block;margin-top:2px;color:#6F6A66;font-size:11px;line-height:1.35}
.rios-assistant__head .rios-assistant__mark{display:grid;margin-top:0;color:#fff;font-size:14px;line-height:1}
.rios-assistant__close{margin-left:auto;width:34px;height:34px;border:0;border-radius:50%;background:#F1ECE7;color:#101113;font-size:20px;cursor:pointer;flex:none}
.rios-assistant__body{padding:16px 18px 18px}
.rios-assistant__intro{font-size:13px;line-height:1.5;color:#3B3B3F}
.rios-assistant__answer{display:none;margin-top:13px;padding:12px 13px;border-radius:13px;background:#FAF7F4;font-size:13px;line-height:1.5;white-space:pre-wrap}
.rios-assistant__answer[data-show="true"]{display:block}
.rios-assistant__handoff{display:none;margin-top:10px;color:#A31118;font-size:12px;font-weight:800;text-decoration:none}
.rios-assistant__handoff[data-show="true"]{display:inline-flex}
.rios-assistant__form{display:flex;gap:8px;margin-top:14px}
.rios-assistant__input{min-width:0;flex:1;height:46px;border:1px solid rgba(16,17,19,.15);border-radius:13px;padding:0 12px;background:#fff;color:#101113;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3}
.rios-assistant__input:focus{outline:2px solid rgba(214,34,42,.25);border-color:#D6222A}
.rios-assistant__send{width:46px;height:46px;border:0;border-radius:13px;background:#D6222A;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.rios-assistant__send:disabled{cursor:wait;opacity:.55}
.rios-assistant__note{margin-top:9px;color:#6F6A66;font-size:10.5px;line-height:1.4}
.rios-assistant .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rios-assistant__toggle:focus-visible,.rios-assistant__close:focus-visible,.rios-assistant__send:focus-visible,.rios-assistant__handoff:focus-visible{outline:2px solid #D6222A;outline-offset:3px}
@media(max-width:520px){
  .rios-assistant{left:14px;bottom:16px}
  .rios-assistant--app{left:14px;bottom:88px}
  /* 2026-08-26: the panel was never too wide. iOS Safari AUTO-ZOOMS the page when
     you focus an input whose font-size is under 16px, and the input was 13px. The
     zoom is roughly 16/13 = 1.23x, which shrinks the usable width from 390 to about
     317 CSS px against a 347px panel - a ~30px overflow, exactly the sliced send
     button and clipped line endings in Chris's screenshot. 16px on every focusable
     control removes the trigger. Raising it beats adding maximum-scale to the
     viewport meta, which would block pinch-zoom for everyone who needs it. */
  .rios-assistant__input{font-size:16px}
  /* dvh tracks the visual viewport, so an open keyboard shrinks the panel instead
     of hiding its bottom behind the keys. The vh line stays as the fallback for
     anything that does not support dvh. */
  .rios-assistant__panel{position:fixed;left:14px;right:14px;bottom:78px;width:auto;max-height:calc(100vh - 98px);max-height:calc(100dvh - 98px)}
  .rios-assistant--app .rios-assistant__panel{bottom:150px;max-height:calc(100vh - 166px);max-height:calc(100dvh - 166px)}
  /* Keep the launcher clear of the iPhone home indicator. */
  .rios-assistant{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .rios-assistant__panel{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.rios-assistant *{scroll-behavior:auto!important}}