/* Dragon Ghost — polished shared assistant */
#dragonGhostRoot{position:fixed;right:22px;bottom:22px;z-index:99990;font-family:Arial,Helvetica,sans-serif;color:#fff5f7}
#dragonGhostLauncher{position:relative;width:68px;height:68px;border:1px solid #e8c15d99;border-radius:50%;background:radial-gradient(circle at 35% 25%,#51304b,#171321 72%);box-shadow:0 8px 26px #0009,0 0 22px #ff465733;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#dragonGhostLauncher:hover{transform:translateY(-3px);border-color:#ffe6a1;box-shadow:0 12px 30px #000b,0 0 28px #ff465766}
#dragonGhostLauncher:focus-visible{outline:2px solid #ffe6a1;outline-offset:4px}
.dg-brand-mark{width:29px;height:29px;display:block;filter:drop-shadow(0 0 7px #e8c15d66)}
.dg-launch-label{display:block;color:#ffe6a1;font-size:8px;font-weight:900;letter-spacing:1.05px;line-height:1.2;white-space:nowrap}
#dragonGhostPanel{position:absolute;right:0;bottom:82px;width:min(380px,calc(100vw - 28px));height:min(570px,calc(100vh - 125px));min-height:390px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8c15d70;border-radius:22px;background:linear-gradient(155deg,#261927,#110f19 70%);box-shadow:0 20px 65px #000b,0 0 32px #ff465722;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.975);transform-origin:bottom right}
#dragonGhostPanel.open{visibility:visible;pointer-events:auto;animation:dgPanelIn .26s cubic-bezier(.2,.8,.2,1) both}
#dragonGhostPanel.closing{visibility:visible;pointer-events:none;animation:dgPanelOut .19s ease-in both}
@keyframes dgPanelIn{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dgPanelOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.98)}}
.dg-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(100deg,#542038,#26182b);border-bottom:1px solid #e8c15d44}
.dg-head-copy{flex:1;min-width:0;text-align:left}.dg-head-copy strong{display:block;font-size:15px;letter-spacing:.7px;color:#ffe6a1}.dg-head-copy small{display:block;margin-top:4px;color:#d8c4d2;font-size:11px}
.dg-close{width:34px;height:34px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff0d;color:#fff;font-size:20px;cursor:pointer}
.dg-head-mascot{width:45px;height:48px;position:relative;flex:0 0 45px;overflow:hidden}
.dg-head-mascot .ghost{width:112px;height:128px;margin:0;transform:scale(.42);transform-origin:top left;animation:dgHeadGhostFloat 2.8s ease-in-out infinite;filter:drop-shadow(0 0 9px #ff657b88)}
.dg-head-mascot .ghost-wand,.dg-head-mascot .ghost-buddy,.dg-head-mascot .buddy-caption{display:none}
.dg-head-mascot .ghost-eye{top:48px}.dg-head-mascot .ghost-eye.left{left:34px}.dg-head-mascot .ghost-eye.right{right:34px}.dg-head-mascot .ghost-mouth{top:70px}
@keyframes dgHeadGhostFloat{50%{transform:scale(.42) translateY(-4px)}}
.dg-messages{flex:1;min-height:0;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth}
.dg-message{max-width:88%;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.dg-message.bot{align-self:flex-start;background:#ffffff0d;border:1px solid #e8c15d35;color:#fff1d8;border-top-left-radius:5px}
.dg-message.user{align-self:flex-end;background:linear-gradient(120deg,#8f2946,#57213d);border:1px solid #ff849544;color:white;border-top-right-radius:5px}
.dg-quick{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 12px}
.dg-quick button{border:1px solid #e8c15d55;border-radius:20px;padding:7px 10px;background:#e8c15d12;color:#ffe6a1;font-size:11px;font-weight:700;cursor:pointer}
.dg-quick button:hover{background:#e8c15d25}
.dg-compose{display:flex;gap:8px;padding:12px;border-top:1px solid #ffffff18;background:#0d0c14}
.dg-compose input{min-width:0;flex:1;height:43px;border:1px solid #ffffff24;border-radius:12px;background:#211a28;color:white;padding:0 12px;outline:none;font-size:13px}
.dg-compose input:focus{border-color:#e8c15d88}
.dg-compose button{width:46px;border:0;border-radius:12px;background:linear-gradient(130deg,#ed3c58,#982747);color:white;font-size:19px;font-weight:900;cursor:pointer}
.dg-compose button:disabled{opacity:.55;cursor:wait}
.dg-privacy{padding:0 14px 9px;text-align:center;color:#a99aaa;font-size:10px;background:#0d0c14}
.dg-typing{display:inline-flex;gap:4px;align-items:center}.dg-typing i{width:5px;height:5px;border-radius:50%;background:#e8c15d;animation:dgDot .8s infinite alternate}.dg-typing i:nth-child(2){animation-delay:.2s}.dg-typing i:nth-child(3){animation-delay:.4s}
@keyframes dgDot{to{opacity:.25;transform:translateY(-3px)}}
#dragonGhostRoot .ghost{width:112px;height:128px;position:relative;margin:8px 22px 18px 0;animation:dgGhostFloat 2.7s ease-in-out infinite;filter:drop-shadow(0 0 18px #ff657b55)}
#dragonGhostRoot .ghost-body{position:absolute;inset:8px 8px 0;background:linear-gradient(145deg,#fff9fb,#cbbdce);border-radius:48% 48% 22% 22%;clip-path:polygon(0 0,100% 0,100% 100%,80% 86%,62% 100%,43% 86%,22% 100%,0 86%)}
#dragonGhostRoot .ghost-eye{position:absolute;top:48px;width:10px;height:15px;border-radius:50%;background:#342338;z-index:2}
#dragonGhostRoot .ghost-eye.left{left:34px}.dg-head-mascot .ghost-eye.left{left:34px}
#dragonGhostRoot .ghost-eye.right{right:34px}.dg-head-mascot .ghost-eye.right{right:34px}
#dragonGhostRoot .ghost-mouth{position:absolute;z-index:2;top:70px;left:48px;width:10px;height:7px;border-radius:50%;background:#ff6679}
#dragonGhostRoot .ghost-wand{position:absolute;z-index:4;left:-112px;top:-24px;width:196px;height:7px;border-radius:8px;background:linear-gradient(180deg,#e3b77d,#a66b40 48%,#68432e);border:1px solid #edc995;box-shadow:0 2px 6px #0009;transform:rotate(42deg);transform-origin:right center;pointer-events:none}
#dragonGhostRoot .ghost-wand:before{content:"";position:absolute;right:-6px;top:-5px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0d09b,#9b6039 70%);border:1px solid #e5b77b;box-shadow:0 0 0 3px #fff2}
#dragonGhostRoot .ghost-buddy{position:absolute;width:100%;height:100%;left:-90%;bottom:0;transform:scale(.7);transform-origin:bottom right;z-index:3;filter:drop-shadow(0 0 13px #ff657b66);animation:dgBuddyFloat 2.4s ease-in-out infinite alternate;pointer-events:none}
#dragonGhostRoot .ghost-buddy .ghost-body{background:linear-gradient(145deg,#fff,#b8a9c2)}
#dragonGhostRoot .ghost-buddy .ghost-eye{top:48px;transform:translateX(3px)}
#dragonGhostRoot .ghost-buddy .ghost-mouth{display:block;top:69px;left:48px;width:13px;height:2px;border-radius:2px;background:#342338;box-shadow:none}
#dragonGhostRoot .buddy-caption{position:absolute;left:-116%;bottom:-17px;width:90%;z-index:5;color:#ffe6a1;font-size:9px;font-weight:900;letter-spacing:1.5px;text-align:center;text-shadow:0 2px 7px #000;white-space:nowrap;pointer-events:none}
@keyframes dgGhostFloat{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes dgBuddyFloat{to{transform:translateY(-7px) scale(.7) rotate(-4deg)}}
#dragonGhostRoot .ghost.talking .ghost-mouth{animation:dgGhostTalk .18s ease-in-out infinite alternate}
@keyframes dgGhostTalk{to{transform:scaleY(2.1);border-radius:40%}}
.account-login-help{margin:20px 0 22px;padding:22px 24px;border:1px solid #e8c15d88;border-radius:19px;background:linear-gradient(145deg,#422333aa,#201827);box-shadow:0 10px 28px #0004;color:#fff4e5;font-size:15px;line-height:1.8}
.account-login-help>p:first-child{font-size:16px;color:#ffe6a1;margin:0 0 10px}
.account-login-help ul{padding-left:23px;margin:10px 0}.account-login-help li{margin:10px 0;padding-left:3px}.account-login-help strong{color:#ffe6a1}
.account-login-help .account-help-note{margin:14px 0 0;padding:11px 13px;border-left:3px solid #e8c15d;background:#e8c15d12;border-radius:0 9px 9px 0;font-size:13px}
.account-login-help{font-size:15px;line-height:1.8}
.account-login-help p{font-size:15px;line-height:1.8}
.account-login-help ul{padding-left:25px;margin:12px 0}
.account-login-help li{margin:12px 0;padding-left:4px;font-size:15px;line-height:1.75}
.account-login-help strong{color:#ffe6a1}
.account-login-help .account-help-note{margin:15px 0 0;padding:13px 15px;border-left:3px solid #e8c15d;background:#e8c15d12;border-radius:0 9px 9px 0;font-size:14px;line-height:1.7}
.login-help-title{margin:4px 0 12px;color:#ffe6a1;font-size:16px;font-weight:900;letter-spacing:1.8px}
.login-ghost-row{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:16px 18px;border-radius:16px;background:#100d18aa;border:1px solid #e8c15d44}
.login-ghost-row .login-ghost-art{width:154px;height:132px;flex:0 0 154px;position:relative;transform:none;transform-origin:center}
.login-ghost-row .login-ghost-copy{text-align:left;flex:1}
.login-ghost-row .login-ghost-copy strong{display:block;color:#ffe6a1;font-size:18px;margin-bottom:8px}
.login-ghost-row .login-ghost-copy p{margin:0;color:#e8dce6;font-size:15px;line-height:1.75}
.login-ghost-art .ghost{width:112px;height:128px;position:absolute;left:0;top:0;margin:0;animation:dgGhostFloat 2.7s ease-in-out infinite;filter:drop-shadow(0 0 18px #ff657b55)}
.login-ghost-art .ghost-body{position:absolute;inset:8px 8px 0;background:linear-gradient(145deg,#fff9fb,#cbbdce);border-radius:48% 48% 22% 22%;clip-path:polygon(0 0,100% 0,100% 100%,80% 86%,62% 100%,43% 86%,22% 100%,0 86%)}
.login-ghost-art .ghost-eye{position:absolute;top:48px;width:10px;height:15px;border-radius:50%;background:#342338;z-index:2}
.login-ghost-art .ghost-eye.left{left:34px}.login-ghost-art .ghost-eye.right{right:34px}
.login-ghost-art .ghost-mouth{position:absolute;z-index:2;top:70px;left:48px;width:10px;height:7px;border-radius:50%;background:#ff6679}
.login-ghost-art .ghost-buddy{left:55px;top:8px;transform:scale(.82);transform-origin:bottom left;z-index:3;animation:dgBuddyFloat 2.4s ease-in-out infinite alternate;animation-delay:-1.2s;filter:drop-shadow(0 0 13px #ff657b66);pointer-events:none}
.login-ghost-art .ghost-buddy .ghost-body{background:linear-gradient(145deg,#fff9fb,#cbbdce)}
.login-ghost-art .ghost-buddy .ghost-eye{top:48px;transform:none}
.login-ghost-art .ghost-buddy .ghost-mouth{top:70px;left:48px;width:10px;height:7px;border-radius:50%;background:#ff6679;box-shadow:none}
@media(max-width:600px){#dragonGhostRoot{right:13px;bottom:14px}#dragonGhostLauncher{width:62px;height:62px}#dragonGhostPanel{right:-3px;bottom:73px;height:min(560px,calc(100vh - 105px));min-height:350px}.account-login-help{padding:17px 15px;font-size:14px}.account-login-help p,.account-login-help li{font-size:14px}.login-ghost-row{gap:9px;padding:11px}.login-ghost-row .login-ghost-art{width:116px;height:112px;flex-basis:116px;transform:scale(.76);transform-origin:left center}.login-ghost-row .login-ghost-copy strong{font-size:16px}.login-ghost-row .login-ghost-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){#dragonGhostRoot *,#dragonGhostRoot *:before{animation:none!important;transition:none!important}}

/* Keep the header mascot at its intended compact size; override the shared mascot float rule. */
#dragonGhostRoot .dg-head-mascot .ghost{width:112px;height:128px;margin:0;transform:scale(.42);transform-origin:top left;animation:dgHeadGhostFloat 2.8s ease-in-out infinite;}
@keyframes dgHeadGhostFloat{50%{transform:scale(.42) translateY(-4px)}}


/* Multilingual controls */
.dg-head{gap:9px}
.dg-language-label{display:flex;flex-direction:column;gap:3px;flex:0 0 auto;max-width:105px}
.dg-language-caption{font-size:9px;color:#e8d6df;line-height:1}
#dgLanguage{max-width:105px;height:30px;padding:0 7px;border:1px solid #e8c15d66;border-radius:8px;background:#211523;color:#ffe6a1;font-size:11px;outline:none}
#dgLanguage:focus-visible{outline:2px solid #ffe6a1;outline-offset:2px}
#dragonGhostRoot[dir="rtl"] .dg-head-copy,#dragonGhostRoot[dir="rtl"] .dg-message,#dragonGhostRoot[dir="rtl"] .dg-compose input{text-align:right}
#dragonGhostRoot[dir="rtl"] .dg-message.bot{align-self:flex-end;border-top-left-radius:14px;border-top-right-radius:5px}
#dragonGhostRoot[dir="rtl"] .dg-message.user{align-self:flex-start;border-top-right-radius:14px;border-top-left-radius:5px}
#dragonGhostRoot[dir="rtl"] .dg-compose{flex-direction:row-reverse}
#dragonGhostRoot[dir="rtl"] .dg-quick{direction:rtl}
#dragonGhostRoot[dir="rtl"] .dg-head{direction:rtl}
#dragonGhostRoot[dir="rtl"] .dg-language-label{align-items:flex-start}
@media(max-width:390px){.dg-head{gap:6px;padding:11px}.dg-head-mascot{width:36px;flex-basis:36px}.dg-head-copy strong{font-size:13px}.dg-head-copy small{font-size:10px}.dg-language-label{max-width:86px}#dgLanguage{max-width:86px;font-size:10px}}