.cp{margin:0;display:grid;grid-gap:.6rem;gap:.6rem;justify-items:center;width:100%}.cp-cap{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--t-xs);letter-spacing:.04em;color:var(--ink-3)}.cp-phone{width:min(100%,22rem);border:.55rem solid var(--ink);border-radius:2.6rem;background:#efe7dd;overflow:hidden;box-shadow:0 30px 60px -28px oklch(14% .01 60/.55),0 0 0 1px var(--ink);display:grid;grid-template-rows:auto auto 1fr}.cp-bar{height:1.9rem;display:grid;place-items:center;background:var(--paper)}.cp-island{width:5.5rem;height:1.2rem;border-radius:var(--r-pill);background:var(--ink)}.cp-head{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem .7rem;background:var(--paper);border-bottom:1px solid var(--rule)}.cp-avatar{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-display),Georgia,serif;font-weight:600;font-size:1.05rem;flex:none}.cp-who{display:grid;line-height:1.2;min-width:0;flex:1 1}.cp-who strong{font-size:.92rem}.cp-who span{font-size:.72rem;color:var(--ink-3)}.cp-app{width:1.2rem;height:1.2rem;flex:none}.cp-thread{list-style:none;margin:0;padding:.9rem .75rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;background:radial-gradient(color-mix(in oklch,var(--ink) 9%,transparent) 1px,transparent 1.2px) 0 0 /14px 14px}.cp-msg{position:relative;max-width:84%;padding:.45rem .65rem .4rem;border-radius:.9rem;font-size:.86rem;line-height:1.4;color:#111b21;text-wrap:pretty;box-shadow:0 1px .5px oklch(14% .01 60/.13)}.cp-jamal{align-self:flex-start;background:#fff;border-top-left-radius:.25rem}.cp-you{align-self:flex-end;background:#d9fdd3;border-top-right-radius:.25rem}.cp-at{display:block;margin-top:.15rem;text-align:right;font-size:.66rem;color:#667781;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-ticks{color:#53bdeb;letter-spacing:-.2em}.cp-note{align-self:center;margin-block:.2rem;padding:.25rem .7rem;border-radius:var(--r-pill);background:color-mix(in oklch,var(--paper) 85%,transparent);color:var(--ink-2);font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.02em}