.panelo-comment-layer{z-index:var(--z-header);pointer-events:none;position:absolute;inset:0;overflow:hidden}.panelo-comment-layer.armed{pointer-events:auto;cursor:crosshair}.panelo-comment-marks{pointer-events:none;position:absolute;inset:0;overflow:visible}.panelo-comment-pin{border-radius:var(--r-pin);background:hsl(var(--pin-unread));border:var(--bw-hair) solid hsl(var(--stage-understroke) / .45);width:26px;height:26px;color:hsl(var(--stage-understroke));cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-pin);transition:transform var(--dur-quick) var(--ease-out), background var(--dur-quick) var(--ease-out), box-shadow var(--dur-standard) var(--ease-out);justify-content:center;align-items:center;margin:-26px 0 0;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:absolute}.panelo-comment-pin:hover{transform:translateY(-1px)scale(1.06)}.panelo-comment-pin.unread{box-shadow:var(--shadow-pin), 0 0 0 4px hsl(var(--pin-unread) / .32)}.panelo-comment-pin.seen{background:hsl(var(--pin-seen))}.panelo-comment-pin.active{background:hsl(var(--pin-selected));border-color:hsl(var(--stage-understroke) / .45);color:hsl(var(--stage-understroke));box-shadow:var(--shadow-pin), 0 0 12px hsl(var(--pin-selected) / .45)}.panelo-comment-pin.resolved{background:hsl(var(--pin-resolved));color:hsl(var(--stage-core) / var(--o-muted));box-shadow:var(--shadow-pin)}.panelo-comment-pin.pulsing:after{content:"";border-radius:var(--r-pin);pointer-events:none;animation:1.6s ease-out infinite panelo-comment-pin-pulse;position:absolute;inset:-2px}@keyframes panelo-comment-pin-pulse{0%{box-shadow:0 0 0 0 hsl(var(--pin-selected) / .7)}70%{box-shadow:0 0 0 12px hsl(var(--pin-selected) / 0)}to{box-shadow:0 0 0 0 hsl(var(--pin-selected) / 0)}}.panelo-comment-pin.detached{border-style:dashed;border-color:hsl(var(--pin-resolved-edge))}.panelo-comment-composer{z-index:var(--z-popover);border-radius:var(--r-menu);background:var(--float-bg);border:1px solid hsl(var(--border));width:272px;box-shadow:var(--shadow-float);pointer-events:auto;color:hsl(var(--text));padding:10px;position:fixed}.panelo-comment-composer textarea{resize:vertical;border-radius:var(--r-field-sm);background:hsl(var(--popover-bg));border:1px solid hsl(var(--border));width:100%;min-height:62px;color:hsl(var(--text));outline:none;padding:7px 8px;font-size:13px;line-height:1.45}.panelo-comment-composer textarea:focus,.panelo-comment-name:focus{border-color:hsl(var(--border-hi))}.panelo-comment-name{border-radius:var(--r-field-sm);background:hsl(var(--popover-bg));border:1px solid hsl(var(--border));width:100%;color:hsl(var(--text));outline:none;margin-bottom:6px;padding:6px 8px;font-size:12px}.panelo-comment-actions{justify-content:flex-end;align-items:center;gap:6px;margin-top:8px;display:flex}.panelo-comment-note{color:hsl(var(--text-dim));margin-top:6px;font-size:11px;line-height:1.4}.panelo-comment-error{color:hsl(var(--danger));margin-top:6px;font-size:11px;line-height:1.4}.panelo-comment-rail{z-index:var(--z-menu);background:hsl(var(--surface));border-left:1px solid hsl(var(--border));width:300px;box-shadow:var(--shadow-float);pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.panelo-comment-rail.docked{z-index:auto;background:hsl(var(--bg));min-height:0;box-shadow:none;flex:none;position:relative;top:auto;bottom:auto;right:auto}.panelo-comment-rail-grip{width:6px;z-index:var(--z-panel);cursor:col-resize;touch-action:none;background:0 0;position:absolute;top:0;bottom:0;left:0}.panelo-comment-rail-grip:after{content:"";width:2px;transition:background var(--dur-quick) var(--ease-out);background:0 0;position:absolute;top:0;bottom:0;left:0}.panelo-comment-rail-grip:hover:after,.panelo-comment-rail-grip:active:after{background:hsl(var(--notice))}.panelo-comment-rail-head{border-bottom:1px solid hsl(var(--border));font-size:var(--ty-u5);letter-spacing:0;color:hsl(var(--text-mid));flex:none;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;display:flex}.panelo-comment-rail-title{align-items:baseline;gap:5px;min-width:0;display:flex}.panelo-comment-rail-title>span:first-child{flex:none}.panelo-comment-you{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:hsl(var(--text-dim));font-weight:500;overflow:hidden}.panelo-comment-rail-head-end{flex:none;align-items:center;gap:6px;display:flex}.panelo-comment-sound{border-radius:var(--r-field-sm);width:26px;height:26px;color:hsl(var(--text-dim));cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:-6px -6px -6px 0;padding:0;display:inline-flex}.panelo-comment-sound:hover{background:hsl(var(--surface2));color:hsl(var(--text))}.panelo-comment-sound.on{color:hsl(var(--text))}.panelo-comment-sound:focus-visible{outline:var(--bw-focus) solid hsl(var(--focus));outline-offset:1px}.panelo-comment-new-count{border-radius:var(--r-pill);background:hsl(var(--notice) / .16);color:hsl(var(--notice));padding:2px 7px;font-size:11px;font-weight:600}.panelo-comment-rail-list{flex-direction:column;flex:1;padding:4px 10px 12px;display:flex;position:relative;overflow-y:auto}.panelo-comment-day{border-radius:var(--r-pill);background:hsl(var(--surface));color:hsl(var(--text-dim));font-family:var(--font-mono);font-size:var(--ty-m3);line-height:var(--ty-m3-lh);letter-spacing:var(--ty-m3-track);text-transform:uppercase;align-self:center;margin:12px 0 2px;padding:2px 10px;font-weight:400}.panelo-comment-divider{color:hsl(var(--notice));font-family:var(--font-mono);font-size:var(--ty-m3);line-height:var(--ty-m3-lh);letter-spacing:var(--ty-m3-track);text-transform:uppercase;align-items:center;gap:8px;margin:12px 0 0;font-weight:400;display:flex}.panelo-comment-divider:before,.panelo-comment-divider:after{content:"";background:hsl(var(--notice) / .35);flex:1;height:1px}.panelo-comment-resolved-mark{border-radius:var(--r-chip);background:hsl(var(--alive) / .14);border:1px solid hsl(var(--alive) / .42);color:hsl(var(--alive));font-family:var(--font-mono);font-size:var(--ty-m4);line-height:var(--ty-m4-lh);letter-spacing:var(--ty-m4-track);align-items:center;gap:3px;padding:1px 6px 1px 4px;font-weight:400;display:inline-flex}.panelo-comment-msg{align-items:flex-end;gap:12px;margin-top:8px;display:flex}.panelo-comment-msg.continued{margin-top:3px}.panelo-comment-msg.theirs{justify-content:flex-start}.panelo-comment-msg.mine{justify-content:flex-end;padding-right:12px}.panelo-comment-bubble{border-radius:var(--r-menu);border:var(--bw-hair) solid transparent;cursor:pointer;min-width:0;max-width:calc(100% - 50px);transition:box-shadow var(--dur-quick) var(--ease-out), opacity var(--dur-quick) var(--ease-out);outline:none;padding:7px 11px 5px;position:relative}.panelo-comment-msg.theirs.last .panelo-comment-bubble{border-bottom-left-radius:0}.panelo-comment-msg.mine.last .panelo-comment-bubble{border-bottom-right-radius:0}.panelo-comment-tail{pointer-events:none;position:absolute;bottom:-1px;overflow:visible}.panelo-comment-tail.l{left:-12.5px}.panelo-comment-tail.r{right:-12.5px}.panelo-comment-bubble:focus-visible{box-shadow:0 0 0 var(--bw-focus) hsl(var(--text) / .45)}.panelo-comment-msg.active .panelo-comment-bubble{box-shadow:0 0 0 1px hsl(var(--text) / .34)}.panelo-comment-msg.answering .panelo-comment-bubble{box-shadow:0 0 0 1.5px hsl(var(--text) / .72)}.panelo-comment-msg.pulsing .panelo-comment-bubble{opacity:1;animation:1.6s ease-in-out infinite panelo-comment-bubble-pulse}@keyframes panelo-comment-bubble-pulse{0%,to{box-shadow:0 0 0 1.5px hsl(var(--accent-line) / .55)}50%{box-shadow:0 0 0 1.5px hsl(var(--accent-line) / .85), 0 0 16px 2px hsl(var(--accent-line) / .32)}}.panelo-comment-msg.flash .panelo-comment-bubble{opacity:1;animation:1.4s ease-out panelo-comment-flash}@keyframes panelo-comment-flash{0%,35%{box-shadow:0 0 0 2px hsl(var(--notice) / .9), 0 0 18px hsl(var(--notice) / .3)}to{box-shadow:0 0 0 2px hsl(var(--notice) / 0)}}.panelo-comment-quote{border:none;border-left:3px solid hsl(var(--text-dim));border-radius:var(--r-chip);background:hsl(var(--text) / .05);width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:1px;margin:1px 0 5px;padding:3px 8px 4px;display:flex}.panelo-comment-quote:hover{filter:brightness(1.15)}.panelo-comment-quote-name,.panelo-comment-quote-text{text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.panelo-comment-quote-name{font-size:11.5px;font-weight:600}.panelo-comment-quote-text{color:hsl(var(--text-mid));font-size:12px}.panelo-comment-quote-text.removed,.panelo-comment-quote.gone{color:hsl(var(--text-dim));font-style:italic}.panelo-comment-quote.gone{cursor:default;font-size:12px}.panelo-comment-reactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.panelo-comment-reaction{border-radius:var(--r-pill);border:1px solid hsl(var(--text) / .14);background:hsl(var(--bg) / .45);height:22px;color:hsl(var(--text-mid));cursor:pointer;align-items:center;gap:4px;padding:0 7px 0 5px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.panelo-comment-reaction:hover:not(:disabled){border-color:hsl(var(--text) / .32)}.panelo-comment-reaction.mine{border-color:hsl(var(--text) / .55);background:hsl(var(--text) / .14);color:hsl(var(--text))}.panelo-comment-reaction:disabled{cursor:default}.panelo-comment-reaction-glyph{font-size:13px}.panelo-comment-picker{z-index:var(--z-popover);border-radius:var(--r-pill);background:hsl(var(--popover-bg));border:1px solid hsl(var(--border));box-shadow:var(--shadow-float);animation:panelo-comment-picker-in var(--dur-quick) var(--ease-out);gap:1px;padding:4px;display:flex;position:fixed}.panelo-comment-picker-btn{border-radius:var(--r-pill);cursor:pointer;width:26px;height:26px;transition:transform var(--dur-quick) var(--ease-out), background var(--dur-quick) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:17px;line-height:1;display:inline-flex}.panelo-comment-picker-btn:hover{background:hsl(var(--surface3));transform:scale(1.22)}.panelo-comment-picker-btn.mine{background:hsl(var(--text) / .16)}@keyframes panelo-comment-picker-in{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.panelo-comment-picker{animation:none}.panelo-comment-picker-btn:hover{transform:none}}.panelo-comment-loc{flex-wrap:wrap;align-items:center;gap:5px;min-height:16px;margin:0 0 4px;display:flex}.panelo-comment-loc-label{color:hsl(var(--text-mid));font-size:11px}.panelo-comment-bubble .panelo-comment-author{margin-bottom:3px}.panelo-comment-bubble .panelo-comment-body{margin-top:0}.panelo-comment-meta{justify-content:flex-end;align-items:center;gap:6px;min-height:16px;margin-top:2px;display:flex}.panelo-comment-meta .panelo-comment-time{margin-left:0;font-size:10.5px}.panelo-comment-author{color:hsl(var(--text));align-items:center;gap:6px;font-size:12px;display:flex}.panelo-comment-guest-mark{border-radius:var(--r-chip);background:hsl(var(--surface2));border:1px solid hsl(var(--border));color:hsl(var(--text-dim));font-family:var(--font-mono);font-size:var(--ty-m4);line-height:var(--ty-m4-lh);letter-spacing:var(--ty-m4-track);padding:1px 5px}.panelo-comment-owner-mark{border-radius:var(--r-chip);background:hsl(var(--surface3));border:1px solid hsl(var(--surface3));color:hsl(var(--text));padding:1px 5px;font-size:10px}.panelo-comment-time{color:hsl(var(--text-dim));margin-left:auto;font-size:11px}.panelo-comment-body{color:hsl(var(--text));white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;font-size:13px;line-height:1.5}.panelo-comment-body.removed{color:hsl(var(--text-dim));font-style:italic}.panelo-comment-empty{text-align:center;color:hsl(var(--text-dim));padding:28px 16px;font-size:12px;line-height:1.6}.panelo-comment-toolbar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--bg));flex-wrap:wrap;flex:none;align-items:center;gap:2px;padding:7px 8px;display:flex}.panelo-comment-tool{border-radius:var(--r-field-sm);width:34px;height:34px;color:hsl(var(--text-mid));cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.panelo-comment-tool:hover{background:hsl(var(--surface2));color:hsl(var(--text))}.panelo-comment-tool.active{background:hsl(var(--surface3));border-color:hsl(var(--border-hi));color:hsl(var(--text))}.panelo-comment-toolbar-divider{background:hsl(var(--border));width:1px;height:22px;margin:0 4px}.panelo-comment-swatches{align-items:center;gap:4px;display:flex}.panelo-comment-toolbar input[type=range]{width:84px;accent-color:hsl(var(--text))}.panelo-comment-avatar{border-radius:var(--r-pill);width:26px;height:26px;color:hsl(var(--on-author));font-size:var(--ty-u5);flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.panelo-comment-avatar-space{flex:none;width:26px}.panelo-comment-name-text{color:hsl(var(--text));font-size:var(--ty-u3);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.panelo-comment-pin-ref{border-radius:var(--r-pill);background:hsl(var(--notice) / .18);min-width:16px;height:16px;color:hsl(var(--notice));justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.panelo-comment-menu-btn{border-radius:var(--r-pill);width:22px;height:22px;color:hsl(var(--text-dim));cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:-3px -4px -3px 0;padding:0;display:inline-flex}.panelo-comment-menu-btn:hover,.panelo-comment-menu-btn[aria-expanded=true]{background:hsl(var(--surface2));color:hsl(var(--text))}.panelo-comment-menu-scrim{z-index:var(--z-popover);position:fixed;inset:0}.panelo-comment-menu{border-radius:var(--r-menu);background:hsl(var(--popover-bg));border:1px solid hsl(var(--border));min-width:136px;box-shadow:var(--shadow-float);padding:4px;position:absolute}.panelo-comment-menu-item{border-radius:var(--r-field-sm);width:100%;height:30px;color:hsl(var(--text));text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 9px;font-size:12.5px;display:flex}.panelo-comment-menu-item:hover:not(:disabled){background:hsl(var(--surface3));color:hsl(var(--text))}.panelo-comment-menu-item:disabled{opacity:var(--o-disabled);cursor:default}.panelo-comment-menu-item.danger{color:hsl(var(--danger))}.panelo-comment-menu-item.danger:hover:not(:disabled){background:hsl(var(--danger) / .16);color:hsl(var(--danger-hover))}.panelo-comment-menu-confirm{width:208px;padding:4px 2px 0}.panelo-comment-menu-confirm-text{color:hsl(var(--text));margin:2px 7px 8px;font-size:12.5px;line-height:1.4}.panelo-comment-menu-confirm-actions{justify-content:flex-end;gap:4px;display:flex}.panelo-comment-menu-confirm-actions .panelo-comment-menu-item{width:auto}.panelo-comment-edited{color:hsl(var(--text-dim));font-size:11px}.panelo-comment-dock{border-top:1px solid hsl(var(--border));background:hsl(var(--bg));flex:none;padding:10px}.panelo-comment-dock-row{align-items:flex-end;gap:8px;display:flex}.panelo-comment-dock textarea{resize:none;border-radius:var(--r-menu);background:hsl(var(--popover-bg));border:1px solid hsl(var(--border));min-height:76px;max-height:200px;color:hsl(var(--text));outline:none;flex:1;padding:9px 10px;font-size:13px;line-height:1.45;overflow-y:auto}.panelo-comment-dock textarea:focus{border-color:hsl(var(--border-hi))}.panelo-comment-dock textarea[readonly]{cursor:pointer}.panelo-comment-dock textarea.sending{cursor:progress;color:hsl(var(--text-mid))}.panelo-comment-dock-error{margin:0 0 8px}.panelo-comment-replying{border-left:3px solid hsl(var(--text-dim));border-radius:var(--r-field-sm);background:hsl(var(--surface));align-items:center;gap:8px;margin:0 0 8px;padding:5px 4px 5px 9px;display:flex}.panelo-comment-replying-icon{color:hsl(var(--text-mid));flex:none}.panelo-comment-replying-text{flex-direction:column;flex:1;min-width:0;display:flex}.panelo-comment-replying-name,.panelo-comment-replying-body{text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.panelo-comment-replying-name{color:hsl(var(--text));font-size:11.5px;font-weight:600}.panelo-comment-replying-body{color:hsl(var(--text-mid));font-size:12px}.panelo-comment-replying-close{border-radius:var(--r-pill);width:24px;height:24px;color:hsl(var(--text-mid));cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.panelo-comment-replying-close:hover{background:hsl(var(--surface3));color:hsl(var(--text))}@media (prefers-reduced-motion:reduce){.panelo-comment-pin.pulsing:after{box-shadow:0 0 0 4px hsl(var(--pin-selected) / .45);animation:none}.panelo-comment-msg.pulsing .panelo-comment-bubble{box-shadow:0 0 0 2px hsl(var(--accent-line) / .7);animation:none}}.panelo-comment-name-scrim{z-index:var(--z-dialog);background:var(--scrim);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.panelo-comment-host{pointer-events:none;position:absolute;inset:0}.panelo-comment-placing{border-left-color:hsl(var(--pin-unread))}.panelo-comment-placing .panelo-comment-replying-icon{color:hsl(var(--pin-unread))}.panelo-comment-tick{box-sizing:border-box;border-radius:var(--r-pin-sm);background:hsl(var(--pin-unread));border:var(--bw-hair) solid hsl(var(--stage-understroke) / .45);min-width:17px;height:17px;color:hsl(var(--stage-understroke));font-family:var(--font-ui);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:transform var(--dur-quick) var(--ease-out), background var(--dur-quick) var(--ease-out);justify-content:center;align-items:center;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:2px}.panelo-comment-tick:hover{transform:translateY(-1px)}.panelo-comment-tick.unread{box-shadow:0 0 0 3px hsl(var(--pin-unread) / .32)}.panelo-comment-tick.seen{background:hsl(var(--pin-seen))}.panelo-comment-tick.resolved{background:hsl(var(--pin-resolved));color:hsl(var(--stage-core) / var(--o-muted))}.panelo-comment-tick.detached{border-style:dashed;border-color:hsl(var(--pin-resolved-edge))}.panelo-comment-tick.active{background:hsl(var(--pin-selected));color:hsl(var(--stage-understroke))}.panelo-comment-tick.pending{background:hsl(var(--bg) / .85);border:1.5px dashed hsl(var(--pin-unread));color:hsl(var(--pin-unread));cursor:default}.panelo-comment-preview{z-index:var(--z-popover);box-sizing:border-box;border-radius:var(--r-menu);background:hsl(var(--popover-bg));border:1px solid hsl(var(--border));width:max-content;max-width:264px;box-shadow:var(--shadow-float);color:hsl(var(--text));font-family:var(--font-ui);pointer-events:none;visibility:hidden;animation:panelo-comment-preview-in var(--dur-quick) var(--ease-out);padding:8px 10px 9px;position:fixed;top:0;left:0}.panelo-comment-preview-head{align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.3;display:flex}.panelo-comment-preview-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.panelo-comment-preview-note{color:hsl(var(--text-dim));margin-top:2px;font-size:11px}.panelo-comment-preview-body{-webkit-line-clamp:4;line-clamp:4;color:hsl(var(--text));white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.panelo-comment-preview-body.removed{color:hsl(var(--text-dim));font-style:italic}.panelo-comment-preview-foot{color:hsl(var(--text-mid));margin-top:5px;font-size:11px;font-weight:600}@keyframes panelo-comment-preview-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.panelo-comment-preview{animation:none}}