/* The approved blue doodle is the shared one shop identity. */
.one-shop-lockup{display:inline-flex;align-items:center;gap:10px;line-height:1;white-space:nowrap;text-align:left;color:inherit}
.one-shop-wordmark{display:flex;flex-direction:column;gap:6px}
.one-shop-wordmark strong{font-size:24px;font-weight:750;letter-spacing:-.06em;line-height:1}
.one-shop-wordmark small{font-size:10px;font-weight:450;letter-spacing:.035em;line-height:1.2;opacity:.65;display:block;margin:0}
.one-shop-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:50%;background:#fff;padding:4px;overflow:hidden}
.one-shop-mark img{display:block;width:100%;height:100%;object-fit:contain}
.one-shop-lockup>.one-shop-mark{width:46px;height:46px;padding:4px}
.platform .one-shop-lockup img{width:100%;height:100%}
.platform-brand>.one-shop-lockup{font-weight:inherit;letter-spacing:normal}
.platform-brand .one-shop-wordmark small{font-size:10px;margin:0;font-weight:450;letter-spacing:.035em}
.chat-topbar>.one-shop-mark{width:38px;height:38px;padding:4px}
.chat-welcome>.one-shop-mark{display:inline-flex;width:108px;height:108px;padding:10px;margin-bottom:26px}
.chat-message>.one-shop-mark{width:34px;height:34px;padding:3px;margin-top:2px}
.entry-panel>.one-shop-mark{width:114px;height:114px;padding:10px;margin-bottom:22px}
.one-shop-cover{display:flex;align-items:center;justify-content:center;gap:44px;background:#e6eef8;isolation:isolate;padding:26px 44px}
.cover-picture.one-shop-cover>.cover-mascot{position:relative;width:280px;height:280px;object-fit:contain;z-index:1;flex:none;border-radius:50%;padding:14px;background:#fff}
.cover-wordmark{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1;color:#202f48}
.cover-wordmark b{font-size:76px;letter-spacing:-.07em;line-height:1.05;font-weight:800}
.cover-wordmark>span{font-size:16px;letter-spacing:.05em;color:#526b8d}
.cover-orbit{position:absolute;border-radius:50%;z-index:0;pointer-events:none;border:1px solid #c9daee}
.orbit-a{width:480px;height:480px;left:-100px;top:-100px}
.orbit-b{width:580px;height:580px;right:-250px;bottom:-370px}
.print-brand{display:flex;justify-content:center;margin-top:24px;color:#202f48}
.print-brand .one-shop-mark{width:44px;height:44px}
.cloud-loading>.one-shop-lockup{margin-bottom:28px}
@media(max-width:760px){
 .chat-topbar>.one-shop-mark{width:32px;height:32px;padding:3px}
 .chat-topbar{gap:9px}
 .chat-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .chat-title span{font-size:10px}
 .chat-welcome>.one-shop-mark{width:88px;height:88px;padding:8px;margin-bottom:22px}
 .chat-message>.one-shop-mark{width:30px;height:30px;padding:3px}
 .entry-panel>.one-shop-mark{width:100px;height:100px;padding:9px}
 .entry-header .one-shop-wordmark strong{font-size:23px}
 .one-shop-cover{gap:15px;padding:26px 20px}
 .cover-picture.one-shop-cover>.cover-mascot{width:min(43vw,200px);height:min(43vw,200px)}
 .cover-wordmark{gap:11px}
 .cover-wordmark b{font-size:clamp(40px,8vw,62px)}
 .cover-wordmark>span{font-size:11px;letter-spacing:.015em}
}
@media(max-width:380px){.entry-header .one-shop-lockup{gap:7px}.entry-header .one-shop-lockup>.one-shop-mark{width:38px;height:38px}.entry-header .one-shop-wordmark small{font-size:9px}.chat-topbar>.one-shop-mark{width:28px;height:28px}.chat-title b{font-size:14px}.demo-label{max-width:64px;text-align:center}}
@media print{.cover-picture.one-shop-cover>.cover-mascot{width:190px;height:190px}.cover-wordmark b{font-size:54px}.one-shop-cover{background:#e6eef8!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Three approved character actions. Animation never implies a completed operation. */
.one-shop-mark[data-mood]:not([data-mood=idle]){padding:1px}
.one-shop-mark img{transform-origin:50% 78%}
.mascot-animated[data-mood=greeting] img{animation:mascot-greet 1.8s ease-in-out 2}
.mascot-animated[data-mood=thinking] img{animation:mascot-think 2.4s ease-in-out 2}
.mascot-animated[data-mood=order] img{animation:mascot-order 1.25s ease-in-out 2}
@keyframes mascot-greet{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg) translateY(-3px)}50%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}}
@keyframes mascot-think{0%,100%{transform:rotate(0)}45%,65%{transform:rotate(-7deg) translateY(-2px)}}
@keyframes mascot-order{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-5px) rotate(4deg)}70%{transform:translateY(1px) rotate(-2deg)}}
.chat-message>.one-shop-mark[data-mood]{width:42px;height:42px;margin-top:0}
.pending-reply .message-content{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#b2bccd;font-size:13px;padding:10px 0}
.thinking-dots{display:inline-flex;gap:4px}
.thinking-dots i{width:4px;height:4px;background:#aeccee;border-radius:50%;animation:thinking-dot .9s ease-in-out infinite}
.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}
@keyframes thinking-dot{50%{transform:translateY(-4px);opacity:.35}}
@media(max-width:760px){.chat-message>.one-shop-mark[data-mood]{width:34px;height:34px}.pending-reply .message-content{font-size:12px}.chat-welcome>.one-shop-mark[data-mood]{width:108px;height:108px}.entry-panel>.one-shop-mark[data-mood]{width:128px;height:128px}}
@media(prefers-reduced-motion:reduce){.mascot-animated img,.thinking-dots i{animation:none!important}}
[data-motion=off] .mascot-animated img,[data-motion=off] .thinking-dots i{animation:none!important}