.comment-compose-dialog{border-radius:1.1rem;width:min(38rem,100vw - 2rem)}.comment-compose-form{gap:1rem;padding:1.35rem 1.5rem 1.4rem}.comment-compose-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.comment-compose-heading{gap:.35rem;min-width:0;display:grid}.comment-compose-context{color:var(--text);font:600 .95rem/1.4 var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.comment-compose-close{background:color-mix(in srgb, var(--text) 8%, transparent);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:-.25rem -.35rem 0 0;display:inline-flex}.comment-compose-close:hover{background:color-mix(in srgb, var(--text) 15%, transparent)}.comment-compose-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.comment-compose-close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:1rem;height:1rem}.comment-compose-identity{min-width:0;color:var(--text-bright);font:600 .92rem/1.35 var(--sans);align-items:center;gap:.6rem;margin:0;display:flex}.comment-compose-identity-name{overflow-wrap:anywhere}.comment-compose-avatar{background:color-mix(in srgb, var(--accent) 18%, var(--bg-card));width:2rem;height:2rem;color:var(--text-bright);font:700 .9rem/1 var(--sans);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.comment-compose-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.comment-compose-name{gap:.4rem;display:grid}.comment-compose-name label{color:var(--text-bright);font:700 .9rem/1.3 var(--sans)}.comment-compose-name input,.comment-compose-textarea{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;color:var(--text-bright);background:color-mix(in srgb, var(--text) 4%, var(--bg-card));font:400 1rem/1.6 var(--sans);border-radius:.8rem;padding:.8rem .95rem;transition:border-color .14s,box-shadow .14s}.comment-compose-textarea{resize:none;unicode-bidi:plaintext;min-height:7.5rem;max-height:min(50dvh,24rem);display:block;overflow-y:auto}.comment-compose-name input::placeholder,.comment-compose-textarea::placeholder{color:var(--text);opacity:.75}.comment-compose-name input:focus,.comment-compose-textarea:focus{border-color:var(--chapter-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--chapter-accent,var(--accent)) 28%, transparent);outline:none}.comment-compose-error{color:var(--danger-text);font:600 .92rem/1.45 var(--sans);margin:0}.comment-compose-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.comment-compose-footer .safety-dialog-button{border-radius:999px;min-height:2.75rem;padding-inline:1.15rem}.comment-compose-count{color:var(--text);font:400 .85rem/1.2 var(--sans);font-variant-numeric:tabular-nums}.comment-compose-count.is-warning{color:var(--danger-text);font-weight:700}@media (width<=640px){.comment-compose-dialog{margin-block:max(.75rem, env(safe-area-inset-top)) auto;max-height:calc(100dvh - 1.5rem)}.comment-compose-form{padding:1.1rem}.comment-compose-textarea{max-height:38dvh}.comment-compose-footer .safety-dialog-actions{flex:100%}.comment-compose-footer .safety-dialog-button{flex:1 1 0;min-height:44px}}@media (prefers-reduced-motion:reduce){.comment-compose-name input,.comment-compose-textarea{transition:none}}@media (forced-colors:active){.comment-compose-name input,.comment-compose-textarea{background:canvas;border-color:canvastext}}:root[data-accessibility=true] .comment-compose-name input,:root[data-accessibility=true] .comment-compose-textarea{border:2px solid var(--border-strong)}