.cmc-host{display:grid;justify-items:center;gap:.75rem;inline-size:100%}.cmc-replay{appearance:none;border:1px solid rgb(11 11 20/.14);background:#ffffff;color:#0b0b14;font:inherit;font-size:.875rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;cursor:pointer;min-block-size:44px}.cmc-replay:hover{background:#fff4e5}.cmc-replay:focus-visible{outline:2px solid #0974f1;outline-offset:2px}.cmc{width:100%;&.cmc--chat{max-width:396px}&.cmc--roast{max-width:440px}& .ss-stage{overflow:hidden;border-radius:28px;background:radial-gradient(70% 45% at 50% 0,rgb(226 120 144/.2),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgb(255 147 15/.12),transparent 70%),#fff6f8}&.cmc--roast .ss-stage{background:radial-gradient(70% 55% at 50% 0,rgb(249 115 22/.2),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgb(239 68 68/.14),transparent 70%),#fff6f1}.cmc-phone{position:absolute;top:20px;left:20px}&.cmc--roast .cmc-phone{top:28px;left:22px}&.cmc--roast .ss-stage[data-layout=compact] .cmc-phone{top:22px;left:12px}.cmc-screen{position:absolute;inset:0;overflow:hidden;background:#ebebf0;color:#000000;font-family:var(--font-dm-sans),-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;--cmc-accent:#e27890}.cmc-screen[data-roast]{--cmc-accent:#ef4444}.cmc-aura{position:absolute;inset:0;background:radial-gradient(480px circle at 50% 20%,rgb(255 140 161/.24) 60px,transparent 100%),radial-gradient(320px circle at 78% 78%,rgb(255 140 161/.1) 40px,transparent 100%)}.cmc-screen[data-roast] .cmc-aura{background:radial-gradient(480px circle at 50% 20%,rgb(249 115 22/.38) 60px,transparent 100%),radial-gradient(320px circle at 78% 78%,rgb(249 115 22/.2) 40px,transparent 100%),radial-gradient(280px circle at 18% 68%,rgb(220 38 38/.14) 40px,transparent 100%)}.cmc-glass{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgb(255 255 255/.6);box-shadow:0 1px 3px rgb(0 0 0/.08),inset 0 0 0 .5px rgb(0 0 0/.06);color:var(--cmc-accent);flex:none}.cmc-nav{position:absolute;top:59px;left:16px;right:16px;display:flex;justify-content:space-between}.cmc-orb{position:absolute;top:94px;left:111px;width:180px;height:180px;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.32,.72,0,1);pointer-events:none}.cmc-orb[data-small]{transform:translateY(-96px) scale(.257)}.cmc-empty{position:absolute;inset:0;transition:opacity .3s ease,transform .4s ease}.cmc-empty[data-gone]{opacity:0;transform:translateY(-10px)}.cmc-date{top:282px;inset-inline:0;font-size:12px;line-height:16px;color:#6b7280}.cmc-date,.cmc-greeting{position:absolute;text-align:center}.cmc-greeting{top:304px;inset-inline:24px;font-size:30px;line-height:36px;font-weight:700;letter-spacing:-.02em}.cmc-chips{position:absolute;top:714px;left:16px;white-space:nowrap}.cmc-chip,.cmc-chips{display:flex;gap:10px}.cmc-chip{align-items:center;padding:10px 14px;border-radius:18px;background:rgb(255 255 255/.6);box-shadow:0 1px 3px rgb(0 0 0/.06),inset 0 0 0 .5px rgb(0 0 0/.06);flex:none}.cmc-chip__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f5f5f7;color:#d10a40}.cmc-chip__text{display:grid;gap:2px}.cmc-chip__title{font-size:14px;line-height:18px;font-weight:600}.cmc-chip__sub{font-size:10px;line-height:13px;color:#6b7280}.cmc-thread{position:absolute;top:112px;left:0;right:0;bottom:0;opacity:0;transition:opacity .35s ease .15s}.cmc-thread[data-on]{opacity:1}.cmc-pill{display:flex;align-items:center;gap:6px;width:max-content;max-width:300px;margin:0 auto;padding:6px 14px;border-radius:999px;background:rgb(255 255 255/.6);box-shadow:0 1px 3px rgb(0 0 0/.06),inset 0 0 0 .5px rgb(0 0 0/.06);font-size:14px;line-height:20px;font-weight:600}.cmc-pill__flame{color:var(--cmc-accent);flex:none}.cmc-pill__text{white-space:nowrap;animation:cmc-fade .35s ease}.cmc-messages{display:flex;flex-direction:column;gap:16px;padding:24px 16px 0}.cmc-me{display:flex;justify-content:flex-end;padding-left:40px}.cmc-me__bubble{padding:10px 16px;border-radius:20px;background:var(--cmc-accent);color:#ffffff;font-size:16px;line-height:21px}.cmc-mo{display:grid;gap:16px;padding-right:40px}.cmc-trace__head{display:flex;align-items:center;gap:8px;font-size:14px;line-height:18px;font-weight:500;color:#6b7280}.cmc-dots{display:inline-flex;gap:3px;margin-left:-6px;align-self:flex-end;padding-bottom:4px}.cmc-dots i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:cmc-dot 1.2s ease-in-out infinite}.cmc-dots i:nth-child(2){animation-delay:.15s}.cmc-dots i:nth-child(3){animation-delay:.3s}.cmc-step{display:flex;align-items:center;gap:12px;padding-top:8px;font-size:14px;line-height:18px;color:#6b7280}.cmc-step__icon{display:grid;place-items:center;width:22px;flex:none}.cmc-step__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmc-step__chev{flex:none;opacity:.6}.cmc-answer{display:block;font-size:16px;line-height:23px;color:#000000}.cmc-actions{display:flex;align-items:center;gap:16px;padding-top:2px;color:#6b7280}.cmc-actions>*{flex:none}.cmc-actions__time{margin-left:auto;font-size:10px;line-height:14px}.cmc-composer{position:absolute;left:16px;right:16px;bottom:42px;display:flex;align-items:flex-end;gap:10px}.cmc-composer .cmc-flame{width:50px;height:50px;color:#8e8e93}.cmc-field{flex:1;min-width:0;display:flex;align-items:flex-end;gap:8px;min-height:50px;padding:0 10px 10px 16px;border-radius:24px;background:rgb(255 255 255/.7);box-shadow:0 1px 3px rgb(0 0 0/.06),inset 0 0 0 .5px rgb(0 0 0/.08)}.cmc-field[data-pressed]{background:rgb(255 255 255/.9)}.cmc-field__text{flex:1;min-width:0;padding-top:14px;font-size:16px;line-height:21px;color:#000000}.cmc-field__text[data-empty]{color:#8e8e93}.cmc-caret{display:inline-block;width:2px;height:1.15em;margin-left:1px;vertical-align:-.2em;background:var(--cmc-accent);border-radius:1px;animation:cmc-blink 1s steps(1) infinite}.cmc-mic,.cmc-send{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none}.cmc-send{background:var(--cmc-accent);color:#ffffff;transition:transform .15s ease}.cmc-send[data-pressed]{transform:scale(.9)}.cmc-mic{background:rgb(107 114 128/.28);color:#3c3c43}}@keyframes cmc-blink{50%{opacity:0}}@keyframes cmc-dot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}@keyframes cmc-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.cmc-replay{display:none}.cmc .cmc-caret,.cmc .cmc-dots i,.cmc .cmc-pill__text{animation:none}}