.conversation-intro{max-width:none;max-height:none;width:100%;height:100%;height:100dvh;inset:0;margin:0;border:0;padding:0;color:#f6f0fa;background:#1b1722;overflow:auto;overscroll-behavior:contain}.conversation-intro::backdrop{background:#1b1722}.conversation-intro[open]{display:flex;flex-direction:column;animation:intro-in .6s ease both}.intro-top,.intro-foot{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,80px);gap:20px}.intro-top .brand small{color:#cfbedb}.intro-top .brand i{background:#eadbf4;color:#272132}.intro-skip,#intro-replay{background:none;border:0;color:#d8cce2;padding:12px;font-size:14px}.intro-skip:hover,#intro-replay:hover{color:white;text-decoration:underline}.intro-layout{width:min(1120px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:24px 0}.intro-editorial{position:relative}.intro-editorial .kicker{color:#c2a9d5;font-size:12px;letter-spacing:.12em}.intro-editorial h1{font-size:clamp(38px,4.5vw,64px);line-height:1.3;margin:20px 0}.intro-editorial>p:not(.kicker){color:#c9bdd3}.intro-editorial img{width:220px;height:180px;object-fit:cover;object-position:top;mask-image:linear-gradient(#000 70%,transparent);opacity:.86}.intro-disclosure{font-size:13px;margin:0}.intro-chat{border:1px solid #ffffff24;border-radius:24px;background:linear-gradient(140deg,#362b41,#221c2b);box-shadow:0 24px 90px #0004;overflow:hidden}.intro-chat>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;padding:20px 24px}.intro-chat>header b{display:block;font-size:16px;font-weight:500}.intro-chat>header span{font-size:13px;color:#c2b4cd}.intro-messages{height:285px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:#72617e transparent}.intro-bubble{max-width:88%;padding:12px 16px;border-radius:16px 16px 16px 4px;background:#ffffff0b;line-height:1.75;font-size:16px;margin:0;animation:bubble-in .35s ease both}.intro-bubble.user{align-self:flex-end;background:#d9c6e9;color:#282031;border-radius:16px 16px 4px 16px}.intro-typing{font-size:14px;color:#cbb9d9;animation:breathe 1s ease-in-out infinite alternate}.intro-bottom{padding:18px 24px 24px;border-top:1px solid #ffffff14;min-height:184px}.intro-bottom>p{font-size:13px;color:#c2b4cd;margin-bottom:10px}#intro-choices{display:grid;gap:8px}#intro-choices button{border:1px solid #c8abde55;border-radius:10px;background:#ffffff04;color:#f2e8fa;text-align:left;padding:10px 14px;font-size:15px;transition:background .2s,transform .2s}#intro-choices button:hover{background:#b58dce25;transform:translateX(3px)}#intro-ending p{font-size:16px;line-height:1.7;margin-bottom:16px}#intro-enter{background:#e2d1ee;color:#2b2132;font-size:15px}#intro-replay{display:block;margin-top:8px}.intro-foot{font-size:12px;color:#b4a3c1;letter-spacing:.04em}.intro-leaving{animation:intro-out .4s ease both!important}.product-arrival{animation:product-arrive .65s ease both}@keyframes intro-in{from{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0;transform:translateY(-20px)}}@keyframes bubble-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes product-arrive{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:720px){.intro-top{padding:12px 16px}.intro-layout{grid-template-columns:1fr;gap:20px;padding:16px 0;width:calc(100% - 32px)}.intro-editorial h1{font-size:32px;margin:8px 0}.intro-editorial h1 br{display:none}.intro-editorial .kicker{display:none}.intro-editorial>p{font-size:14px;margin-bottom:8px}.intro-editorial img{display:none}.intro-chat{border-radius:18px}.intro-messages{height:230px;padding:18px}.intro-bottom{padding:14px 18px 18px;min-height:160px}.intro-foot{padding:14px 18px}.intro-foot>span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.conversation-intro,.conversation-intro *,.product-arrival{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.motion-reduced .conversation-intro,.motion-reduced .conversation-intro *,.motion-reduced .product-arrival{animation:none!important;transition:none!important}
.conversation-intro{border-radius:0}.intro-chat>header{position:static;background:#2b2335}.intro-chat>header b{color:#f6f0fa}