.cm{border-top:var(--bw) solid var(--hair);min-width:0;scroll-margin-top:calc(var(--nav-h) + 12px);gap:14px;padding-top:24px;display:grid}.cm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;display:flex}.cm-label{margin-bottom:6px}.cm-title{font:20px/1.25 var(--font-display);color:var(--ink)}.cm-total{font:12px var(--font-mono);letter-spacing:.1em;color:var(--accent);vertical-align:middle;margin-left:4px}.cm-tools{flex-wrap:wrap;gap:6px;display:flex}.cm-tool{border:var(--bw) solid var(--line);cursor:pointer;font:11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:0 0;padding:6px 10px;transition:color .15s,border-color .15s,background-color .15s}.cm-tool:hover:not(:disabled){color:var(--ink);border-color:var(--press-border);background:var(--press)}.cm-tool[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.cm-tool:disabled{opacity:.6;cursor:default}.cm-state{font:13px/1.6 var(--font-mono);letter-spacing:.06em;color:var(--muted);margin:0}.cm-state[data-tone=wait]:before{content:"";background:var(--accent);width:6px;height:6px;margin-right:10px;animation:1s steps(2,end) infinite blink;display:inline-block;rotate:45deg}.cm-state[data-tone=bad]{color:var(--bad)}.cm-status{border:var(--bw) solid var(--hair);border-left:2px solid var(--bad);background:var(--panel);margin:0;padding:8px 12px;font-size:14px}.cm-status[data-tone=ok]{border-left-color:var(--ok)}.cm-locked{color:var(--warn);border:var(--bw) dashed var(--warn);margin:0;padding:8px 12px;font-size:14px}.cm-why{color:var(--muted);border:var(--bw) dashed var(--line);margin:0;padding:10px 12px;font-size:14px}.cm-top:empty{display:none}.cm-compose-me{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.cm-compose{gap:8px;min-width:0;display:grid}.cm-area-wrap{position:relative}.cm-area{resize:none;width:100%;min-height:44px;font:15px/1.55 var(--font-body);color:var(--ink);background:var(--panel);border:var(--bw) solid var(--line);padding:10px 12px;transition:border-color .15s;display:block}.cm-area::placeholder{color:var(--muted)}.cm-area:focus{border-color:var(--accent);outline:none}.cm-compose-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cm-hint{font:11px var(--font-mono);letter-spacing:.08em;color:var(--muted);margin-right:auto}.cm-count-chars{font:11px var(--font-mono);color:var(--muted)}.cm-count-chars[data-over=true]{color:var(--bad)}:is(.cm-compose,.cm-gate,.cm-dialog-buttons) .btn,.cm-older{min-height:36px;padding:10px calc(18px - .23em) 10px 18px;font-size:11px}:is(.cm,.cm-dialog) .btn:disabled{opacity:.45;cursor:default}.cm-error{color:var(--bad);margin:0;font-size:14px}.cm-error[data-tone=ok]{color:var(--ok)}.cm-gate{border:var(--bw) dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px;display:flex}.cm-gate p{color:var(--muted);flex:240px;margin:0;font-size:14px}.cm-gate .cm-error{flex-basis:100%}.cm-mentions{z-index:20;background:var(--bg);border:var(--bw) solid var(--line);min-width:200px;max-width:100%;box-shadow:var(--float);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0}.cm-mentions li{font:13px var(--font-mono);color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.cm-mentions li[aria-selected=true],.cm-mentions li:hover{color:var(--accent);background:var(--press)}.cm-mface{--size:22px}.cm-mname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cm-face{--size:36px}.cm-replies .cm-face{--size:28px}.cm-face-gone{background:var(--hair)}.cm-list,.cm-replies{margin:0;padding:0;list-style:none}.cm-item{border-top:var(--bw) solid var(--hair);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.cm-list>.cm-item:first-child{border-top:0;padding-top:0}.cm-replies{border-left:var(--bw) solid var(--hair);margin-top:6px;padding-left:14px;display:grid}.cm-replies .cm-item{border-top:0;padding:8px 0}.cm-main{min-width:0}.cm-meta{font:12px var(--font-mono);letter-spacing:.04em;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 0 4px;display:flex}.cm-name{font:500 15px var(--font-body);letter-spacing:0;color:var(--who,var(--ink))}.cm-you{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:var(--bw) solid var(--accent);padding:0 5px;font-size:10px}.cm-edited{font-style:italic}.cm-text{color:var(--body);overflow-wrap:anywhere;font-size:15px;line-height:1.6}.cm-text p{margin:0 0 8px}.cm-text p:last-child{margin-bottom:0}.cm-at{color:var(--accent);font-weight:600}.cm-text-gone{opacity:.7;text-decoration:line-through;text-decoration-color:var(--bad)}.cm-gone-line{font-style:italic}.cm-acts{flex-wrap:wrap;gap:2px;margin:4px 0 0 -6px;display:flex}.cm-acts:empty{display:none}.cm-act{cursor:pointer;font:11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;padding:3px 6px}.cm-act:hover{color:var(--ink);background:var(--press)}.cm-act-bad:hover{color:var(--bad)}.cm-slot:not(:empty){margin-top:8px}.cm-empty{color:var(--muted);margin:0;font-size:15px}.cm-older{justify-self:center}@keyframes cm-glow{0%{background:color-mix(in srgb, var(--accent) 18%, transparent)}to{background:0 0}}.cm-new,.cm-target{animation:2.4s ease-out cm-glow}.cm-target>.cm-main>.cm-meta .cm-name:after{content:" ◆";color:var(--accent)}.cm-dialog{width:min(460px,100vw - 32px);color:var(--ink);background-color:var(--bg);box-shadow:var(--float);padding:22px}.cm-dialog::backdrop{background:#0000008c}.cm-dialog form{gap:12px;display:grid}.cm-dialog-title{font:18px/1.3 var(--font-display);color:var(--ink)}.cm-dialog-text{color:var(--muted);margin:0;font-size:14px}.cm-quote{white-space:pre-wrap;max-height:140px;color:var(--body);border-left:2px solid var(--accent);background:var(--panel);margin:0;padding:8px 12px;font-size:14px;overflow:auto}.cm-picks{flex-wrap:wrap;gap:6px;display:flex}.cm-pick{font:12px var(--font-mono);letter-spacing:.06em;color:var(--ink);border:var(--bw) solid var(--line);cursor:pointer;background:0 0;padding:6px 10px}.cm-pick:hover{border-color:var(--press-border);background:var(--press)}.cm-pick[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.cm-field{gap:6px;display:grid}.cm-field>span{font:11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cm-input{width:100%;font:15px var(--font-body);color:var(--ink);background:var(--panel);border:var(--bw) solid var(--line);padding:9px 11px}.cm-input:focus{border-color:var(--accent);outline:none}select.cm-input option{color:var(--ink);background:var(--bg)}.cm-dialog-buttons{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.cm-danger{--fill:var(--bad);color:var(--bg)}.cm-danger:hover{--fill:var(--ink);color:var(--bg)}@media (width<=640px){.cm-compose-me{grid-template-columns:minmax(0,1fr)}.cm-compose-me>.cm-face,.cm-hint{display:none}.cm-replies{padding-left:8px}}[data-easy=on] :is(.cm-title,.cm-dialog-title){font-weight:700}[data-easy=on] :is(.cm-tool,.cm-act,.cm-pick){font:700 15px/1.2 var(--font-body);border-radius:var(--r-sm)}[data-easy=on] .cm-tool{background:var(--panel);box-shadow:var(--raise-sm);color:var(--ink);border:0;padding:8px 14px}[data-easy=on] :is(.cm-tool,.cm-pick)[aria-pressed=true]{box-shadow:var(--sunk)}[data-easy=on] :is(.cm-meta,.cm-hint,.cm-count-chars,.cm-field>span,.cm-total,.cm-state){font-family:var(--font-body);font-size:15px}[data-easy=on] .cm-name{font-size:17px;font-weight:700}[data-easy=on] .cm-you{font:700 13px var(--font-body);border-radius:999px}[data-easy=on] :is(.cm-area,.cm-input){border-radius:var(--r-sm);background:var(--bg);box-shadow:var(--sunk);border:0;font-size:18px}[data-easy=on] .cm-text{font-size:18px}[data-easy=on] :is(.cm-dialog,.cm-mentions){border-radius:var(--r);background:var(--panel);box-shadow:var(--float);border:0}[data-easy=on] :is(.cm-gate,.cm-why,.cm-locked,.cm-status,.cm-quote){border-radius:var(--r-sm)}[data-compact=on] .cm{gap:4px;padding-top:6px}[data-compact=on] .cm-head{gap:3px 8px}[data-compact=on] .cm-label{margin-bottom:1px}[data-compact=on] .cm-title{font-size:14px}[data-compact=on] .cm-total{font-size:10px}[data-compact=on] .cm-tools{gap:3px}[data-compact=on] .cm-tool{letter-spacing:.1em;padding:2px 6px;font-size:9.5px}[data-compact=on] .cm-state{font-size:11.5px}[data-compact=on] :is(.cm-status,.cm-locked,.cm-why){padding:3px 6px;font-size:12px}[data-compact=on] .cm-compose-me{gap:6px}[data-compact=on] .cm-compose{gap:3px}[data-compact=on] .cm-area{min-height:28px;padding:4px 6px;font-size:13px;line-height:1.4}[data-compact=on] .cm-compose-row{gap:4px}[data-compact=on] :is(.cm-hint,.cm-count-chars){font-size:9.5px}[data-compact=on] :is(.cm-compose,.cm-gate,.cm-dialog-buttons) .btn,[data-compact=on] .cm-older{min-height:22px;padding:3px calc(8px - .12em) 3px 8px;font-size:9.5px}[data-compact=on] .cm-gate{gap:4px 8px;padding:5px 6px}[data-compact=on] :is(.cm-gate p,.cm-error,.cm-empty){font-size:12px}[data-compact=on] .cm-mentions li{gap:5px;padding:2px 5px 2px 2px;font-size:11.5px}[data-compact=on] .cm-mface{--size:16px}[data-compact=on] .cm-face{--size:24px}[data-compact=on] .cm-replies .cm-face{--size:18px}[data-compact=on] .cm-item{gap:6px;padding:4px 0}[data-compact=on] .cm-replies{margin-top:2px;padding-left:6px}[data-compact=on] .cm-replies .cm-item{padding:2px 0}[data-compact=on] .cm-meta{gap:0 5px;margin-bottom:1px;font-size:10px}[data-compact=on] .cm-name{font-size:12.5px}[data-compact=on] .cm-you{padding:0 3px;font-size:8.5px}[data-compact=on] .cm-text{font-size:13px;line-height:1.4}[data-compact=on] .cm-text p{margin-bottom:3px}[data-compact=on] .cm-acts{gap:0;margin:1px 0 0 -3px}[data-compact=on] .cm-act{letter-spacing:.08em;padding:1px 3px;font-size:9px}[data-compact=on] .cm-slot:not(:empty){margin-top:3px}[data-compact=on] .cm-dialog{padding:10px}[data-compact=on] .cm-dialog form{gap:6px}[data-compact=on] .cm-dialog-title{font-size:14px}[data-compact=on] :is(.cm-dialog-text,.cm-quote){font-size:12px}[data-compact=on] .cm-quote{padding:4px 6px}[data-compact=on] .cm-picks{gap:3px}[data-compact=on] .cm-pick{padding:2px 6px;font-size:10px}[data-compact=on] .cm-field{gap:2px}[data-compact=on] .cm-field>span{font-size:9.5px}[data-compact=on] .cm-input{padding:3px 6px;font-size:13px}@media (pointer:coarse){[data-compact=on] :is(.cm-compose,.cm-gate,.cm-dialog-buttons) .btn,[data-compact=on] :is(.cm-older,.cm-tool){min-height:32px}[data-compact=on] .cm-act{padding:6px}}