.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comp{border-top:1px solid var(--line);gap:8px;min-width:0;padding:12px;display:grid}.comp .comp__field{border:1px solid var(--line-strong);resize:none;border-radius:22px;width:100%;min-width:0;min-height:44px;max-height:125px;padding:10px 14px;font-family:inherit;font-size:14.5px;line-height:1.45;overflow-y:auto}.comp__field::placeholder{color:var(--text-3)}.comp__field:disabled{background:var(--bg-subtle)}.comp__tools{align-items:center;gap:6px;min-width:0;display:flex}.comp__tools .sp{flex:1}.comp .cbtn,.comp .send{border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;min-height:40px;padding:0;display:grid}.comp .cbtn{color:var(--text-2);background:0 0}.comp .cbtn:hover{background:var(--bg-hover)}.comp .cbtn:disabled{opacity:.45;cursor:not-allowed}.comp .send{color:#fff;background:var(--primary)}.comp .send:disabled{color:var(--text-3);background:var(--bg-hover);cursor:not-allowed}.comp__count{color:var(--text-3);white-space:nowrap;font-size:12.5px}.comp__count.is-over{color:var(--danger);font-weight:500}.comp__msg{color:var(--text-2);background:var(--bg-subtle);border-radius:var(--r-md);overflow-wrap:anywhere;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.comp__rec{background:var(--danger-soft);min-height:44px;color:var(--danger);border-radius:22px;align-items:center;gap:10px;padding:0 14px;font-size:14.5px;display:flex}.comp__rec b{font-weight:500}.comp__rec .num{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.comp .rdot{background:var(--danger);border-radius:50%;flex:none;width:10px;height:10px}.comp__att{flex-wrap:wrap;gap:12px;min-width:0;padding:6px 6px 0 0;display:flex}.comp .th{flex:none;width:52px;height:52px;position:relative}.comp .th__img{object-fit:cover;border:1px solid var(--line);border-radius:var(--r-md);width:100%;height:100%;position:absolute;inset:0}.comp .th__x{color:#fff;isolation:isolate;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:-13px;right:-13px}.comp .th__x:before{content:"";background:var(--primary);z-index:-1;border-radius:50%;position:absolute;inset:7px;box-shadow:0 0 0 2px #fff}.comp .th__x .ic{width:12px;height:12px}.comp .fcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;align-items:center;gap:10px;min-width:0;max-width:100%;height:52px;padding:0 40px 0 8px;display:flex;position:relative}.comp .fcard>span:last-of-type{min-width:0}.comp .fcard b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;display:block;overflow:hidden}.comp .fcard small{color:var(--text-3);font-size:12px;display:block}.comp .fcard__ic{border-radius:var(--r-md);background:var(--bg-subtle);flex:none;place-items:center;width:34px;height:34px;display:grid}.comp .fcard__x{width:40px;height:40px;color:var(--text-3);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:6px;right:0}.comp .spin{border:2px solid var(--line-strong);border-top-color:var(--text-2);border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px;animation:.8s linear infinite comp-spin}@keyframes comp-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.comp .cbtn,.comp .send{width:44px;height:44px;min-height:44px}.comp .th{width:56px;height:56px}.comp .th__x{width:44px;height:44px;top:-17px;right:-17px}.comp .th__x:before{inset:11px}.comp .fcard{height:56px;padding-right:44px}.comp .fcard__x{width:44px;height:44px}.comp__tools>.btn{white-space:normal;min-height:44px}}@media (prefers-reduced-motion:reduce){.comp .spin{animation:none}}