/* Dedicated conversation viewport: only the feed scrolls, never underneath the composer. */
body.has-tarot-chat{overflow:hidden;overscroll-behavior:none}
body.has-tarot-chat>header,body.has-tarot-chat #bottomnav{display:none!important}
.tarot-chat-layout.sms-trial{position:fixed!important;z-index:1000;top:var(--trial-chat-top,0px);left:50%;transform:translateX(-50%);width:min(100%,760px);height:var(--trial-chat-height,100dvh);max-height:none!important;min-height:0!important;max-width:760px!important;margin:0!important;padding:0!important;border-radius:0!important;display:flex!important;flex-direction:column;overflow:hidden;background:#faf8fd;box-shadow:0 0 40px #17132b33}
.sms-trial .phone-chat-top{flex:0 0 auto;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;gap:10px;min-height:64px}
.sms-trial .phone-chat-top h1{font-size:19px;margin:0;color:#473953}
.sms-trial .phone-chat-top img{width:38px;height:38px}
.sms-trial .phone-chat-top button{font-size:30px;line-height:1;padding:7px 12px;min-width:44px;min-height:44px}
.sms-trial .trial-chat-info{flex:0 0 auto;background:#f4eef9;border-bottom:1px solid #e7deee;color:#665477;font-size:13px}
.sms-trial .trial-chat-info summary{padding:11px 18px;min-height:42px}
.sms-trial .trial-chat-info-content{padding:0 18px 12px;max-height:25dvh;overflow-y:auto}
.sms-trial .trial-chat-info-content p{font-size:12px;line-height:1.5;margin:8px 0}
.sms-trial .trial-chat-info-content label{margin:8px 0 5px}
.sms-trial .trial-card-context{display:flex;flex-wrap:wrap;gap:7px}
.sms-trial .trial-card-context span{background:#e8def1;padding:6px 9px;border-radius:9px;font-size:12px}
.sms-trial .trial-card-context b{display:block;font-size:10px}
.sms-trial .phone-chat-feed{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding:18px 14px 22px!important;scroll-padding-block:18px}
.sms-trial .phone-chat-feed>:first-child{margin-top:auto!important}
.sms-trial .phone-chat-feed>*{flex-shrink:0}
.sms-trial .sms-bubble{margin:0!important;padding:13px 16px;max-width:88%!important;overflow-wrap:anywhere}
.sms-trial .sms-user{align-self:flex-end;background:#7358dd;color:#fff}
.sms-trial .sms-guide,.sms-trial .sms-system{align-self:flex-start;background:#eee9f0;color:#574764}
.sms-trial .sms-bubble p{white-space:pre-wrap;font-size:16px!important;line-height:1.6!important;margin:0!important}
.sms-trial .phone-composer{position:static!important;bottom:auto!important;flex:0 0 auto!important;margin:0!important;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;background:#fcfaff;border-top:1px solid #e6dcec;z-index:auto}
.sms-trial .phone-composer .phone-chat-status{font-size:11px!important;line-height:1.4;margin:0 2px 6px;white-space:normal}
.sms-trial .phone-input-row{display:flex;gap:9px;align-items:flex-end}
.sms-trial .phone-input-row textarea{box-sizing:border-box;flex:1;min-width:0;min-height:48px!important;height:48px;max-height:120px!important;resize:none!important;overflow-y:auto;font-size:16px!important;line-height:1.45;padding:12px 15px;border-radius:24px;margin:0}
.sms-trial .phone-input-row button{flex:0 0 48px;width:48px;height:48px;min-height:48px;margin:0;padding:0;border-radius:50%;font-size:27px;line-height:1;background:#7358dd;color:white}
@media(min-width:800px){.tarot-chat-layout.sms-trial{border-inline:1px solid #d8cce3}}