.cc{width:100%;max-width:1152px;margin:0 auto;user-select:none;-webkit-tap-highlight-color:transparent}.cc__viewport{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--Quadra-Grey, #EBE9E4);background:linear-gradient(153deg,#fffefc1a,#97d5fc1a,#f69db01a 66%,#ffd6011a),#ebe9e480}.cc__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;will-change:transform;transform:translateZ(0);transition:transform .42s cubic-bezier(.2,.9,.2,1)}.cc__slide{height:clamp(420px,75vh,800px);padding:0;position:relative;display:flex;flex-direction:column;justify-content:center}@media(min-width:1024px){.cc__slide{height:clamp(400px,70vh,700px)}}.cc__hero{position:absolute;inset:clamp(14px,2.5vw,22px);display:grid;gap:0;align-content:start;justify-items:center;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.cc__chip{display:inline-flex;align-items:center;gap:12px;justify-content:center;padding:12px 16px;border-radius:24px;border:1px solid var(--Performa-Black, #374562);background:var(--White, #FFF);box-shadow:0 1px 2px #15264733,inset -2px -1px 3px #e6e8eb;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.16px;max-width:100%;text-align:center}.cc__chip--top{margin-top:clamp(10px,1.2vw,12px);transform:rotate(2deg) translateY(48px)}.cc__chip--name{margin-top:-32px;transform:rotate(-1deg);padding:4px 16px 4px 4px}@media(max-width:800px){.cc__chip--top{transform:rotate(2deg) translateY(16px)}}.cc__avatar{width:32px;height:32px}.cc__characterWrap{width:min(260px,46vw);aspect-ratio:1/1.08;display:grid;place-items:center;margin-top:clamp(6px,1vw,10px)}.cc__character{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.12))}.cc__chat{position:relative;padding:12px 12px 64px;flex:1 1 auto;min-height:0;overflow:visible;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s ease;max-width:640px}.cc__chatInner{display:flex;flex-direction:column;gap:12px;transform:translateY(0);will-change:transform;transition:transform .38s ease}.cc__row{display:none;opacity:0;transform:translateY(10px) scale(.99)}.cc__row.is-mounted{display:inline-flex;align-items:flex-start;gap:0;max-width:100%;position:relative;overflow:visible}.cc__row.is-visible{opacity:1;transform:translateY(0) scale(1);transition:opacity .38s ease,transform .38s ease}.cc__row.is-right{align-items:flex-start;flex-direction:row-reverse}.cc__bubble{display:inline-block;width:fit-content;max-width:90%;white-space:pre-line;border-radius:8px;border:1px solid #6D94AC;background:linear-gradient(90deg,#eff3f6,#cedbe3);padding:8px 12px;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#000d26}.cc__bubble.wren{border-color:#b4c685;background:linear-gradient(90deg,#f2f5ea,#dce3c5)}.cc__bubble.taffy{border-color:#799a84;background:linear-gradient(90deg,#eef2f0,#d0dad2)}.cc__bubble.soph{border-color:#6f69bf;background:linear-gradient(90deg,#e7e6f4,#c8c6e6)}.cc__bubble.lark{border-color:#bf69a6;background:linear-gradient(90deg,#f3e2ee,#ddb0d0)}.cc__row[data-tone=info] .cc__bubble{font-weight:500;font-size:14px}.cc__row.is-right .cc__bubble{background:#fffefc;border-color:#c1c5cd;margin-left:0}.cc__chatSpacer{height:84px;flex-shrink:0}.cc__stickerAnchor{position:relative;display:inline-block;width:0;height:1.2em;flex:0 0 auto;overflow:visible;pointer-events:none}.cc__sticker{width:clamp(64px,7vw,128px);min-width:96px;height:auto;position:absolute;left:0;top:-16px;transform:rotate(1deg);z-index:2}@media(max-width:600px){.cc__sticker{left:-20px;top:-8px;min-width:72px;transform:rotate(2deg)}}.cc__row.is-right .cc__sticker{right:-12px;left:auto}@media(max-width:600px){.cc__row.is-right .cc__sticker{right:-8px;min-width:72px}}.cc__slide.is-hero-fading .cc__hero{opacity:0;transform:translateY(-6px);pointer-events:none}.cc__slide.is-chat-live .cc__chat{opacity:1;transform:translateY(0)}.cc__controls{position:absolute;left:0;right:0;bottom:clamp(12px,2.2vw,16px);display:flex;justify-content:center;align-items:center;gap:12px;pointer-events:none}.cc__btn,.cc__dots{pointer-events:auto}.cc__dots{display:flex;justify-content:center;gap:8px;padding:6px 10px;border-radius:999px;background:#fffefc99;border:1px solid #ebe9e4;backdrop-filter:blur(6px);box-shadow:inset 0 1px 1px #fcffff33}.cc__btn{width:40px;height:40px;border-radius:12px;border:1px solid #c1c5cd;background:#fffefc99;box-shadow:inset 0 1px 1px #fcffff33,0 1px 1px #000d261a;color:#000d26;font-size:22px;line-height:1px;cursor:pointer;backdrop-filter:blur(6px)}.cc__btn:active{transform:translateY(1px)}.cc__dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(0,13,38,.3);background:#000d261a;cursor:pointer;padding:0;transition:width .3s ease}.cc__dot[aria-selected=true]{width:32px;background:#000d2699}@media(min-width:800px){.cc__slide{flex-direction:row;align-items:stretch;gap:24px;padding:22px}.cc__hero{position:relative;inset:auto;flex:0 0 min(340px,36%);height:100%;opacity:1;transform:none;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px}.cc__slide.is-hero-fading .cc__hero{opacity:1;transform:none;pointer-events:none}.cc__chat{flex:1 1 auto;min-width:0}}@media(prefers-reduced-motion:reduce){.cc__track,.cc__hero,.cc__chat,.cc__row,.cc__chatInner{transition:none!important}}