.cf{gap:var(--sp-12);grid-template-columns:.82fr 1.18fr;align-items:center;display:grid}.cf-left{max-width:38ch}.cf-pill{align-items:center;gap:var(--sp-2);font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--orange);border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:5px 13px;display:inline-flex}.cf-pill i{border-radius:var(--r-pill);background:var(--orange);width:6px;height:6px}.cf-left .iz-h2{margin-top:18px}.cf-sub{color:var(--tx-dim);font-size:var(--fs-body);margin:var(--sp-4) 0 0;line-height:1.6}.cf-cta{align-items:center;gap:var(--sp-2);font-size:var(--fs-body-sm);color:var(--orange);margin-top:22px;font-weight:500;text-decoration:none;display:inline-flex}.cf-cta svg{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out)}.cf-cta:hover svg{transform:translate(4px)}.cf-ava{border-radius:var(--r-pill);background:color-mix(in srgb, var(--orange) 16%, var(--surface));width:34px;height:34px;color:var(--orange);border:1px solid color-mix(in srgb, var(--orange) 30%, var(--line));flex:none;place-items:center;display:grid}.cf-ava svg{width:18px;height:18px}.cf-ava.sm{align-self:flex-end;width:28px;height:28px}.cf-ava.sm svg{width:15px;height:15px}.cf-thread-head{margin-bottom:var(--sp-3);justify-content:flex-end;display:flex}.cf-all{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0 2px;border:0;border-bottom:1px solid var(--line-strong);cursor:pointer;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.04em;color:var(--tx-dim);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;display:inline-flex}.cf-all i{color:var(--orange);font-style:normal;font-size:var(--fs-body)}.cf-all:hover{color:var(--tx);border-bottom-color:var(--orange)}.cf-all:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.cf-thread{gap:var(--sp-4);flex-direction:column;display:flex}.cf-thread--all .cf-q{cursor:default}.cf-thread--all .cf-q:hover{background:var(--surface);transform:none}.cf-thread--all{max-height:620px;padding-right:var(--sp-2);overflow-y:auto}.cf-item{gap:var(--sp-3);flex-direction:column;display:flex}.cf-q{text-align:left;max-width:88%;font-family:inherit;font-size:var(--fs-body-sm);color:var(--tx);background:color-mix(in srgb, var(--orange) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--orange) 26%, var(--line));border-radius:var(--r-lg) var(--r-lg) var(--r-xs) var(--r-lg);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-self:flex-end;font-weight:500;line-height:1.4;box-shadow:0 6px 18px -10px #0006}.cf-q:hover{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 18%, var(--surface));transform:translateY(-1px);box-shadow:0 10px 22px -10px #00000073}.cf-q:active{transform:translateY(0)scale(.99)}.cf-q.on{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 16%, transparent), 0 8px 20px -10px #0006}.cf-q:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.cf-a-wrap{align-self:flex-start;align-items:flex-end;gap:9px;max-width:92%;display:flex}.cf-a{font-size:var(--fs-body-sm);color:var(--tx-dim);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-xs);animation:cf-pop var(--dur) var(--ease);padding:13px 16px;line-height:1.55;box-shadow:0 8px 22px -12px #00000073}@keyframes cf-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.cf-typing{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-2xs);animation:cf-pop var(--dur-fast) var(--ease-out);align-items:center;gap:5px;padding:13px 15px;display:inline-flex}.cf-typing i{border-radius:var(--r-pill);background:var(--tx-mute);width:7px;height:7px;animation:cf-bounce 1.2s infinite var(--ease-out)}.cf-typing i:nth-child(2){animation-delay:.16s}.cf-typing i:nth-child(3){animation-delay:.32s}@keyframes cf-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@media (max-width:900px){.cf{grid-template-columns:1fr;gap:28px}.cf-left{max-width:none}}@media (prefers-reduced-motion:reduce){.cf-typing i,.cf-a,.cf-typing{animation:none}.cf-q,.cf-cta svg{transition:none}.cf-q:hover{transform:none}}
