.connection-pill{z-index:120;top:calc(var(--top-inset,env(safe-area-inset-top,0px)) + 8px);left:calc(var(--dk-nav-width,0px) + (100vw - var(--dk-nav-width,0px)) / 2);box-sizing:border-box;max-width:calc(100vw - var(--dk-nav-width,0px) - 24px);border:1px solid color-mix(in srgb, var(--rift-warning,#f3b760) 30%, transparent);background:color-mix(in srgb, var(--rift-warning,#f3b760) 9%, var(--rift-dialog,#2b2930));height:32px;color:var(--rift-text,#fff);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 3px 0 11px;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12.5px;line-height:16px;animation:.24s cubic-bezier(.2,.8,.2,1) connection-pill-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #0000003d,0 1px 2px #00000024}:root[data-theme=light] .connection-pill{background:color-mix(in srgb, var(--rift-warning,#895500) 7%, #fff);box-shadow:0 6px 18px #0000001a,0 1px 2px #0000000f}.connection-pill.back{border-color:color-mix(in srgb, var(--rift-success,#58c98b) 35%, transparent);background:color-mix(in srgb, var(--rift-success,#58c98b) 10%, var(--rift-dialog,#2b2930));padding-right:12px}:root[data-theme=light] .connection-pill.back{background:color-mix(in srgb, var(--rift-success,#176b4a) 8%, #fff)}@keyframes connection-pill-in{0%{opacity:0;transform:translate(-50%,-6px)}}.connection-pill-icon{color:var(--rift-warning,#f3b760);flex-shrink:0;display:flex}.back .connection-pill-icon{color:var(--rift-success,#58c98b)}.connection-pill-text{align-items:center;min-width:0;display:flex;overflow:hidden}.connection-pill-text strong{flex-shrink:0;font-weight:600}.connection-pill-text>span{text-overflow:ellipsis;min-width:0;color:var(--rift-text2,#ffffffb8);overflow:hidden}.connection-pill-text>span:before{content:"·";opacity:.6;margin:0 6px}.connection-pill button{width:24px;min-width:0;height:24px;min-height:0;box-shadow:none;color:var(--rift-text2,#ffffffb8);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.connection-pill button:hover:not(:disabled){background:color-mix(in srgb, var(--rift-text,#fff) 10%, transparent);color:var(--rift-text,#fff)}.connection-pill button:focus-visible{outline:2px solid color-mix(in srgb, var(--rift-text,#fff) 55%, transparent);outline-offset:-2px}.connection-pill button:disabled{opacity:1;cursor:default}.connection-pill-retry{margin-left:2px}.connection-pill-close{margin-left:-2px}.connection-pill .spin{animation:.9s linear infinite connection-pill-spin}@keyframes connection-pill-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connection-pill,.connection-pill .spin{animation:none}}.plan-upgrade{--plan-tone:var(--rift-warning,#f3b760);text-align:left;background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--plan-tone) 16%, transparent), transparent 60%), var(--rift-soft);border:1px solid color-mix(in srgb, var(--plan-tone) 32%, var(--rift-border));border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.plan-upgrade.compact{border-radius:14px;gap:10px;padding:11px 12px}.plan-upgrade-icon{width:34px;height:34px;color:var(--plan-tone);background:color-mix(in srgb, var(--plan-tone) 16%, transparent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.plan-upgrade.compact .plan-upgrade-icon{border-radius:9px;width:28px;height:28px}.plan-upgrade-text{flex:1;min-width:0}.plan-upgrade-text strong{color:var(--rift-text);font-size:13.5px;font-weight:650;line-height:19px;display:block}.plan-upgrade-text p{color:var(--rift-text2);overflow-wrap:anywhere;margin:3px 0 0!important;font-size:12.5px!important;line-height:18px!important}.plan-upgrade-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.plan-upgrade .plan-upgrade-go,.plan-upgrade .plan-upgrade-other{border-radius:99px;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:12.5px;font-weight:650;line-height:1;text-decoration:none;transition:transform .12s,filter .16s;display:inline-flex}.plan-upgrade .plan-upgrade-go{color:#1a1306;background:var(--plan-tone)}html[data-theme=light] .plan-upgrade .plan-upgrade-go{color:#fff}.plan-upgrade .plan-upgrade-go:hover{filter:brightness(1.06)}.plan-upgrade .plan-upgrade-other{color:var(--rift-text);border:1px solid var(--rift-border-strong);background:0 0}.plan-upgrade .plan-upgrade-go:active,.plan-upgrade .plan-upgrade-other:active{transform:scale(.97)}.plan-upgrade-link{color:var(--rift-warning,#f3b760);text-underline-offset:2px;white-space:nowrap;margin-left:6px;font-weight:650;text-decoration:underline}
