.ccd{--ccd-T:11000ms;--ccd-focus:color-mix(in srgb,var(--color-accent) 24%,transparent);margin:var(--space-6) 0}.ccd__win{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:720px;max-width:660px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ccd__stage,.ccd__win{position:relative;overflow:hidden}.ccd__stage{min-height:0}.ccd__bar{justify-content:space-between;gap:var(--space-3);padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.ccd__bar,.ccd__who{display:flex;align-items:center}.ccd__who{gap:9px;font-weight:600;font-size:var(--text-sm)}.ccd__dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);flex:none}.ccd__ctx{font-family:var(--font-label);font-style:italic;font-size:13px;color:var(--color-text-muted)}.ccd__chat{display:flex;flex-direction:column;gap:12px;padding:20px 16px 8px}.ccd__cap{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 2px -4px}.ccd__cap--right{margin-left:auto;text-align:right}.ccd__row{display:flex;margin-top:8px}.ccd__row--right{justify-content:flex-end}.ccd__bubble{max-width:80%;padding:10px 14px;font-size:15px;line-height:1.42;border-radius:14px}.ccd__bubble--buyer{background:var(--color-accent);color:var(--color-text-on-accent);border-bottom-right-radius:5px}.ccd__bubble--shop{background:var(--color-surface-sunk);color:var(--color-text);border-bottom-left-radius:5px}.ccd__think{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;margin:2px 0;padding:8px 13px;border-radius:var(--radius-pill);background:var(--color-surface-accent);color:var(--color-text-on-wash);font-family:var(--font-label);font-style:italic;font-size:14px;opacity:0}.ccd__dots{display:inline-flex;gap:4px}.ccd__dots i{width:5px;height:5px;border-radius:50%;background:var(--color-accent);display:block;opacity:.5}.ccd__sent{overflow:hidden;opacity:0;max-height:0}.ccd__msg{max-width:88%;background:var(--color-surface-sunk);border-radius:14px;border-bottom-left-radius:5px;padding:11px 13px}.ccd__msg-text{font-size:15px;line-height:1.42}.ccd__msg-card{display:flex;align-items:center;gap:11px;margin-top:10px;padding:8px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ccd__msg-name,.ccd__msg-price{font-weight:600;font-size:14px}.ccd__msg-price{margin-left:auto;font-family:var(--font-label)}.ccd__panel{position:absolute;inset:0;z-index:2;margin:6px 16px 4px;border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;opacity:0}.ccd__panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:var(--color-surface-accent);border-bottom:1px solid var(--color-border)}.ccd__panel-ey{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-label);font-style:italic;font-weight:500;font-size:14px;color:var(--color-accent-deep)}.ccd__panel-ey svg{display:block;color:var(--color-accent)}.ccd__intent{font-family:var(--font-label);font-style:italic;font-size:12.5px;font-weight:500;color:var(--color-text-on-accent);background:var(--color-accent);border-radius:var(--radius-pill);padding:3px 11px}.ccd__rec{padding:12px 14px;border-top:1px solid var(--color-border);opacity:0}.ccd__rec:first-of-type{border-top:none}.ccd__rec-head{gap:11px}.ccd__rec-head,.ccd__thumb{display:flex;align-items:center}.ccd__thumb{width:38px;height:38px;flex:none;border-radius:var(--radius-md);background:var(--color-surface-accent);border:1px solid var(--color-border);justify-content:center;color:var(--color-accent)}.ccd__thumb svg{display:block}.ccd__rec-name,.ccd__rec-price{font-weight:600;font-size:15px}.ccd__rec-price{margin-left:auto;font-family:var(--font-label);white-space:nowrap}.ccd__draft{font-size:13.5px;line-height:1.45;color:var(--color-text);background:var(--color-surface-sunk);border:1px solid var(--color-border);padding:9px 11px;margin:9px 0 0}.ccd__draft,.ccd__draftwrap{border-radius:var(--radius-md)}.ccd__draftwrap{position:relative;min-height:78px}.ccd__dnew,.ccd__dold{display:block}.ccd__dnew{position:absolute;top:9px;left:11px;right:11px;opacity:0}.ccd__draft-stream{display:grid}.ccd__draft-stream-live,.ccd__draft-stream-reserve{grid-area:1/1}.ccd__caret,.ccd__draft-stream-reserve{visibility:hidden}.ccd__caret{display:inline-block;width:2px;height:1.05em;background:var(--color-accent);margin-left:2px;vertical-align:-3px}.ccd__act{display:flex;justify-content:flex-end;margin-top:9px}.ccd__send{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:12.5px;color:var(--color-text-on-accent);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:7px 13px}.ccd__send svg{display:block}.ccd__send--pro{position:relative}.ccd__lbl-send,.ccd__lbl-sent{display:inline-flex;align-items:center;gap:6px}.ccd__lbl-sent{position:absolute;inset:0;justify-content:center;opacity:0}.ccd__compose{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--color-border);background:var(--color-surface)}.ccd__compose-ph{flex:1 1;color:var(--color-text-muted);font-size:14px;background:var(--color-surface-sunk);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:9px 14px}.ccd__suggest{display:inline-flex;align-items:center;gap:7px;flex:none;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--color-text-on-accent);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);padding:9px 15px}.ccd__suggest svg{display:block}.ccd__cursor{position:absolute;left:0;top:0;width:22px;height:22px;z-index:6;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(35,41,31,.35));transform:translate(150px,300px)}.ccd__cursor svg{display:block}.ccd figcaption{margin-top:var(--space-4);text-align:center;font-family:var(--font-label);font-style:italic;font-size:var(--text-sm);color:var(--color-text-muted)}@keyframes ccd-buyer{0%,1.8%{opacity:0;transform:translateY(8px)}5.5%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes ccd-agent{0%,10%{opacity:0;transform:translateY(8px)}13.6%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes ccd-think{0%,30%{opacity:0;transform:translateY(6px)}32.7%{opacity:1;transform:none}39%{opacity:1}41.8%{opacity:0}to{opacity:0}}@keyframes ccd-panel{0%,42.7%{opacity:0;transform:translateY(8px)}47%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes ccd-rec1{0%,43.8%{opacity:0;transform:translateY(8px)}47.5%{opacity:1;transform:none}to{opacity:1}}@keyframes ccd-rec2{0%,45.1%{opacity:0;transform:translateY(8px)}48.7%{opacity:1;transform:none}to{opacity:1}}@keyframes ccd-rec3{0%,46.4%{opacity:0;transform:translateY(8px)}50%{opacity:1;transform:none}to{opacity:1}}@keyframes ccd-focus{0%,53.6%{box-shadow:0 0 0 0 var(--ccd-focus)}55.5%,to{box-shadow:0 0 0 3px var(--ccd-focus)}}@keyframes ccd-dold{0%,55.5%{opacity:1}58.9%{opacity:0}to{opacity:0}}@keyframes ccd-dnew{0%,57.6%{opacity:0}57.7%,to{opacity:1}}@keyframes ccd-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes ccd-suggest{0%,27.5%{transform:scale(1)}28.3%{transform:scale(.9)}29.4%{transform:scale(1)}to{transform:scale(1)}}@keyframes ccd-cursor{0%{opacity:0;transform:translate(150px,300px) scale(1)}18.2%{opacity:0;transform:translate(150px,300px) scale(1)}21.5%{opacity:1;transform:translate(150px,300px) scale(1)}26.4%{opacity:1;transform:translate(566px,677px) scale(1)}28%{transform:translate(566px,677px) scale(.82)}29.6%{transform:translate(566px,677px) scale(1)}48.7%{opacity:1;transform:translate(566px,677px) scale(1)}54.2%{transform:translate(150px,318px) scale(1)}60.7%,to{opacity:1;transform:translate(150px,318px) scale(1)}}@keyframes ccd-cursor-to-send{0%{opacity:1;transform:translate(150px,318px) scale(1)}to{opacity:1;transform:translate(570px,445px) scale(1)}}@keyframes ccd-cursor-hide{0%{opacity:1;transform:translate(570px,445px) scale(1)}to{opacity:0;transform:translate(570px,445px) scale(1)}}@keyframes ccd-send-click{0%,to{transform:scale(1)}40%{transform:scale(.9)}}@keyframes ccd-focus-release{0%{box-shadow:0 0 0 3px var(--ccd-focus)}to{box-shadow:0 0 0 0 var(--ccd-focus)}}@keyframes ccd-panel-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes ccd-sent-enter{0%{opacity:0;max-height:0;transform:translateY(8px)}40%{max-height:220px}to{opacity:1;max-height:220px;transform:none}}.ccd .ccd-buyer{animation:ccd-buyer var(--ccd-T) linear infinite}.ccd .ccd-agent{animation:ccd-agent var(--ccd-T) linear infinite}.ccd .ccd__think{animation:ccd-think var(--ccd-T) linear infinite}.ccd .ccd__panel{animation:ccd-panel var(--ccd-T) linear infinite}.ccd .ccd-r1{animation:ccd-rec1 var(--ccd-T) linear infinite}.ccd .ccd-r2{animation:ccd-rec2 var(--ccd-T) linear infinite}.ccd .ccd-r3{animation:ccd-rec3 var(--ccd-T) linear infinite}.ccd .ccd__draftwrap{animation:ccd-focus var(--ccd-T) linear infinite}.ccd .ccd__dold{animation:ccd-dold var(--ccd-T) linear infinite}.ccd .ccd__dnew{animation:ccd-dnew var(--ccd-T) linear infinite}.ccd .ccd__caret{animation:ccd-blink .64s steps(1) infinite}.ccd .ccd__suggest{animation:ccd-suggest var(--ccd-T) linear infinite}.ccd .ccd__cursor{animation:ccd-cursor var(--ccd-T) linear infinite}.ccd.ccd--cursor-to-send .ccd__cursor{animation:ccd-cursor-to-send .3s cubic-bezier(.16,1,.3,1) forwards}.ccd.ccd--sending .ccd__send--pro{animation:ccd-send-click .3s var(--ease-out) forwards}.ccd.ccd--sending .ccd__draftwrap{animation:ccd-focus-release .18s var(--ease-out) forwards}.ccd.ccd--sent .ccd__cursor{animation:ccd-cursor-hide .18s var(--ease-out) forwards}.ccd.ccd--sent .ccd__lbl-send{opacity:0}.ccd.ccd--sent .ccd__lbl-sent{opacity:1}.ccd.ccd--panel-dismissed .ccd__panel{animation:ccd-panel-exit .44s var(--ease-out) forwards}.ccd.ccd--reply .ccd__sent{animation:ccd-sent-enter .55s cubic-bezier(.16,1,.3,1) forwards}@media (max-width:700px){.ccd__win{height:860px}.ccd__cursor{display:none}}@media (prefers-reduced-motion:reduce){.ccd *{animation:none!important}.ccd .ccd-agent,.ccd .ccd-buyer,.ccd .ccd__panel,.ccd .ccd__rec{opacity:1!important;transform:none!important}.ccd .ccd__cursor,.ccd .ccd__dold,.ccd .ccd__sent,.ccd .ccd__think{display:none!important}.ccd .ccd__dnew{opacity:1!important}}.detail{max-width:var(--container-narrow);padding-top:var(--space-7)}.detail h1{font-size:var(--text-3xl);margin:var(--space-2) 0 var(--space-2)}.detail__date{margin:0 0 var(--space-4)}.back-link,.detail__date{color:var(--color-text-muted);font-size:var(--text-sm)}.back-link{display:inline-block;margin-bottom:var(--space-4);text-decoration:none}.back-link:hover{color:var(--color-accent)}.meta{list-style:none;display:flex;gap:var(--space-5);margin:0 0 var(--space-3);padding:0;color:var(--color-text-muted);font-size:.9rem}.meta__label{font-weight:600;color:var(--color-text);margin-right:var(--space-1)}.links{display:flex;gap:var(--space-4)}.prose{margin-top:var(--space-5)}.prose h2{margin-top:var(--space-6)}.arch{margin:var(--space-6) 0;font-family:var(--font-body)}.arch__flow{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.arch__node{width:-moz-fit-content;width:fit-content;max-width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center}.arch__node--accent{border-color:var(--color-accent);background:var(--color-surface-accent)}.arch__node--store{background:var(--color-surface-sunk)}.arch__title{font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug)}.arch__sub{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:2px}.arch__tag{display:inline-block;margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-deep);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 7px}.arch__arrow{color:var(--color-accent);font-size:1.25rem;line-height:1}.arch__note{color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic;font-family:var(--font-label);text-align:center}.arch__row{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;align-items:stretch}.arch__group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in oklab,var(--color-surface) 55%,transparent)}.arch__grouplabel{display:block;margin-bottom:var(--space-3);color:var(--color-accent)}.arch__cross,.arch__grouplabel{text-align:center;font-family:var(--font-label);font-style:italic;font-size:var(--text-sm)}.arch__cross{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-accent-deep)}.arch__split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-column-gap:var(--space-2);column-gap:var(--space-2);width:100%}.arch__split>.arch__node{grid-column:2}.arch__exit{grid-column:3;display:flex;align-items:center;gap:var(--space-2);justify-self:start}.arch__exitnote{color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic;font-family:var(--font-label);text-align:left;max-width:150px}.arch__row>.arch__group{flex:1 1 220px;min-width:0}.arch__row>.arch__group .arch__node{width:100%}.arch figcaption{margin-top:var(--space-3);text-align:center;font-family:var(--font-label);font-style:italic;font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width:560px){.arch__node{width:100%}.arch__split{grid-template-columns:1fr}.arch__exit,.arch__split>.arch__node{grid-column:1}.arch__exit{justify-self:center}}