.cm{margin-top:64px;scroll-margin-top:96px}.cm[hidden]{display:none}.cm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.cm-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accentText);margin:0 0 4px;font-size:12px;font-weight:700}.cm-head h2{align-items:center;gap:10px;margin:0;font-size:clamp(26px,3.4vw,32px);line-height:1.15;display:flex}.cm-count:not(:empty){background:var(--chip);min-width:34px;height:30px;color:var(--chipInk);font:700 15px var(--font-body);letter-spacing:0;border-radius:999px;place-items:center;padding:0 10px;display:inline-grid}.cm-sort{background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:4px;display:inline-flex}.cm-sort[hidden]{display:none}.cm-sort button{height:32px;color:var(--muted);font:600 13.5px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;transition:background .2s,color .2s}.cm-sort button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0e0f1f14,0 4px 12px #5b60fb1a}.cm-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cm-avatar{--h:240;width:40px;height:40px;font:700 14px var(--font-body);color:#fff;letter-spacing:.02em;object-fit:cover;background:linear-gradient(140deg, hsl(var(--h) 78% 64%), hsl(calc(var(--h) + 38) 72% 52%));box-shadow:0 0 0 3px var(--bg);border-radius:999px;flex:none;place-items:center;display:grid}img.cm-avatar{background:var(--surface2)}.cm-form{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:18px;transition:box-shadow .25s,border-color .25s;position:relative}.cm-form:focus-within{border-color:color-mix(in srgb, var(--indigo) 45%, transparent);box-shadow:var(--shadowHover)}.cm-compose{align-items:flex-start;gap:14px;display:flex}.cm-box{flex:1;min-width:0}.cm-form textarea{resize:none;width:100%;min-height:80px;color:var(--ink);font:400 16.5px/1.6 var(--font-body);overflow-wrap:anywhere;background:0 0;border:0;padding:9px 2px;display:block}.cm-form textarea:focus{outline:none}.cm-form textarea::placeholder{color:color-mix(in srgb, var(--muted) 85%, transparent)}.cm-starters{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.cm-starters button{border:1px dashed color-mix(in srgb, var(--indigo) 40%, transparent);height:32px;color:var(--chipInk);font:600 13px var(--font-body);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;transition:background .2s,border-color .2s,transform .2s}.cm-starters button:hover{background:var(--chip);border-style:solid;transform:translateY(-1px)}.cm-form:has(textarea:not(:placeholder-shown)) .cm-starters,.cm-more{display:none}.cm-form.is-open .cm-more{animation:.35s cubic-bezier(.2,.8,.2,1) cm-open;display:block}@keyframes cm-open{0%{opacity:0;transform:translateY(-6px)}}.cm-fields{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:14px;display:grid}.cm-field{color:var(--ink);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.cm-field em{color:var(--muted);font-style:normal;font-weight:500}.cm-field input{border:1px solid var(--line);background:var(--bg);height:44px;color:var(--ink);font:400 15.5px var(--font-body);border-radius:12px;min-width:0;padding:0 12px}.cm-field input:focus{outline:2px solid var(--indigo);outline-offset:1px}.cm-ts:not(:empty){margin-top:12px}.cm-submit{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.cm-hint{color:var(--muted);margin:0;font-size:13px}.cm-post{flex:none;gap:8px;height:46px;padding:0 20px;font-size:15px}.cm-post:disabled{opacity:.6;cursor:progress}.cm-status{color:var(--muted);margin:0;font-size:14px}.cm-status:not(:empty){margin-top:10px}.cm-status.is-bad{color:#c9524a}.cm-replying{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 8px;font-size:13px;font-weight:600;display:flex}.cm-replying[hidden]{display:none}.cm-link{color:var(--brand);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:0;padding:4px 0}.cm-form.is-reply{box-shadow:none;border-radius:20px;margin-top:12px;padding:14px}.cm-form.is-reply .cm-fields{grid-template-columns:1fr 1fr}.cm-form.is-reply .cm-field:nth-child(3){display:none}.cm-closed{background:var(--surface2);color:var(--muted);border-radius:16px;align-items:center;gap:10px;margin:0;padding:14px 18px;font-size:15px;display:flex}.cm-closed[hidden]{display:none}.cm-list{flex-direction:column;gap:22px;margin-top:28px;display:flex}.cm-list[hidden]{display:none}.cm-item{align-items:flex-start;gap:14px;display:flex}.cm-main{flex:1;min-width:0}.cm-bubble{background:var(--surface);border:1px solid var(--line);border-radius:6px 22px 22px;padding:14px 18px 12px;transition:box-shadow .3s,border-color .3s}.cm-item.is-author>.cm-main>.cm-bubble{background:color-mix(in srgb, var(--indigo) 7%, var(--surface));border-color:color-mix(in srgb, var(--indigo) 30%, transparent)}.cm-item.is-pending>.cm-main>.cm-bubble{background:color-mix(in srgb, var(--sun) 8%, var(--surface));border-style:dashed}.cm-item.is-new>.cm-main>.cm-bubble{animation:2.2s ease-out cm-flash}@keyframes cm-flash{0%,30%{box-shadow:0 0 0 4px color-mix(in srgb, var(--indigo) 35%, transparent)}to{box-shadow:0 0 #0000}}.cm-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:4px;display:flex}.cm-name{color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}a.cm-name:hover{color:var(--brand);text-decoration:underline}.cm-badge{background:var(--indigo);color:#fff;letter-spacing:.02em;border-radius:999px;align-items:center;height:22px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.cm-time{color:var(--muted);font-size:13px;text-decoration:none}.cm-time:hover{text-decoration:underline}.cm-body{color:var(--ink);overflow-wrap:anywhere;font-size:16px;line-height:1.65}.cm-body p{margin:0}.cm-body p+p{margin-top:.7em}.cm-body a{color:var(--brand);text-underline-offset:2px;text-decoration:underline}.cm-pending{color:#9a6017;align-items:center;gap:8px;margin:10px 0 2px;font-size:13px;display:flex}:root[data-theme=dark] .cm-pending{color:#f2c46b}.cm-actions{align-items:center;gap:4px;margin:6px 0 0 6px;display:flex}.cm-vote,.cm-act{height:34px;color:var(--muted);font:600 13.5px var(--font-body);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 12px;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.cm-act:hover{background:var(--surface2);color:var(--ink)}.cm-vote{border-color:var(--line)}.cm-vote:hover{border-color:color-mix(in srgb, var(--indigo) 50%, transparent);color:var(--brand)}.cm-vote[aria-pressed=true]{background:var(--indigo);border-color:var(--indigo);color:#fff}.cm-vote svg{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.cm-vote:hover svg{transform:translateY(-2px)}.cm-vote.is-pop svg{animation:.45s cubic-bezier(.3,1.6,.5,1) cm-pop}@keyframes cm-pop{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-5px)scale(1.25)}to{transform:translateY(0)scale(1)}}.cm-vote:active,.cm-act:active{transform:scale(.96)}.cm-replies{flex-direction:column;gap:16px;display:flex}.cm-replies:not(:empty){border-left:2px solid var(--line);margin-top:16px;padding-left:18px}.cm-replies .cm-avatar{width:34px;height:34px;font-size:12.5px}.cm-skel{gap:14px;display:flex}.cm-skel i{background:var(--surface2);border-radius:999px;flex:none;width:40px;height:40px}.cm-skel div{background:var(--surface2);border-radius:6px 22px 22px;flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex}.cm-skel b{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:6px;height:10px;display:block}.cm-skel b:first-child{width:30%}.cm-skel b:nth-child(2){width:92%}.cm-skel b:nth-child(3){width:64%}.cm-skel i,.cm-skel b{animation:1.4s ease-in-out infinite cm-shimmer}@keyframes cm-shimmer{50%{opacity:.45}}.cm-empty{text-align:center;background:linear-gradient(180deg, var(--surface2), transparent);border:1px dashed var(--line);border-radius:24px;margin-top:28px;padding:32px 24px}.cm-empty[hidden]{display:none}.cm-empty-art{margin:0 auto 12px;animation:4s ease-in-out infinite cm-bob;display:block}@keyframes cm-bob{50%{transform:translateY(-5px)}}.cm-empty-title{font-family:var(--font-head);color:var(--ink);margin:0;font-size:21px;font-weight:700}.cm-empty-text{max-width:46ch;color:var(--muted);margin:8px auto 0;font-size:15.5px;line-height:1.6}@media (width<=640px){.cm{margin-top:48px}.cm-form{border-radius:20px;padding:14px}.cm-compose{gap:10px}.cm-avatar-me{width:34px;height:34px;font-size:12.5px}.cm-fields,.cm-form.is-reply .cm-fields{grid-template-columns:1fr}.cm-submit{flex-direction:column-reverse;align-items:stretch;gap:10px}.cm-post{width:100%}.cm-hint{text-align:center}.cm-item{gap:10px}.cm-item .cm-avatar{width:34px;height:34px;font-size:12.5px}.cm-bubble{border-radius:6px 18px 18px;padding:12px 14px 10px}.cm-replies:not(:empty){padding-left:10px}.cm-replies .cm-avatar{width:28px!important;height:28px!important;font-size:11px!important}.cm-actions{margin-left:0}.cm-copy span{display:none}}@media (prefers-reduced-motion:reduce){.cm-form.is-open .cm-more,.cm-vote svg,.cm-empty-art,.cm-skel i,.cm-skel b{transition:none!important;animation:none!important}}@media print{.cm{display:none!important}}
