.tcp{right:var(--space-4,16px);z-index:960;bottom:calc(var(--space-4,16px) + var(--video-dock-h,0px) + var(--m-consent-band,0px));flex-direction:column;align-items:stretch;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed}.tcp-card{border:1px solid var(--line,#d8deea);border-radius:var(--radius-md,12px);background:var(--card,#fff);color:var(--ink,#1a2233);box-shadow:var(--shadow-sticky,0 8px 24px #141e3c29);align-items:center;gap:10px;padding:8px 6px 8px 10px;display:flex}.tcp-card.is-urgent{background:#fff1f2;border-color:#e11d48;padding-right:10px}.tcp-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:0;display:flex}.tcp-avatar,.tcp-bell{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:.74rem;font-weight:800;display:inline-flex}.tcp-avatar{color:#0f766e;background:#ccfbf1}.tcp-bell{color:#be123c;background:#ffe4e6;position:relative}.tcp-bell svg{width:18px;height:18px}.tcp-text{flex-direction:column;flex:auto;min-width:0;line-height:1.25;display:flex}.tcp-text b,.tcp-text small,.tcp-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tcp-text b{font-size:var(--text-sm,14px)}.tcp-text small{color:var(--ink-soft,#66728a);font-size:var(--text-xs,12px)}.tcp-preview{color:var(--ink-soft,#4b5568);font-size:var(--text-xs,12px)}.is-urgent .tcp-text b{color:#9f1239}.tcp-open{white-space:nowrap;color:#fff;background:#e11d48;border-color:#e11d48;flex:none;min-height:32px;padding:4px 12px;text-decoration:none}.tcp-open:hover{color:#fff;background:#be123c}.tcp-more{color:#fff;font-size:var(--text-xs,12px);background:#e11d48;border-radius:999px;align-self:flex-end;padding:2px 10px;font-weight:800;text-decoration:none}.tcp-close{width:28px;height:28px;color:var(--ink-soft,#66728a);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;font-size:18px;line-height:1}.tcp-close:hover{background:var(--surface-muted,#f3f5fa);color:var(--ink,#1a2233)}@media (prefers-reduced-motion:no-preference){.tcp-card{animation:.22s ease-out tcp-in}.tcp-card.is-urgent{animation:.22s ease-out tcp-in,2.4s ease-in-out .22s infinite tcp-glow}.tcp-bell:after{content:"";border:2px solid #e11d48;border-radius:50%;animation:2s ease-out infinite tcp-ring;position:absolute;inset:-3px}}@keyframes tcp-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tcp-glow{0%,to{box-shadow:var(--shadow-sticky,0 8px 24px #141e3c29), 0 0 0 0 #e11d4859}50%{box-shadow:var(--shadow-sticky,0 8px 24px #141e3c29), 0 0 0 6px #e11d4800}}@keyframes tcp-ring{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}@media (max-width:860px){.tcp{width:auto;bottom:auto;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top,0px));flex-direction:column}@media (prefers-reduced-motion:no-preference){.tcp-card{animation-name:tcp-drop}.tcp-card.is-urgent{animation-name:tcp-drop,tcp-glow}}}@keyframes tcp-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (pointer:coarse),(max-width:860px){.tcp-open{min-height:44px;padding:8px 14px}.tcp-close{width:44px;height:44px;font-size:22px}.tcp-more{padding:8px 14px}}.tcp-hint{border-radius:var(--radius-sm,8px);background:var(--card,#fff);color:#9f1239;font-size:var(--text-xs,12px);box-shadow:var(--shadow-sticky,0 8px 24px #141e3c29);align-self:flex-end;margin:0;padding:4px 10px;font-weight:600}