.sup-bubble{z-index:60;background:var(--nf-color-primary);min-width:48px;min-height:48px;color:var(--nf-color-on-primary);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex;position:fixed;inset-block-end:calc(16px + var(--nf-safe-bottom,0px));inset-inline-end:calc(16px + var(--nf-safe-right,0px));box-shadow:0 6px 20px #00000038}.sup-bubble.is-open{justify-content:center;width:52px;padding:0}.app-shell .content{padding-bottom:calc(var(--nf-fab-clearance) + var(--nf-safe-bottom,0px))}@media (width<=767.98px){.sup-bubble{inset-block-end:calc(72px + var(--nf-safe-bottom,0px));inset-inline-start:calc(16px + var(--nf-safe-left,0px));inset-inline-end:auto}.sup-panel{inset-inline-start:calc(16px + var(--nf-safe-left,0px));inset-inline-end:auto}.sup-bubble{justify-content:center;width:52px;padding:0}.sup-bubble .sup-bubble__text{display:none}.app-shell:has(.bottom-nav) .content{padding-bottom:calc(36px + 56px + var(--nf-fab-clearance) + var(--nf-safe-bottom))}}.sup-bubble.is-scrolling{opacity:0;pointer-events:none}.sup-bubble{transition:opacity .16s}@media (prefers-reduced-motion:reduce){.sup-bubble{transition:none}}.sup-bubble:hover{filter:brightness(1.06)}.sup-bubble:focus-visible{outline:3px solid var(--nf-focus-color);outline-offset:2px}.sup-bubble__dot{background:var(--nf-color-danger);width:10px;height:10px;box-shadow:0 0 0 2px var(--nf-color-primary);border-radius:50%;position:absolute;inset-block-start:6px;inset-inline-end:6px}.sup-panel{z-index:61;inline-size:min(360px, calc(100vw - 32px - var(--nf-safe-right,0px) - var(--nf-safe-left,0px)));max-block-size:min(560px, calc(100vh - 140px - var(--nf-safe-bottom,0px) - var(--nf-safe-top,0px)));border:1px solid var(--nf-color-border);background:var(--nf-color-surface);color:var(--nf-color-text);border-radius:16px;flex-direction:column;display:none;position:fixed;inset-block-end:calc(76px + var(--nf-safe-bottom,0px));inset-inline-end:calc(16px + var(--nf-safe-right,0px));overflow:hidden;box-shadow:0 18px 48px #00000042}.sup-panel.is-open{display:flex}.sup-panel__head{border-block-end:1px solid var(--nf-color-border);background:var(--nf-surface-2);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.sup-panel__head strong{font-size:15px;display:block}.sup-panel__sub{color:var(--nf-color-muted);margin-block-start:2px;font-size:12.5px;display:block}.sup-panel__x{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;margin:-10px -8px -10px 0;display:inline-flex}.sup-panel__x:focus-visible{outline:2px solid var(--nf-focus-color);outline-offset:1px}.sup-panel__list{flex-direction:column;flex:auto;gap:10px;min-block-size:140px;margin:0;padding:14px 16px;list-style:none;display:flex;overflow-y:auto}.sup-empty{text-align:center;color:var(--nf-color-muted);margin:auto;font-size:13px}.sup-msg{max-width:85%}.sup-msg--mine{align-self:flex-end}.sup-msg--them{align-self:flex-start}.sup-msg__who{color:var(--nf-color-muted);margin-block-end:3px;font-size:11.5px;font-weight:600;display:block}.sup-msg__body{overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px;margin:0;padding:9px 12px;font-size:14px;line-height:1.55}.sup-msg--mine .sup-msg__body{background:var(--nf-color-primary);color:var(--nf-color-on-primary)}.sup-msg--them .sup-msg__body{background:var(--nf-surface-2);color:var(--nf-color-text)}.sup-panel__form{padding:12px 16px calc(12px + var(--nf-safe-bottom,0px));border-block-start:1px solid var(--nf-color-border)}.sup-fields{gap:10px;margin-block-end:10px;display:grid}.sup-field{display:block}.sup-field>span{color:var(--nf-color-muted);margin-block-end:4px;font-size:12.5px;font-weight:600;display:block}.sup-field input,.sup-compose__input{inline-size:100%;border:1px solid var(--nf-color-border);background:var(--nf-color-surface);min-height:44px;color:var(--nf-color-text);font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}.sup-field input[aria-invalid=true]{border-color:var(--nf-color-danger)}.sup-field input:focus-visible,.sup-compose__input:focus-visible{outline:2px solid var(--nf-focus-color);outline-offset:1px}.sup-compose{align-items:flex-end;gap:8px;display:flex}.sup-compose__input{resize:none;line-height:1.5}.sup-compose__send{background:var(--nf-color-primary);min-width:44px;min-height:44px;color:var(--nf-color-on-primary);cursor:pointer;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sup-compose__send:disabled{opacity:.45;cursor:not-allowed}.sup-compose__send:focus-visible{outline:3px solid var(--nf-focus-color);outline-offset:2px}[dir=rtl] .sup-compose__send svg{transform:scaleX(-1)}.sup-error{background:var(--nf-color-danger-bg);color:var(--nf-color-danger);border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:13px}.sup-note{color:var(--nf-color-muted);margin:8px 0 0;font-size:11.5px;line-height:1.5}@media (pointer:coarse),(any-pointer:coarse),(width<=767.98px){.sup-bubble{min-height:52px}.sup-panel{inset-inline:calc(8px + var(--nf-safe-left,0px)) calc(8px + var(--nf-safe-right,0px));inline-size:auto;max-block-size:calc(100vh - 120px - var(--nf-safe-bottom,0px) - var(--nf-safe-top,0px))}}.app-shell:has(.bottom-nav) .sup-bubble{inset-block-end:calc(12px + 56px + var(--nf-safe-bottom,0px))}.app-shell:has(.bottom-nav) .sup-panel{max-block-size:calc(100vh - 190px - var(--nf-safe-bottom,0px) - var(--nf-safe-top,0px));inset-block-end:calc(72px + 56px + var(--nf-safe-bottom,0px))}@media print{.sup-bubble,.sup-panel{display:none!important}}@media (prefers-reduced-motion:no-preference){.sup-bubble{transition:transform .14s,filter .14s}.sup-bubble:active{transform:scale(.96)}}.sup-admin__bar{flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:14px;display:flex}.sup-admin{grid-template-columns:minmax(200px,280px) 1fr;align-items:start;gap:16px;display:grid}.sup-admin__list{flex-direction:column;gap:6px;max-block-size:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sup-admin__item{inline-size:100%;border:1px solid var(--nf-color-border);min-height:44px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border-radius:10px;padding:9px 12px}.sup-admin__item.is-active{border-color:var(--nf-color-primary);background:var(--nf-color-primary-light)}.sup-admin__item:focus-visible{outline:2px solid var(--nf-focus-color);outline-offset:1px}.sup-admin__name{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.sup-admin__unread{background:var(--nf-color-danger);min-width:20px;height:20px;color:var(--nf-color-surface);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-flex}.sup-admin__meta{color:var(--nf-color-muted);margin-block-start:2px;font-size:12px;display:block}.sup-admin__thread{border:1px solid var(--nf-color-border);border-radius:12px;min-block-size:220px;padding:14px}.sup-admin__ctx{border-block-end:1px solid var(--nf-color-border);padding-block-end:12px}.sup-admin__ctxrow{color:var(--nf-color-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:6px;font-size:13px;display:flex}.sup-admin__warn{color:var(--nf-color-warning-text)}.sup-admin__msgs{flex-direction:column;gap:10px;max-block-size:46vh;margin:12px 0;padding:0;list-style:none;display:flex;overflow-y:auto}.sup-admin__reply{align-items:flex-end;gap:10px;display:flex}.sup-admin__reply .btn{min-height:44px}.sup-admin__reply textarea,.sup-admin__bar select{border:1px solid var(--nf-color-border);background:var(--nf-color-surface);min-height:44px;color:var(--nf-color-text);font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}.sup-admin__reply textarea{resize:vertical;flex:auto;line-height:1.55}.sup-admin__reply textarea:focus-visible,.sup-admin__bar select:focus-visible{outline:2px solid var(--nf-focus-color);outline-offset:1px}@media (width<=767.98px){.sup-admin{grid-template-columns:1fr}.sup-admin__list{max-block-size:240px}}