.comment-field{--cf-btn:40px;--cf-inset:4px;--cf-line:24px;--cf-text-gap:4px;--cf-border:1px;--cf-icon:20px;--cf-pair-x:calc(var(--cf-border) + var(--cf-inset) - (var(--cf-btn) - var(--cf-icon)) / 2 - var(--cf-icon) * .15);--cf-pair-y:calc(var(--cf-border) + var(--cf-inset) - (var(--cf-btn) - var(--cf-icon)) / 2 - var(--cf-icon) * .0771);position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:". . meta ." ". . media ." "attach access input send";align-items:end;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:var(--cf-inset);border:var(--cf-border) solid var(--ui-border,var(--border,#c4c9c1));border-radius:calc(var(--cf-btn) / 2 + var(--cf-inset) + var(--cf-border));background:var(--ui-raised,var(--raised,#FDFDF9));color:var(--ui-text,var(--text,#242824));transition:border-color .15s ease,box-shadow .15s ease}.comment-field[data-compact]{--cf-btn:36px;--cf-icon:18px}@media (max-width:768px),(pointer:coarse){.comment-field,.comment-field[data-compact]{--cf-btn:44px;--cf-icon:20px}}.comment-field:focus-within{border-color:var(--ui-text,var(--text,#242824));box-shadow:0 0 0 1px var(--ui-text,var(--text,#242824))}.comment-field-attach,.comment-field-attach>.dorm-attach{display:contents}.comment-field .dorm-attach-btn,.comment-field>.comment-access-btn,.comment-field>.comment-send-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box!important;width:var(--cf-btn)!important;height:var(--cf-btn)!important;min-width:var(--cf-btn)!important;min-height:var(--cf-btn)!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;box-shadow:none!important;font:inherit;line-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease,transform .12s ease}.comment-field .dorm-attach-btn svg,.comment-field>.comment-access-btn svg,.comment-field>.comment-send-btn svg{display:block;width:var(--cf-icon);height:var(--cf-icon);flex-shrink:0}.comment-field .dorm-attach-btn{grid-area:attach;align-self:start;background:transparent;color:var(--ui-muted,var(--muted,#5C635D))}@media (hover:hover){.comment-field .dorm-attach-btn:hover:not(:disabled){background:var(--ui-surface,var(--surface,#E3E5E0));color:var(--ui-text,var(--text,#242824))}}.comment-field .dorm-attach-btn:active:not(:disabled){background:var(--ui-surface,var(--surface,#E3E5E0));color:var(--ui-text,var(--text,#242824))}.comment-field .dorm-attach-btn:disabled{cursor:progress;color:var(--ui-text,var(--text,#242824))}.comment-field>.comment-access-btn{grid-area:access;align-self:start;background:transparent;color:var(--ui-muted,var(--muted,#5C635D))}.comment-field[data-attach]>.comment-access-btn{margin-left:var(--cf-pair-x)!important}.comment-field .dorm-attach-btn{position:relative;z-index:1}.comment-field>.comment-access-btn[data-active]{background:color-mix(in srgb,var(--ui-text,#242824) 10%,transparent);color:var(--ui-text,var(--text,#242824))}@media (hover:hover){.comment-field>.comment-access-btn:hover{background:var(--ui-surface,var(--surface,#E3E5E0));color:var(--ui-text,var(--text,#242824))}}.comment-field>.comment-access-btn:active,.comment-field>.comment-access-btn[aria-expanded=true]{background:var(--ui-surface,var(--surface,#E3E5E0));color:var(--ui-text,var(--text,#242824))}.comment-field>.comment-access-chip{grid-area:meta;justify-self:start;position:relative;height:24px!important;min-height:0!important;min-width:0!important;margin:6px var(--cf-text-gap) 0!important;padding:0 10px 0 8px!important;border:0!important;border-radius:999px!important;box-shadow:none!important}.comment-access-row-chip,.comment-field>.comment-access-chip{background:var(--ui-text,#242824)!important;color:var(--ui-card,#F7F8F4)!important}@media (hover:hover){.comment-access-row-chip:hover,.comment-field>.comment-access-chip:hover{background:color-mix(in srgb,var(--ui-text,#242824) 82%,var(--ui-primary,#79ADE3))!important}}.comment-field>.comment-access-chip:after{content:"";position:absolute;inset:-10px -4px}.comment-field>.comment-access-chip:focus-visible{outline:2px solid var(--ui-focus,var(--ui-text,#242824));outline-offset:2px}.comment-access-row-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:32px;height:32px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ui-text,#242824);line-height:0;cursor:pointer}@media (hover:hover){.comment-access-row-btn:hover{background:var(--ui-surface,#E3E5E0)}}.comment-access-row-btn svg{display:block;flex:none}.comment-access-row-btn:after,.comment-access-row-chip:after{content:"";position:absolute;inset:-10px -6px}.comment-access-row-chip{position:relative;flex:none}.comment-access-row-btn:focus-visible,.comment-access-row-chip:focus-visible{outline:2px solid var(--ui-focus,var(--ui-text,#242824));outline-offset:2px}.comment-access-pop{display:grid;gap:12px;width:min(312px,calc(100vw - 44px));font-family:var(--font-sans,sans-serif);color:var(--ui-text,#242824)}.comment-access-title{margin:0;font-size:15px;font-weight:650;line-height:1.4;letter-spacing:-.01em}.comment-access-options{display:grid;gap:8px}.comment-access-option{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;box-sizing:border-box;min-height:48px;padding:6px 12px;border:1px solid var(--ui-border,#c4c9c1);border-radius:12px;background:var(--ui-raised,#FDFDF9);font-size:15px;font-weight:500;line-height:1.5;word-break:keep-all;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.comment-access-option>label{cursor:pointer}.comment-access-option[data-selected]{border-color:var(--ui-text,#242824);box-shadow:inset 0 0 0 1px var(--ui-text,#242824)}.comment-access-option[data-disabled]{cursor:default;color:var(--ui-muted,#5C635D);background:transparent}.comment-access-option[data-disabled]>label{cursor:default}.comment-access-option input[type=radio]{flex:none;width:18px;height:18px;margin:0 8px 0 0;accent-color:var(--ui-text,#242824);cursor:inherit}.comment-access-option .dorm-requirement-input{margin:0 2px 0 0!important}.comment-access-option .dorm-requirement-input input{width:4.25rem!important}.comment-access-note{flex-basis:100%;padding-left:26px;font-size:13px;line-height:1.5}.comment-access-hint{margin:0;font-size:13px;line-height:1.55;color:var(--ui-muted,#5C635D);word-break:keep-all;overflow-wrap:break-word}.comment-access-foot{display:flex;justify-content:flex-end}.comment-access-done{min-height:44px;padding:0 20px;border:1px solid var(--ui-border,#c4c9c1);border-radius:8px;background:transparent;color:var(--ui-text,#242824);font:600 15px/1 var(--font-sans,sans-serif);cursor:pointer}@media (hover:hover){.comment-access-option:not([data-disabled]):hover{border-color:color-mix(in srgb,var(--ui-text,#242824) 55%,var(--ui-border,#C4C9C1))}.comment-access-done:hover{background:var(--ui-surface,#E3E5E0)}}.comment-access-done:focus-visible{outline:2px solid var(--ui-focus,var(--ui-text,#242824));outline-offset:2px}@media (prefers-reduced-motion:reduce){.comment-access-option{transition:none}}.comment-field>.comment-send-btn{grid-area:send;background:var(--ui-primary,var(--primary,#79ADE3));color:var(--ui-on-primary,#242824);opacity:1}@media (hover:hover){.comment-field>.comment-send-btn:hover:not(:disabled){background:color-mix(in srgb,var(--ui-primary,#79ADE3) 86%,var(--ui-text,#242824))}}.comment-field>.comment-send-btn:active:not(:disabled){transform:scale(.94)}.comment-field>.comment-send-btn:disabled{background:var(--ui-surface,var(--surface,#E3E5E0));color:var(--ui-muted,var(--muted,#5C635D));cursor:default;opacity:1}.comment-field .dorm-attach-btn:focus-visible,.comment-field .dorm-attach-thumb button:focus-visible,.comment-field>.comment-access-btn:focus-visible,.comment-field>.comment-send-btn:focus-visible{outline:2px solid var(--ui-focus,var(--ui-text,#242824));outline-offset:2px}.comment-field-input{grid-area:input;min-width:0}.comment-field .comment-field-input :is(textarea,.mention-input-overlay){box-sizing:border-box!important;min-height:var(--cf-btn);margin:0!important;padding:calc((var(--cf-btn) - var(--cf-line)) / 2) var(--cf-text-gap)!important;border:0!important;border-radius:0!important;font-family:var(--font-sans,inherit)!important;font-size:16px!important;font-weight:400!important;line-height:var(--cf-line)!important;letter-spacing:normal!important;word-break:keep-all;overflow-wrap:break-word}.comment-field:not([data-attach]):not([data-access]) .comment-field-input :is(textarea,.mention-input-overlay){padding-left:12px!important}.comment-field .comment-field-input textarea{display:block;width:100%;color:var(--ui-text,var(--text,#242824))!important;caret-color:var(--ui-text,var(--text,#242824));background:transparent!important;outline:none!important;box-shadow:none!important;resize:none!important}.comment-field .comment-field-input textarea:placeholder-shown{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-field .comment-field-input textarea::placeholder{color:var(--ui-muted,var(--muted,#5C635D));opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dorm-attach-thumb{position:relative;display:inline-flex;flex-shrink:0;line-height:0}.comment-field .dorm-attach-thumb{grid-area:media;justify-self:start;max-width:100%;margin:8px var(--cf-text-gap) 6px}.dorm-attach-thumb .dorm-attach-zoom{display:block;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent;line-height:0;cursor:zoom-in}.dorm-attach-thumb .dorm-attach-zoom img{display:block;width:auto;height:auto;max-width:min(180px,100%);min-width:72px;max-height:220px;object-fit:contain;border-radius:12px;border:1px solid var(--ui-border,var(--border,#c4c9c1))}.dorm-attach-thumb .dorm-attach-remove{position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box!important;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;padding:0!important;border:2px solid var(--ui-raised,var(--raised,#fdfdf9))!important;border-radius:50%!important;background:var(--ui-text,var(--text,#242824));color:var(--ui-raised,var(--raised,#FDFDF9));cursor:pointer}.dorm-attach-thumb .dorm-attach-remove svg{display:block;stroke-width:2.8}.dorm-attach-thumb .dorm-attach-remove:after{content:"";position:absolute;inset:-11px}:root{--cf-rest:50px;--cf-rest-compact:46px}@media (max-width:768px),(pointer:coarse){:root{--cf-rest:54px;--cf-rest-compact:54px}}:is(div,span,img,a,button):has(+.comment-composer:not(.comment-composer--edit)){align-self:flex-start;transform:translateY(max(0px,calc((var(--cf-rest) - 100%) / 2)))}:is(div,span,img,a,button):has(+.comment-composer:not(.comment-composer--edit) .comment-field[data-compact]){transform:translateY(max(0px,calc((var(--cf-rest-compact) - 100%) / 2)))}@media (prefers-reduced-motion:reduce){.comment-field,.comment-field .dorm-attach-btn,.comment-field>.comment-access-btn,.comment-field>.comment-send-btn{transition:none}.comment-field>.comment-send-btn:active:not(:disabled){transform:none}}.comment-field[data-multiline]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto 1fr;grid-template-areas:". meta ." ". media ." "attach input send" "access input send"}.comment-field[data-multiline]>.comment-access-btn{margin-left:0!important;margin-top:var(--cf-pair-y)!important}.comment-field[data-multiline]:not([data-attach])>.comment-access-btn{margin-top:0!important}.comment-field[data-multiline]>.comment-field-input{align-self:start}