.myaios-fab { display: flex; align-items: center; justify-content: center; position: fixed; right: 22px; bottom: 22px; z-index: 95; width: 62px; height: 62px; border-radius: 50%; background: var(--ink); color: #fff; border: 0; cursor: pointer; box-shadow: 0 10px 28px rgba(22,36,30,.35); transition: transform .15s ease; }
.myaios-fab:hover { transform: translateY(-2px); }
.myaios-fab b { position: absolute; top: -4px; right: -4px; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: var(--amber); color: var(--ink); font-size: .78rem; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--paper); }
.mod-tray { position: fixed; z-index: 90; right: 22px; bottom: 96px; width: min(380px, calc(100% - 44px)); background: var(--ink); color: #fff; border-radius: 22px; box-shadow: 0 20px 56px rgba(22,36,30,.34); display: grid; grid-template-columns: 1fr; gap: 16px; padding: 22px; max-height: 70vh; overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity .22s ease, transform .22s ease, visibility 0s .22s; }
.mod-tray.is-open { opacity: 1; visibility: visible; transform: none; transition: opacity .22s ease, transform .22s ease, visibility 0s; }
.mod-tray-close { display: none; }
.mod-tray-count { font-size: 1rem; font-weight: 700; margin-bottom: 12px; }
.mod-tray-count span { font-family: var(--font-mono); font-size: .68rem; color: rgba(255,255,255,.6); margin-left: 10px; font-weight: 400; letter-spacing: .04em; }
.mod-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; max-height: 190px; overflow-y: auto; }
.mod-chips li:not(.mod-tray-empty) { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: 6px 8px 6px 14px; font-size: .82rem; }
.mod-chips li button { background: none; border: 0; color: rgba(255,255,255,.65); font-size: 1.05rem; cursor: pointer; line-height: 1; padding: 0 4px; }
.mod-chips li button:hover { color: #fff; }
.mod-tray .btn { white-space: nowrap; width: 100%; justify-content: center; }
.mod-tray-alt { display: block; text-align: center; font-size: .8rem; color: rgba(255,255,255,.7); text-decoration: underline; margin-top: -4px; }
.mod-tray-alt:hover { color: #fff; }
@media (max-width: 680px) {
  .myaios-fab { right: 18px; bottom: 18px; width: 60px; height: 60px; }
  body.myaios-open .myaios-fab { display: none; }
  .mod-tray { right: 0; bottom: 0; width: 100%; border-radius: 22px 22px 0 0; padding: 56px 20px 22px; max-height: 80vh; transform: translateY(100%); transition: transform .35s ease, opacity .2s ease, visibility 0s .35s; }
  .mod-tray.is-open { transform: none; transition: transform .35s ease, opacity .2s ease, visibility 0s; }
  .mod-tray-close { display: flex; align-items: center; justify-content: center; position: absolute; top: 12px; right: 14px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: none; color: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer; }
}
.mod-tray-empty { list-style: none; font-size: .84rem; color: rgba(255,255,255,.65); padding: 2px 0; }