.mentor-chat,.paid-sheet{box-sizing:border-box;border:1px solid var(--color-line);color:var(--color-ink);background:var(--color-cream);box-shadow:var(--shadow-modal);max-width:calc(100vw - 32px);padding:0}.mentor-chat{border-radius:22px;width:620px;height:min(880px,100dvh - 32px);max-height:calc(100dvh - 32px);margin:auto;overflow:hidden}.mentor-chat::backdrop,.paid-sheet::backdrop{background:#20191d8a}.mentor-chat-shell{overflow-y:auto}.mentor-chat-shell>.mentor-chat-header,.mentor-chat-shell>.mentor-switch{flex-shrink:0}.mentor-chat .chat-conversation,.mentor-chat .chat-consent{min-height:180px}.mentor-chat [data-chat-turnstile]{flex:none;align-self:center;max-width:100%;scroll-margin-block:12px}.mentor-chat [data-chat-turnstile]:empty{display:none}.mentor-chat-shell{height:100%;min-height:0;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box;flex-direction:column;gap:8px;display:flex}.mentor-chat-header,.paid-sheet header{align-items:center;gap:12px;min-width:0;display:flex}.mentor-chat-header h2,.paid-sheet h2{color:var(--mentor-accent-ink);margin:0;font-size:1.25rem}.paid-sheet h3,.sheet-offer h3{color:var(--mentor-accent-ink)}.chat-identity{flex:1;min-width:0}.chat-identity .si-labels{flex-wrap:wrap;gap:8px;font-size:12px}.chat-avatar{background:var(--mentor-bubble);width:44px;height:44px;color:var(--mentor-accent-ink);font-family:var(--font-display);border:1px solid;border-radius:50%;flex:none;place-items:center;font-size:21px;display:grid;overflow:hidden}.chat-avatar picture,.chat-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.chat-icon{border:1px solid var(--color-line);min-width:44px;min-height:44px;color:var(--color-ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;font-size:24px;display:grid}.always-on{color:var(--color-muted);font-size:11px}.always-on i{background:#28613e;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.mentor-switch{align-items:center;gap:4px;display:flex}.mentor-switch>.chat-icon{border:0;border-radius:4px;min-width:32px}.mentor-carousel{scroll-snap-type:x mandatory;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.mentor-mini{scroll-snap-align:start;border:1px solid var(--color-line);min-width:230px;color:var(--mentor-accent-ink);background:var(--mentor-bubble);border-radius:12px;align-items:center;gap:8px;padding:8px;text-decoration:none;display:flex}.mentor-mini span:last-child{display:grid}.mentor-mini small{font-size:11px}.mentor-mini[aria-current]{border:2px solid var(--mentor-accent)}.chat-status{color:var(--color-brand-strong);overflow-wrap:anywhere;margin:0;font-size:13px}.chat-status:empty{display:none}.chat-consent{flex:1;gap:16px;padding:12px 0;display:grid;overflow:auto}.chat-consent p{margin:0}.chat-consent .check{align-items:flex-start;gap:10px;display:flex}.chat-consent input{flex:none}.chat-conversation{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.mentor-chat-log{flex-direction:column;flex:1;gap:12px;min-height:70px;margin:0;padding:8px 0;list-style:none;display:flex;overflow-y:auto}.mentor-chat-log>div{overflow-wrap:anywhere;flex:none;max-width:90%}.mentor-chat-log>div.user{align-self:flex-end}.message-text{white-space:pre-wrap;background:var(--mentor-bubble);color:var(--mentor-accent-ink);border-radius:16px;margin:0;padding:12px 16px}.user .message-text{background:var(--color-ink);color:#fff}.mentor-chat-log .generated-label{color:var(--color-muted);margin:4px 8px 0;font-size:11px;display:block}.chat-composer{background:var(--color-cream);padding-bottom:max(4px,env(safe-area-inset-bottom));flex:none;position:sticky;bottom:0}.chat-composer form{gap:8px;display:flex}.chat-composer input{flex:1;width:0;min-width:0;font-size:16px}.chat-counter{color:var(--color-muted);margin:0 0 6px;font-size:12px}.chat-ended{color:var(--color-muted)}.exhausted-card{border:1px solid var(--color-line);border-radius:12px;padding:12px}.exhausted-card p{margin:0 0 8px}.chat-quote{color:var(--color-muted);flex:none;margin:4px 0;font-size:11px}.typing-status{color:var(--mentor-accent-ink);background:var(--mentor-bubble);border-radius:12px;align-self:flex-start;padding:8px 12px;font-size:12px}.typing-dots{letter-spacing:3px;margin-right:8px}.shop-products{gap:8px;margin-top:10px;display:grid}.shop-disclosure{color:var(--color-muted);margin:0;font-size:11px}.shop-card{border:1px solid var(--color-line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.shop-card img,.shop-placeholder{object-fit:cover;background:#eee9e5;border-radius:6px;flex:none;width:52px;height:60px}.shop-card-content{gap:4px;min-width:0;display:grid}.shop-card a{color:var(--mentor-accent-ink);align-items:center;min-height:44px;display:inline-flex}.shop-card h3,.shop-card p{margin:0;font-size:13px}.paid-sheet{width:480px;max-height:calc(100dvh - 32px - env(safe-area-inset-top));padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-radius:20px;margin:auto;overflow:auto}.paid-sheet header{align-items:flex-start;margin-bottom:12px}.paid-sheet h2{flex:1}.sheet-controls{gap:8px;margin:12px 0;display:grid}.sheet-switch{flex-wrap:wrap;gap:6px;display:flex}.sheet-switch button{border:1px solid var(--color-line);min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:8px;font-size:13px}.sheet-switch [aria-pressed=true]{color:var(--mentor-accent-ink);border-color:var(--mentor-accent);background:var(--mentor-bubble)}.sheet-offer-list{gap:10px;display:grid}.sheet-offer{border:1px solid var(--color-line);background:#fff;border-radius:12px;gap:10px;padding:14px;display:grid}.sheet-offer h3,.sheet-offer p{margin:0}.sheet-offer h3{font-size:16px}.sheet-offer .btn,.sheet-continue{width:100%}.sheet-offer[data-selected=true]{border:2px solid var(--mentor-accent)}.pricing-note{color:var(--color-muted);font-size:12px}.sheet-continue{margin-top:12px;position:sticky;bottom:0}.mentor-chat [hidden],.paid-sheet [hidden]{display:none!important}.mentor-chat .sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.mentor-chat .btn,.paid-sheet .btn{background:var(--mentor-accent);color:var(--mentor-on-accent)}.mentor-chat .btn.ghost,.paid-sheet .btn.ghost{color:var(--mentor-accent-ink);border-color:var(--mentor-accent);background:#fff}.sheet-offer .price{color:var(--mentor-accent-ink);font-family:var(--font-display);font-size:1.25rem;font-weight:600}.sheet-offer[data-mentor=wantang] h3{font-family:var(--font-display)}.paid-sheet[data-mentor=shaohua] h2,.sheet-offer[data-mentor=shaohua] h3,.sheet-offer[data-mentor=shaohua] .price{font-family:var(--font-body);letter-spacing:.02em;font-weight:500}.sheet-offer[data-mentor=shaohua]{border-top:1px solid var(--mentor-detail);border-radius:5px}.sheet-offer[data-mentor=maini]{border-color:var(--mentor-sky);border-top-color:var(--mentor-accent)}.paid-sheet [data-sheet-login]{padding:0}.mentor-chat[data-mentor=shaohua] .message-text{border-left:2px solid var(--mentor-detail);border-radius:5px}.mentor-chat[data-mentor=maini] .mentor-chat-log{background:repeating-linear-gradient(90deg,transparent 0 46px,color-mix(in srgb,var(--mentor-sky) 15%,transparent) 46px 47px,transparent 47px 92px);border:1px solid color-mix(in srgb,var(--mentor-sky) 15%,transparent);border-radius:8px;padding:8px}@media (width<=600px){.mentor-chat{width:100vw;max-width:100vw;height:100vh;height:var(--app-viewport-height,100dvh);max-height:var(--app-viewport-height,100dvh);top:var(--app-viewport-offset,0px);border:0;border-radius:0;margin:0}.mentor-chat-shell{gap:6px}.paid-sheet{max-height:calc(var(--app-viewport-height,100dvh) - 32px - env(safe-area-inset-top));border-radius:20px 20px 0 0;margin:0 auto;position:fixed;inset:auto 0 0}.mentor-mini{min-width:220px}.mentor-chat .chat-quote{font-size:11px;line-height:1.3}}@media (prefers-reduced-motion:no-preference){.typing-dots{animation:1.3s ease-in-out infinite chat-dots}.typing-status[data-hang=true] .typing-dots{animation:3.2s ease-in-out infinite chat-dots}@keyframes chat-dots{50%{opacity:.35}}}
