.ctt{top:72px;z-index:55;background:linear-gradient(180deg, var(--bz-card-top) 0%, var(--bz-card-mid) 62%, var(--bz-card-low) 100%);width:min(360px,100vw - 24px);box-shadow:var(--bz-sh-card), inset 0 1px 0 var(--bz-card-edge);color:var(--bz-text);border-radius:22px;padding:14px;animation:.34s cubic-bezier(.22,1,.36,1) both ctt-in;position:fixed;inset-inline-end:clamp(12px,2.5vw,28px)}@keyframes ctt-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:none}}.ctt-close{top:10px;width:28px;height:28px;color:var(--bz-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex;position:absolute;inset-inline-end:10px}.ctt-close:hover{background:var(--bz-tonal);color:var(--bz-text)}.ctt-close-ic{width:12px;height:12px;display:block;position:relative}.ctt-close-ic:before,.ctt-close-ic:after{content:"";background:currentColor;border-radius:2px;width:12px;height:1.7px;position:absolute;top:5px;left:0;transform:rotate(45deg)}.ctt-close-ic:after{transform:rotate(-45deg)}.ctt-row{align-items:flex-start;gap:12px;padding-inline-end:26px;display:flex}.ctt-thumb{background:var(--bz-well);width:60px;height:60px;box-shadow:inset 0 0 0 1px var(--bz-border);border-radius:14px;flex:none;position:relative}.ctt-thumb img{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.ctt-thumb-ic{background-color:var(--bz-muted);width:24px;height:24px;margin:auto;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ctt-tick{bottom:-6px;background:var(--brand-grad);width:22px;height:22px;box-shadow:0 0 0 2.5px var(--bz-card-top), 0 6px 12px -6px rgb(var(--brand-rgb) / .8);border-radius:50%;animation:.42s cubic-bezier(.34,1.56,.64,1) .12s both ctt-pop;position:absolute;inset-inline-end:-6px}.ctt-tick:after{content:"";border:solid var(--on-brand);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:4.5px;left:8px;transform:rotate(45deg)}@keyframes ctt-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.ctt-words{flex:1;min-width:0}.ctt-head{color:var(--bz-text-2);font-size:12.5px;font-weight:700}.ctt-title{color:var(--bz-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:14px;font-weight:800;line-height:1.65;display:-webkit-box;overflow:hidden}.ctt-meta{color:var(--bz-muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12px;line-height:1.8}.ctt-msg{color:var(--bz-text-2);margin-top:4px;font-size:12.5px;line-height:1.9}.ctt-disc{background:var(--bz-control);width:44px;height:44px;box-shadow:var(--bz-sh-disc), inset 0 1px 0 var(--bz-card-edge);color:var(--bz-text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.ctt-disc.is-warn{color:var(--bz-danger)}.ctt-disc-ic{background-color:currentColor;width:20px;height:20px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ctt-actions{gap:8px;margin-top:14px;display:flex}.ctt-btn{height:38px;font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background-color .15s,color .15s;display:inline-flex}.ctt-btn.is-raise{background:var(--bz-primary-bg);color:var(--bz-primary-ink);box-shadow:var(--bz-sh-raise), inset 0 1px 0 var(--bz-card-edge)}.ctt-btn.is-raise:hover{transform:translateY(-1px)}.ctt-btn.is-tonal{background:var(--bz-tonal);color:var(--bz-text-2);box-shadow:inset 0 0 0 1px var(--bz-border)}.ctt-btn.is-tonal:hover{background:var(--bz-control);color:var(--bz-text);box-shadow:var(--bz-sh-disc)}.ctt-btn:focus-visible,.ctt-close:focus-visible{outline:2px solid var(--bz-focus);outline-offset:2px}@media (max-width:560px){.ctt{top:68px}}@media (prefers-reduced-motion:reduce){.ctt,.ctt-tick{animation:none}.ctt-btn{transition:none}.ctt-btn.is-raise:hover{transform:none}}
