[data-keyboard-chatter]{--kb-chatter-ease: cubic-bezier(.16, 1, .3, 1);--kb-chatter-radius: 1.5rem;--kb-chatter-card-size: 5rem}.kb-chatter-instrument{width:100%}.kb-chatter-instrument__frame{display:flex;flex-direction:column;height:clamp(24rem,78vh,46rem);max-height:clamp(24rem,78vh,46rem);border-radius:var(--kb-chatter-radius);border:1px solid rgb(var(--color-border) / .55);background:rgb(var(--color-surface-card));overflow:hidden;box-shadow:0 1px rgb(var(--color-accent) / .1) inset,0 20px 40px rgb(var(--color-ink) / .06)}.kb-chatter-instrument__rail{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem 1rem;border-bottom:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card) / .92);backdrop-filter:blur(8px)}.kb-chatter-instrument__brand{display:flex;align-items:center;gap:.65rem;min-width:0}.kb-chatter-instrument__back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.65rem;color:rgb(var(--color-ink-muted));transition:background .16s var(--kb-chatter-ease),color .16s var(--kb-chatter-ease)}@media(hover:hover)and (pointer:fine){.kb-chatter-instrument__back:hover{background:rgb(var(--color-accent) / .1);color:rgb(var(--color-accent))}}.kb-chatter-instrument__chip{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.65rem;background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.kb-chatter-instrument__title{margin:0;font-size:.95rem;font-weight:700;color:rgb(var(--color-ink))}.kb-chatter-instrument__actions{display:flex;align-items:center;gap:.65rem;margin-left:auto}.kb-chatter-threshold{display:none;align-items:center;gap:.55rem;padding:.35rem .65rem;border-radius:.75rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft) / .65)}@media(min-width:48rem){.kb-chatter-threshold{display:inline-flex}}.kb-chatter-threshold__label{display:inline-flex;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.kb-chatter-threshold__input{width:5.5rem;height:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:rgb(var(--color-border) / .65);cursor:pointer;accent-color:rgb(var(--color-accent))}.kb-chatter-threshold__value{min-width:2.75rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.75rem;font-weight:700;text-align:right;color:rgb(var(--color-ink))}.kb-chatter-instrument__reset{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.65rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft) / .7);color:rgb(var(--color-ink-muted));transition:background .16s var(--kb-chatter-ease),border-color .16s var(--kb-chatter-ease),color .16s var(--kb-chatter-ease)}@media(hover:hover)and (pointer:fine){.kb-chatter-instrument__reset:hover{border-color:rgb(var(--color-accent) / .35);background:rgb(var(--color-accent) / .08);color:rgb(var(--color-accent))}}.kb-chatter-instrument__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}@media(min-width:48rem){.kb-chatter-instrument__body{flex-direction:row}}.kb-chatter-stats{display:flex;flex-direction:column;gap:1.25rem;flex-shrink:0;padding:1.25rem 1.15rem;border-bottom:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card))}@media(max-width:47.99rem){.kb-chatter-stats{max-height:42%;overflow-y:auto;overscroll-behavior:contain}}@media(min-width:48rem){.kb-chatter-stats{width:min(100%,18rem);flex-shrink:0;border-bottom:none;border-right:1px solid rgb(var(--color-hairline-soft));padding:1.5rem 1.25rem;overflow-y:auto;overscroll-behavior:contain}}@media(min-width:64rem){.kb-chatter-stats{width:22rem;padding:1.75rem 1.5rem}}.kb-chatter-stats__heading{margin:0 0 .75rem;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.kb-chatter-score{position:relative;width:9.5rem;height:9.5rem;margin:0 auto}.kb-chatter-score__ring{width:100%;height:100%;transform:rotate(-90deg)}.kb-chatter-score__track{color:rgb(var(--color-hairline-soft))}.kb-chatter-score__fill{color:rgb(var(--color-accent));transition:stroke-dashoffset .42s var(--kb-chatter-ease),color .24s ease}.kb-chatter-score__fill[data-tone=warn]{color:#f59e0b}.kb-chatter-score__fill[data-tone=bad]{color:#ef4444}.kb-chatter-score__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.kb-chatter-score__value{font-family:var(--font-mono, ui-monospace, monospace);font-size:2.25rem;font-weight:800;line-height:1;color:rgb(var(--color-ink))}.kb-chatter-score__label{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.kb-chatter-score__verdict{margin-top:.15rem;font-size:.6875rem;font-weight:650;color:rgb(var(--color-accent))}.kb-chatter-score__verdict[data-tone=warn]{color:#f59e0b}.kb-chatter-score__verdict[data-tone=bad]{color:#ef4444}.kb-chatter-metrics,.kb-chatter-insights{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.kb-chatter-insight{padding:.65rem .7rem;border-radius:.75rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft) / .45)}.kb-chatter-insight__label{display:block;margin-bottom:.2rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.kb-chatter-insight__value{display:block;font-family:var(--font-mono, ui-monospace, monospace);font-size:.8125rem;font-weight:700;line-height:1.25;color:rgb(var(--color-ink));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-chatter-metric{padding:.75rem .55rem;border-radius:.85rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft) / .55);text-align:center}.kb-chatter-metric__label{display:block;margin-bottom:.25rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.kb-chatter-metric__value{font-family:var(--font-mono, ui-monospace, monospace);font-size:1.35rem;font-weight:800;line-height:1.1;color:rgb(var(--color-ink))}.kb-chatter-metric__value--alert{color:#f59e0b}.kb-chatter-stats__note{margin-top:auto;padding:.85rem .9rem;border-radius:.85rem;border:1px solid rgb(var(--color-accent) / .2);background:rgb(var(--color-accent) / .07);font-size:.75rem;line-height:1.45;color:rgb(var(--color-ink-muted))}.kb-chatter-stats__note-title{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-accent))}.kb-chatter-stage{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:rgb(var(--color-surface-soft) / .35);--kb-chatter-mobile-bar: 3.25rem}.kb-chatter-stage__fade-top,.kb-chatter-stage__fade-bottom{position:absolute;left:0;right:0;height:1.5rem;pointer-events:none;z-index:1}.kb-chatter-stage__fade-top{top:0;background:linear-gradient(180deg,rgb(var(--color-surface-soft) / .95),transparent)}.kb-chatter-stage__fade-bottom{bottom:var(--kb-chatter-mobile-bar);background:linear-gradient(0deg,rgb(var(--color-surface-soft) / .95),transparent)}@media(min-width:48rem){.kb-chatter-stage{--kb-chatter-mobile-bar: 0px}}.kb-chatter-pad{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1rem;outline:none;-webkit-overflow-scrolling:touch}.kb-chatter-pad:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--color-accent) / .35)}.kb-chatter-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.65rem}.kb-chatter-empty{width:100%;margin:0;padding:2.5rem 1rem;text-align:center;font-size:.875rem;line-height:1.45;color:rgb(var(--color-ink-muted))}.kb-chatter-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--kb-chatter-card-size);height:var(--kb-chatter-card-size);padding:.35rem;border-radius:.85rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card));color:rgb(var(--color-ink));animation:kb-chatter-card-in .22s var(--kb-chatter-ease) both}.kb-chatter-card[data-chatter=true]{border-color:#f59e0ba6;background:#f59e0b24;color:rgb(var(--color-ink));box-shadow:0 4px 14px #f59e0b2e}.kb-chatter-card__label{max-width:100%;padding:0 .2rem;font-size:.95rem;font-weight:800;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-chatter-card__interval{margin-top:.25rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.625rem;font-weight:600;color:rgb(var(--color-ink-muted))}.kb-chatter-card[data-chatter=true] .kb-chatter-card__interval{color:#b45309}[data-theme=dark] .kb-chatter-card[data-chatter=true] .kb-chatter-card__interval{color:#fde68a}.kb-chatter-card__warn{position:absolute;top:-.35rem;right:-.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:999px;background:rgb(var(--color-surface-card));color:#f59e0b;box-shadow:0 1px 4px rgb(var(--color-ink) / .12)}.kb-chatter-mobile-threshold{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;padding:.65rem 1rem;border-top:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card))}@media(min-width:48rem){.kb-chatter-mobile-threshold{display:none}}@keyframes kb-chatter-card-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.kb-chatter-card{animation:none}.kb-chatter-score__fill{transition:none}}