.kpc{display: flex;flex-direction: column;gap: 12px;min-height: calc(100cqb - var(--kp-lite-content-top, 0px));}.kpc__muted{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;font-size: 13px;color: var(--kp-ink-soft);}.kpc__mutedlabel{font-weight: 600;}.kpc__mutedchip{display: inline-flex;align-items: center;gap: 5px;padding: 4px 10px;border-radius: 999px;border: 1px solid var(--kp-line);background: color-mix(in oklab, var(--kp-ink) 5%, transparent);color: var(--kp-ink-soft);font: inherit;font-size: 12.5px;cursor: pointer;transition: color 0.15s ease, border-color 0.15s ease;}.kpc__mutedchip:hover{color: var(--kp-ink);border-color: var(--kp-green-2, #54A046);}.kpc__mutedchip svg{width: 12px;height: 12px;}.kpc__list{flex: 1 1 auto;display: flex;flex-direction: column;gap: 10px;padding: 4px 2px 10px;}.kpc__msg{display: flex;align-items: flex-end;gap: 10px;}.kpc__msg--mine{justify-content: flex-end;}.kpc__ava{margin-bottom: 2px;}.kpc__bubble{max-width: min(78%, 560px);padding: 10px 14px;border-radius: 16px;background: var(--kp-surface);border: 1px solid var(--kp-line);box-shadow: var(--kp-shadow-sm);}.kpc__msg--mine .kpc__bubble{background: color-mix(in oklab, var(--accent) 16%, var(--kp-surface));border-color: color-mix(in oklab, var(--accent) 30%, var(--kp-line));border-bottom-right-radius: 5px;}.kpc__msg:not(.kpc__msg--mine) .kpc__bubble{border-bottom-left-radius: 5px;}.kpc__author{display: flex;align-items: center;gap: 6px;margin-bottom: 3px;}.kpc__nick{font-family: var(--kp-font-display);font-weight: 600;font-size: 13.5px;color: var(--kp-green, #3C7A34);}.kpc__text{font-size: 14.5px;line-height: 1.5;color: var(--kp-ink);word-break: break-word;white-space: pre-wrap;}.kpc__meta{display: flex;align-items: center;gap: 12px;margin-top: 5px;font-size: 11.5px;color: var(--kp-ink-faint);}.kpc__time{white-space: nowrap;}.kpc__act{padding: 0;border: 0;background: none;font: inherit;font-size: 11.5px;color: var(--kp-ink-soft);cursor: pointer;}.kpc__act:hover{color: var(--kp-terracotta, #C1502E);text-decoration: underline;}.kpc__done{font-size: 11.5px;color: var(--kp-green-2, #54A046);}.kpc__msg--mine .kpc__nick{color: var(--accent-dim);}.kpc__dockwrap{position: sticky;bottom: 0;z-index: 2;margin-top: 12px;}.kpc__dock{position: relative;display: grid;gap: 10px;padding: 12px 12px 14px;border-radius: 22px;background: var(--kp-glass-light, var(--lite-card, var(--kp-cream-2)));backdrop-filter: blur(var(--kp-glass-blur, 18px)) saturate(1.1);-webkit-backdrop-filter: blur(var(--kp-glass-blur, 18px)) saturate(1.1);border: 1px solid var(--kp-glass-edge, var(--kp-line));box-shadow: 0 -6px 24px -18px color-mix(in oklab, var(--kp-ink) 60%, transparent), var(--kp-shadow-sm);overflow: hidden;contain: paint;}:root[data-effects="minimal"] .kpc__dock{background: var(--lite-card, var(--kp-cream-2));backdrop-filter: none;-webkit-backdrop-filter: none;border-color: var(--kp-line);}.kpc__compose{display: flex;gap: 10px;align-items: center;}.kpc__input{flex: 1;min-width: 0;padding: 12px 16px;border-radius: 14px;border: 1px solid var(--kp-line);background: var(--kp-cream, #FBF3E4);color: var(--kp-ink);font: inherit;font-size: 14.5px;}.kpc__input:focus{outline: 2px solid var(--accent);outline-offset: 1px;border-color: transparent;}.kpc__send{flex: 0 0 auto;padding: 12px 22px;border-radius: 14px;border: 0;background: var(--accent);color: #FFFFFF;font: inherit;font-weight: 600;cursor: pointer;transition: background 0.15s ease;}.kpc__send:hover:not(:disabled){background: var(--accent-hover);}.kpc__send:disabled{opacity: 0.5;cursor: not-allowed;}.kpc__error{margin: 0;font-size: 13px;color: var(--kp-terracotta, #C1502E);}.kpc__gate{display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap;padding: 16px 18px;border-radius: 16px;border: 1px solid var(--kp-line);background: color-mix(in oklab, var(--kp-gold, #D9A441) 10%, var(--kp-surface));}.kpc__gate b{display: block;color: var(--kp-ink);}.kpc__gate span{font-size: 13.5px;color: var(--kp-ink-soft);}.kpc__cta{flex: 0 0 auto;padding: 11px 20px;border-radius: 12px;background: var(--accent);color: #FFFFFF;font-weight: 600;font-size: 14px;text-decoration: none;white-space: nowrap;transition: background 0.15s ease;}.kpc__cta:hover{background: var(--accent-hover);}@media (max-width: 560px){.kpc__bubble{max-width: 88%;}.kpc__send{padding-inline: 16px;}}@media (max-width: 640px){.kpc__dockwrap{bottom: calc(84px + env(safe-area-inset-bottom, 0px));}}