.conn-banner{position:fixed;z-index:9000;left:12px;right:12px;margin-inline:auto;width:fit-content;top:calc(env(safe-area-inset-top, 0px) + 8px);display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;pointer-events:none;background:#0b4654;color:#f6efdf;border:1px solid #d8a84e;font-size:13px;line-height:1.3;box-shadow:0 4px 16px rgba(0,0,0,.28)}.conn-banner-icon{flex:none;width:15px;height:15px;color:#d8a84e}.conn-spin{animation:conn-spin 1s linear infinite}@keyframes conn-spin{to{transform:rotate(1turn)}}.conn-banner-retry{pointer-events:auto;flex:none;min-height:28px;padding:0 10px;border-radius:999px;background:#d8a84e;color:#0b2f38;font-weight:600}.conn-panel{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:auto;padding:24px;text-align:center}.conn-panel-plain{border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--card,#fff)}.conn-panel-icon{width:26px;height:26px;color:#d8a84e}.conn-panel-title{font-size:15px;font-weight:600}.conn-panel-body{font-size:13px;opacity:.8}.conn-panel-retry{min-height:40px;padding:0 18px;border-radius:10px;background:#0b4654;color:#f6efdf;font-size:14px;font-weight:600}.conn-video-note{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:8px 14px;text-align:center;background:rgba(11,70,84,.92);color:#f6efdf;font-size:13px;pointer-events:none}.conn-note-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 14px;background:#f6efdf;color:#0b2f38;border-bottom:1px solid #d8a84e;font-size:13px}.conn-note-strip button{font-weight:600;text-decoration:underline}@media (prefers-reduced-motion:reduce){.conn-spin{animation:none}}