
/**
 * assets/style.css
 */
.tb-reactions-root{margin-top:14px}

.tb-react-wrap{display:inline-flex;align-items:center;gap:.5rem;font:normal 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;}
.tb-react-button{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #ddd;padding:.35rem .6rem;border-radius:999px;background:#fff;cursor:pointer;transition:transform .08s ease, box-shadow .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.tb-react-button:hover{transform:translateY(-1px)}
.tb-react-plus{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid #bbb}
.tb-react-button .face{font-size:16px}

.tb-react-counts{display:inline-flex;gap:.35rem;margin-left:.5rem}
.tb-chip{display:inline-flex;align-items:center;gap:.25rem;border:1px solid #e6e6e6;border-radius:20px;padding:.2rem .45rem;background:#fff}
.tb-chip .e{font-size:15px}
.tb-chip .n{font-size:12px;opacity:.8}

.tb-pop{position:absolute;z-index:9999;left:0;top:-48px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.35rem;border-radius:24px;display:flex;gap:.25rem}
.tb-pop .opt{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s ease, background .15s}
.tb-pop .opt:hover{transform:translateY(-2px);background:#f7f7f7}

.tb-rel{position:relative;display:inline-flex}
.tb-react-button.active{border-color:#286fd3;box-shadow:0 0 0 2px rgba(40,111,211,.12)}
.tb-login-hint{font-size:12px;color:#666;margin-left:.5rem}
