.comment-dock,.comment-dock-dialog{--dock-ink:#182238;--dock-muted:#485873;--dock-blue:#365eec;--dock-line:#bdccec7a;--dock-glass:linear-gradient(135deg,#ffffffdf,#f8faffd4);--dock-field:#f8faffb8;color:var(--dock-ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.theme-dark .comment-dock,.theme-dark .comment-dock-dialog{--dock-ink:#edf2ff;--dock-muted:#b0bfd8;--dock-blue:#a5b8ff;--dock-line:#92abdd35;--dock-glass:linear-gradient(135deg,#253047eb,#172135d4);--dock-field:#131c2bbf}
.comment-dock{position:fixed;right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:50;isolation:isolate;animation:comment-dock-arrive .42s ease-out both}
.comment-dock-trigger{display:flex;align-items:center;gap:13px;box-sizing:border-box;width:252px;min-height:70px;padding:11px 15px 11px 12px;border:1px solid #ffffffa8;border-radius:25px;background:var(--dock-glass);color:var(--dock-ink);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #5771c312,0 12px 38px #1e3d771c,0 2px 8px #17254308;backdrop-filter:blur(22px) saturate(1.45);-webkit-backdrop-filter:blur(22px) saturate(1.45);cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .2s,opacity .16s,visibility .16s}
.theme-dark .comment-dock-trigger{border-color:#b7cbff32;box-shadow:inset 0 1px 0 #d7e4ff24,0 12px 38px #0005}
.comment-dock-symbol{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:16px;color:var(--dock-blue);background:linear-gradient(145deg,#e3ebffb8,#fff6);border:1px solid #b6c9ff61;box-shadow:inset 0 1px 0 #fff9}
.theme-dark .comment-dock-symbol{background:#7493ff1c;border-color:#a6bdff26;box-shadow:inset 0 1px 0 #fff2}
.comment-dock svg,.comment-dock-dialog svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.comment-dock-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.comment-dock-copy strong{font-size:14px;font-weight:650;white-space:nowrap;letter-spacing:.015em}.comment-dock-copy>span{font-size:12px;color:var(--dock-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-dock-arrow{color:var(--dock-muted);transform:rotate(180deg)}.comment-dock-arrow svg{width:15px;height:15px}
.comment-dock-trigger:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff9,0 16px 42px #1e3d772a}.comment-dock-trigger:active{transform:scale(.96,1.02)}.comment-dock.is-open .comment-dock-trigger{opacity:0;visibility:hidden;pointer-events:none}.comment-dock-trigger:focus-visible,.comment-dock-dialog :is(button,a):focus-visible{outline:2px solid var(--dock-blue);outline-offset:4px}
body:has(dialog[open]:not(.comment-dock-dialog)) .comment-dock{opacity:0;visibility:hidden;pointer-events:none}
.comment-dock-dialog{position:fixed;inset:auto 28px calc(28px + env(safe-area-inset-bottom,0px) + var(--comment-keyboard,0px)) auto;box-sizing:border-box;width:min(430px,calc(100vw - 40px));max-width:none;max-height:calc(var(--comment-viewport,100dvh) - 56px - env(safe-area-inset-bottom,0px));margin:0;padding:0;border:1px solid #ffffffb5;border-radius:30px;background:var(--dock-glass);box-shadow:inset 0 1px 0 #fff9,0 30px 95px #12244a2b,0 5px 20px #12244a12;backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4);overflow:hidden;transform-origin:bottom right}
.comment-dock-dialog.is-closing{backdrop-filter:none;-webkit-backdrop-filter:none}
.comment-dock-dialog[open]{display:flex;flex-direction:column;animation:none}.comment-dock-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;animation:none;transition:none}.theme-dark .comment-dock-dialog{border-color:#c0d3ff38;box-shadow:inset 0 1px 0 #fff2,0 30px 95px #0006}.theme-dark .comment-dock-dialog::backdrop{background:transparent}
.comment-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 23px 18px;flex:none;border-bottom:1px solid var(--dock-line)}.comment-dock-heading>div{min-width:0}.comment-dock-heading p{font-size:12px;letter-spacing:.08em;color:var(--dock-blue);margin:0 0 5px}.comment-dock-heading h2{font-size:18px;font-weight:650;letter-spacing:-.02em;line-height:1.45;margin:0;color:var(--dock-ink)}
.comment-dock-close{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid var(--dock-line);border-radius:15px;background:#ffffff55;color:var(--dock-muted);cursor:pointer;transition:transform .18s,background .18s}.theme-dark .comment-dock-close{background:#fff07}.comment-dock-close:hover{transform:scale(1.05);background:#fff9}.theme-dark .comment-dock-close:hover{background:#fff16}.comment-dock-close:active{transform:scale(.94)}
.comment-dock-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:21px 23px 22px;scrollbar-width:thin}.comment-dock-dialog [hidden]{display:none!important}.comment-dock-dialog .comment-form,.comment-dock-dialog .comments-login{padding:0;margin:0;border:0;border-radius:0;background:none}.comment-dock-dialog .comment-identity{font-size:12px;color:var(--dock-muted);margin-bottom:12px}.comment-dock-dialog label{display:block;font-size:13px;font-weight:600;margin:0;color:var(--dock-ink)}
.comment-dock-dialog textarea{display:block;box-sizing:border-box;width:100%;min-height:126px;max-height:220px;resize:vertical;padding:15px;margin:8px 0 0;border:1px solid var(--dock-line);border-radius:18px;background:var(--dock-field);box-shadow:inset 0 1px 3px #12345d06;color:var(--dock-ink);font-size:15px;line-height:1.65;font-family:inherit;transition:border-color .2s,box-shadow .2s}.comment-dock-dialog textarea::placeholder{color:var(--dock-muted);font-weight:400}.comment-dock-dialog textarea:focus,.comment-dock-dialog textarea:focus-visible{outline:0!important;border-color:var(--dock-blue);box-shadow:0 0 0 3px #365eec12}.comment-dock-dialog textarea:disabled{opacity:.6}
.comment-dock-dialog .comment-submit-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px}.comment-dock-dialog .comment-submit-row>span{font-size:12px;color:var(--dock-muted);line-height:1.6}.comment-dock-dialog .button,.comment-dock-retry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border:1px solid var(--dock-line);border-radius:16px;background:var(--dock-field);color:var(--dock-ink);font-weight:600;font-size:13px;line-height:1.5;font-family:inherit;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s}.comment-dock-dialog .primary{border-color:#365eec;background:linear-gradient(135deg,#4569e8,#365eec);color:#fff;box-shadow:inset 0 1px 0 #fff3,0 5px 15px #365eec24}.comment-dock-dialog .button:hover{transform:translateY(-1px)}.comment-dock-dialog .button:active{transform:scale(.96,1.02)}.comment-dock-dialog button:disabled{opacity:.5;cursor:wait}
.comment-dock-dialog .text-button{min-height:44px;padding:5px 0;border:0;background:none;color:var(--dock-blue);font-weight:500;font-size:13px;line-height:1.5;font-family:inherit;cursor:pointer}.comment-dock-dialog .actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}.comment-dock-dialog .comments-login p{margin:0;font-size:14px;line-height:1.8;color:var(--dock-ink)}.comment-dock-dialog .comment-reply-target{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin:0 0 12px;border-radius:14px;background:#365eec09;color:var(--dock-blue);font-size:12px}.comment-dock-dialog .comment-action-status{font-size:12px;line-height:1.6;color:var(--dock-blue);margin:14px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-dock-dialog .comment-action-status:empty{display:none}
.comment-dock-loading{display:flex;min-height:208px;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.comment-dock-loading p{font-size:15px;margin:0}.comment-dock-loading small{font-size:12px;color:var(--dock-muted)}.comment-dock-loading>span{width:22px;height:22px;border-radius:50%;border:2px solid var(--dock-line);border-top-color:var(--dock-blue);animation:comment-dock-spin .75s linear infinite}
.event-comments .comment-inline-actions{margin:0 0 16px}.event-comments .comment-inline-actions button{min-height:40px}.event-comments{scroll-margin-bottom:110px}
@keyframes comment-dock-arrive{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes comment-dock-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.comment-dock{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.comment-dock-trigger{width:231px;min-height:64px;border-radius:23px;padding:9px 12px;gap:10px}.comment-dock-symbol{width:40px;height:40px;border-radius:15px}.comment-dock-copy strong{font-size:13px}.comment-dock-copy>span{font-size:11px}.comment-dock-dialog{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--comment-keyboard,0px));width:calc(100vw - 24px);max-height:calc(var(--comment-viewport,100dvh) - 24px - env(safe-area-inset-bottom,0px));border-radius:27px}.comment-dock-heading{padding:20px 20px 16px}.comment-dock-body{padding:18px 20px 21px}.comment-dock-dialog textarea{font-size:16px;min-height:112px}.comment-dock-dialog .comment-submit-row>span{max-width:145px}.comment-dock-dialog .comment-submit-row .button{flex:none;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.comment-dock,.comment-dock-dialog,.comment-dock-dialog::backdrop,.comment-dock *,.comment-dock-dialog *{animation:none!important;transition:none!important}}