.tbc-ext{--tbc-primary:var(--primary,#0891b2);--tbc-secondary:var(--secondary,#7c3aed);--tbc-bg:var(--bg,#f8fafc);--tbc-surface:var(--surface,#fff);--tbc-on-bg:var(--on-bg,#0f172a);--tbc-on-surface:var(--on-surface-variant,#475569);--tbc-outline:var(--outline,#cbd5e1);--tbc-outline-variant:var(--outline-variant,#e2e8f0);--tbc-success:var(--success,#16a34a);--tbc-error:var(--error,#dc2626);--tbc-glass:#ffffffd1;--tbc-glass-border:#cbd5e159;--tbc-gradient:linear-gradient(135deg,var(--tbc-primary),var(--tbc-secondary));--tbc-shadow:0 8px 32px #0f172a1a;--tbc-shadow-lg:0 20px 60px #0f172a26;--tbc-radius:16px;--tbc-radius-sm:10px;--tbc-transition:.3s cubic-bezier(.4,0,.2,1);--tbc-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--tbc-font);-webkit-font-smoothing:antialiased;line-height:1.5}.tbc-vote-bar{z-index:9998;background:var(--tbc-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--tbc-glass-border);border-radius:0 var(--tbc-radius-sm)var(--tbc-radius-sm)0;box-shadow:var(--tbc-shadow);transition:opacity var(--tbc-transition),transform var(--tbc-transition);border-left:none;flex-direction:column;align-items:center;gap:1px;padding:4px 3px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.tbc-vote-bar.tbc-hidden{opacity:0;pointer-events:none;transform:translateY(-50%)translate(-100%)}.tbc-vote-btn{cursor:pointer;width:26px;height:26px;transition:all var(--tbc-transition);color:var(--tbc-on-surface);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.tbc-vote-btn:hover{background:var(--tbc-outline-variant)}.tbc-vote-btn svg{width:15px;height:15px;transition:transform .2s,color .2s}.tbc-vote-btn:active svg{transform:scale(1.25)}.tbc-vote-btn--like.tbc-voted{color:var(--tbc-success)}.tbc-vote-btn--dislike.tbc-voted{color:var(--tbc-error)}.tbc-vote-count{color:var(--tbc-on-surface);text-align:center;-webkit-user-select:none;user-select:none;min-width:16px;padding:1px 0;font-size:.55rem;font-weight:700;line-height:1}.tbc-vote-divider{background:var(--tbc-outline-variant);width:14px;height:1px;margin:2px 0}.tbc-bubble{z-index:9999;background:var(--tbc-gradient);color:#fff;cursor:grab;width:52px;height:52px;transition:box-shadow var(--tbc-transition),transform .2s ease;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite tbc-bubble-pulse;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 6px 24px #0891b259,0 0 #0891b24d}.tbc-bubble:hover{transform:scale(1.08);box-shadow:0 8px 32px #0891b273}.tbc-bubble:active{cursor:grabbing;animation:none}.tbc-bubble svg{pointer-events:none;width:24px;height:24px}.tbc-bubble__badge{background:var(--tbc-error);color:#fff;pointer-events:none;opacity:0;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;transition:all .25s;display:flex;position:absolute;top:-2px;right:-2px;transform:scale(0)}.tbc-bubble__badge.tbc-visible{opacity:1;transform:scale(1)}@keyframes tbc-bubble-pulse{0%,to{box-shadow:0 6px 24px #0891b259,0 0 #0891b24d}50%{box-shadow:0 6px 24px #0891b259,0 0 0 10px #0891b200}}.tbc-panel{z-index:10000;background:var(--tbc-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tbc-glass-border);border-radius:var(--tbc-radius);width:380px;height:500px;max-height:calc(100vh - 120px);box-shadow:var(--tbc-shadow-lg);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:88px;right:24px;overflow:hidden;transform:translateY(-16px)scale(.96)}.tbc-panel.tbc-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.tbc-panel__header{border-bottom:1px solid var(--tbc-outline-variant);flex-shrink:0;align-items:center;gap:10px;padding:16px 18px;display:flex}.tbc-panel__header-icon{background:var(--tbc-gradient);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tbc-panel__header-icon svg{width:16px;height:16px}.tbc-panel__header-text{flex:1}.tbc-panel__header-text h3{color:var(--tbc-on-bg);margin:0;font-size:.875rem;font-weight:700}.tbc-panel__header-text p{color:var(--tbc-on-surface);margin:0;font-size:.7rem}.tbc-panel__close{background:var(--tbc-outline-variant);width:28px;height:28px;color:var(--tbc-on-surface);cursor:pointer;transition:background var(--tbc-transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tbc-panel__close:hover{background:var(--tbc-outline)}.tbc-panel__close svg{width:14px;height:14px}.tbc-panel__messages{flex-direction:column;flex:1;gap:12px;padding:14px 18px;display:flex;overflow-y:auto}.tbc-panel__messages::-webkit-scrollbar{width:4px}.tbc-panel__messages::-webkit-scrollbar-track{background:0 0}.tbc-panel__messages::-webkit-scrollbar-thumb{background:var(--tbc-outline);border-radius:4px}.tbc-panel__messages::-webkit-scrollbar-thumb:hover{background:var(--tbc-on-surface)}.tbc-panel__empty{text-align:center;color:var(--tbc-on-surface);padding:32px 16px}.tbc-panel__empty-icon{opacity:.5;margin-bottom:8px;font-size:2rem}.tbc-panel__empty p{margin:0;font-size:.8rem}.tbc-msg{background:var(--tbc-surface);border:1px solid var(--tbc-outline-variant);border-radius:var(--tbc-radius-sm);padding:12px 14px;animation:.3s tbc-msg-in}@keyframes tbc-msg-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tbc-msg__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tbc-msg__author{color:var(--tbc-primary);font-size:.75rem;font-weight:600}.tbc-msg__time{color:var(--tbc-outline);font-size:.65rem}.tbc-msg__body{color:var(--tbc-on-bg);word-wrap:break-word;overflow-wrap:break-word;font-size:.813rem;line-height:1.6}.tbc-panel__compose{border-top:1px solid var(--tbc-outline-variant);flex-shrink:0;padding:12px 18px 16px}.tbc-panel__compose-row{align-items:flex-end;gap:8px;display:flex}.tbc-panel__input-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.tbc-panel__name-input,.tbc-panel__msg-input{border:1px solid var(--tbc-outline-variant);width:100%;font-size:.813rem;font-family:var(--tbc-font);color:var(--tbc-on-bg);background:var(--tbc-surface);transition:border-color var(--tbc-transition);resize:none;border-radius:8px;outline:none;padding:8px 12px}.tbc-panel__name-input:focus,.tbc-panel__msg-input:focus{border-color:var(--tbc-primary)}.tbc-panel__msg-input{field-sizing:content;min-height:38px;max-height:80px}.tbc-panel__send-btn{background:var(--tbc-gradient);color:#fff;cursor:pointer;width:38px;height:38px;transition:transform .15s ease,box-shadow var(--tbc-transition);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tbc-panel__send-btn:hover{transform:scale(1.06);box-shadow:0 4px 16px #0891b24d}.tbc-panel__send-btn:active{transform:scale(.95)}.tbc-panel__send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tbc-panel__send-btn svg{width:18px;height:18px}.tbc-panel__limit{color:var(--tbc-outline);text-align:center;padding-top:6px;font-size:.65rem}.tbc-toast{z-index:10001;border-radius:var(--tbc-radius-sm);background:var(--tbc-on-bg);color:#fff;font-size:.78rem;font-weight:500;font-family:var(--tbc-font);box-shadow:var(--tbc-shadow);opacity:0;pointer-events:none;padding:10px 18px;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.tbc-toast.tbc-toast--show{opacity:1;transform:translateY(0)}.tbc-toast.tbc-toast--error{background:var(--tbc-error)}.tbc-toast.tbc-toast--success{background:var(--tbc-success)}.tbc-spinner{border:2px solid var(--tbc-outline-variant);border-top-color:var(--tbc-primary);border-radius:50%;width:16px;height:16px;margin:0 auto;animation:.6s linear infinite tbc-spin}@keyframes tbc-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.tbc-panel{width:auto;height:75vh;max-height:calc(100vh - 100px);top:76px;left:8px;right:8px}.tbc-bubble{width:46px;height:46px;top:16px;right:16px}.tbc-bubble svg{width:20px;height:20px}.tbc-vote-bar{padding:3px 2px}.tbc-vote-btn{width:24px;height:24px}.tbc-vote-btn svg{width:13px;height:13px}.tbc-vote-count{font-size:.5rem}.tbc-toast{text-align:center;bottom:24px;left:8px;right:8px}}@media (max-width:360px){.tbc-panel{height:70vh;max-height:calc(100vh - 90px)}}