.qw-preview{min-height:635px;background:radial-gradient(ellipse at 50% 63%,#dff6eb 0,#f5f8f6 46%,#fff 76%);overflow:hidden}
.qw-avatar.qw-art{width:min(100%,370px);height:490px;aspect-ratio:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.qw-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(25,53,43,.13))}
.qw-art .qw-stage{position:absolute;z-index:-1;bottom:20px;left:13%;right:13%;height:34px;background:radial-gradient(ellipse,rgba(23,106,78,.35),transparent 70%);border-radius:50%}
.qw-art .qw-aura{inset:8% 7% 10%;border-radius:44%;background:radial-gradient(ellipse at center,rgba(32,180,134,.27),transparent 62%);filter:blur(14px);opacity:0}
.qw-art .qw-level{z-index:3;bottom:14px;left:50%;font-size:.88rem;padding:8px 23px;box-shadow:0 8px 22px rgba(35,42,39,.2)}
.qw-art .qw-spark{z-index:3;right:12%;top:18%;font-size:2.1rem;text-shadow:0 0 12px currentColor}
.qw-art .qw-spark-two{right:auto;left:12%;top:31%;font-size:1.4rem;opacity:0}
.qw-art.qw-tier-2 .qw-aura{opacity:.72}.qw-art.qw-tier-3 .qw-aura{opacity:1;background:radial-gradient(ellipse at center,rgba(0,168,107,.42),transparent 65%)}
.qw-art.qw-tier-4 .qw-aura{opacity:1;background:radial-gradient(ellipse at center,rgba(33,185,200,.48),transparent 65%)}
.qw-art.qw-tier-5 .qw-aura{opacity:1;background:radial-gradient(ellipse at center,rgba(242,207,121,.5),transparent 67%)}
.qw-art.qw-tier-3 .qw-spark-two,.qw-art.qw-tier-4 .qw-spark-two,.qw-art.qw-tier-5 .qw-spark-two{opacity:1}
.qw-art.qw-tier-2 img{filter:drop-shadow(0 0 10px rgba(32,180,134,.45)) drop-shadow(0 20px 20px rgba(25,53,43,.13))}
.qw-art.qw-tier-3 img{filter:drop-shadow(0 0 15px rgba(0,168,107,.6)) drop-shadow(0 20px 20px rgba(25,53,43,.13))}
.qw-art.qw-tier-4 img{filter:drop-shadow(0 0 19px rgba(33,185,200,.7)) drop-shadow(0 20px 20px rgba(25,53,43,.13))}
.qw-art.qw-tier-5 img{filter:drop-shadow(0 0 24px rgba(242,207,121,.72)) drop-shadow(0 20px 20px rgba(25,53,43,.13))}
.qw-art.qw-tier-2:hover .qw-aura,.qw-art.qw-tier-3:hover .qw-aura,.qw-art.qw-tier-4:hover .qw-aura,.qw-art.qw-tier-5:hover .qw-aura{animation:qw-breathe 2.2s ease-in-out infinite alternate}
@keyframes qw-breathe{to{transform:scale(1.1);opacity:.55}}
.qw-avatar.qw-art.qw-compact{width:58px;height:70px;border:0;background:#f5f8f6;border-radius:12px;box-shadow:none;overflow:hidden}
.qw-art.qw-compact img{height:100%;width:100%;object-fit:cover;object-position:50% 13%;filter:none;transform:scale(1.95) translateY(14%)}
.qw-art.qw-compact .qw-aura,.qw-art.qw-compact .qw-stage,.qw-art.qw-compact .qw-level,.qw-art.qw-compact .qw-spark{display:none}
.qw-job-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.qw-job-list button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:124px;padding:8px 4px;text-align:center;font-size:.84rem}
.qw-job-list button img{width:58px;height:75px;object-fit:cover;object-position:50% 14%;transform:scale(1.25);clip-path:inset(0 8% 0 8% round 8px)}
@media(max-width:1050px){.qw-job-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.qw-preview{min-height:540px}.qw-avatar.qw-art{width:min(100%,320px);height:430px}.qw-job-list{grid-template-columns:repeat(3,minmax(0,1fr))}.qw-job-list button{min-height:111px}}
@media(prefers-reduced-motion:reduce){.qw-art.qw-tier-2:hover .qw-aura,.qw-art.qw-tier-3:hover .qw-aura,.qw-art.qw-tier-4:hover .qw-aura,.qw-art.qw-tier-5:hover .qw-aura{animation:none}}

/* Ten visual ranks. The base portrait is preserved; level-specific artwork is used where available. */
.qw-art{--evo:#82958d;--halo:rgba(130,149,141,.19)}
.qw-evo-1{--evo:#20b486;--halo:rgba(32,180,134,.33)}
.qw-evo-2{--evo:#0eb88d;--halo:rgba(14,184,141,.39)}
.qw-evo-3{--evo:#00a86b;--halo:rgba(0,168,107,.47)}
.qw-evo-4{--evo:#00b5a4;--halo:rgba(0,181,164,.5)}
.qw-evo-5{--evo:#20bec3;--halo:rgba(32,190,195,.52)}
.qw-evo-6{--evo:#39a9dd;--halo:rgba(57,169,221,.54)}
.qw-evo-7{--evo:#7593ee;--halo:rgba(117,147,238,.55)}
.qw-evo-8{--evo:#d286dc;--halo:rgba(210,134,220,.57)}
.qw-evo-9{--evo:#e8bd65;--halo:rgba(232,189,101,.65)}
.qw-evo-10{--evo:#f2cf79;--halo:rgba(242,207,121,.77)}
.qw-avatar.qw-art{isolation:isolate}
.qw-art .qw-aura{z-index:-2;inset:3% 0 6%;opacity:1;background:radial-gradient(ellipse at 50% 54%,var(--halo),transparent 66%);filter:blur(12px)}
.qw-art .qw-magic-ring{position:absolute;z-index:-1;inset:7% 1% 6%;border:2px solid var(--evo);border-radius:47%;opacity:0;box-shadow:0 0 12px var(--evo),inset 0 0 16px var(--halo);pointer-events:none}
.qw-art.qw-evo-1 .qw-magic-ring{opacity:.24}
.qw-art.qw-evo-2 .qw-magic-ring{opacity:.38;border-style:dashed}
.qw-art.qw-evo-3 .qw-magic-ring{opacity:.52;border-width:3px}
.qw-art.qw-evo-4 .qw-magic-ring{opacity:.62;border-width:3px}
.qw-art.qw-evo-5 .qw-magic-ring{opacity:.72;border-width:4px;border-style:double}
.qw-art.qw-evo-6 .qw-magic-ring{opacity:.78;border-width:4px;border-style:double}
.qw-art.qw-evo-7 .qw-magic-ring{opacity:.84;border-width:5px;border-style:double}
.qw-art.qw-evo-8 .qw-magic-ring{opacity:.9;border-width:5px;border-style:double}
.qw-art.qw-evo-9 .qw-magic-ring{opacity:1;border-width:5px;border-style:double}
.qw-art.qw-evo-10 .qw-magic-ring{opacity:1;border-width:7px;border-style:double;box-shadow:0 0 16px var(--evo),0 0 36px var(--halo),inset 0 0 22px var(--halo)}
.qw-art .qw-magic-ring::before,.qw-art .qw-magic-ring::after{content:"";position:absolute;inset:-18px;border-radius:49%;pointer-events:none;opacity:0}
.qw-art.qw-evo-5 .qw-magic-ring::before,.qw-art.qw-evo-6 .qw-magic-ring::before,.qw-art.qw-evo-7 .qw-magic-ring::before,.qw-art.qw-evo-8 .qw-magic-ring::before,.qw-art.qw-evo-9 .qw-magic-ring::before,.qw-art.qw-evo-10 .qw-magic-ring::before{opacity:.76;background:conic-gradient(from 0deg,transparent 0 10%,var(--evo) 11% 12%,transparent 13% 29%,var(--evo) 30% 31%,transparent 32% 49%,var(--evo) 50% 51%,transparent 52% 69%,var(--evo) 70% 71%,transparent 72% 89%,var(--evo) 90% 91%,transparent 92%);-webkit-mask:radial-gradient(ellipse at center,transparent 56%,#000 58% 61%,transparent 63%);mask:radial-gradient(ellipse at center,transparent 56%,#000 58% 61%,transparent 63%);animation:qw-orbit 16s linear infinite}
.qw-art.qw-evo-8 .qw-magic-ring::after,.qw-art.qw-evo-9 .qw-magic-ring::after,.qw-art.qw-evo-10 .qw-magic-ring::after{opacity:.92;background:radial-gradient(circle at 50% 0,var(--evo) 0 4px,transparent 9px),radial-gradient(circle at 0 50%,var(--evo) 0 3px,transparent 8px),radial-gradient(circle at 100% 50%,var(--evo) 0 3px,transparent 8px),radial-gradient(circle at 50% 100%,var(--evo) 0 4px,transparent 9px);filter:drop-shadow(0 0 7px var(--evo));animation:qw-orbit 11s linear infinite reverse}
.qw-art .qw-spark{color:var(--evo)}
.qw-art .qw-spark-two{color:var(--evo)}
.qw-art .qw-spark-three{right:9%;top:53%;font-size:1.35rem;opacity:0}
.qw-art .qw-spark-four{left:9%;right:auto;top:62%;font-size:1.1rem;opacity:0}
.qw-art.qw-evo-4 .qw-spark-three,.qw-art.qw-evo-5 .qw-spark-three,.qw-art.qw-evo-6 .qw-spark-three,.qw-art.qw-evo-7 .qw-spark-three,.qw-art.qw-evo-8 .qw-spark-three,.qw-art.qw-evo-9 .qw-spark-three,.qw-art.qw-evo-10 .qw-spark-three{opacity:1}
.qw-art.qw-evo-7 .qw-spark-four,.qw-art.qw-evo-8 .qw-spark-four,.qw-art.qw-evo-9 .qw-spark-four,.qw-art.qw-evo-10 .qw-spark-four{opacity:1}
.qw-art:not(.qw-compact) img{animation:qw-idle 5.8s ease-in-out infinite;transform-origin:50% 85%}
.qw-art.qw-evo-3:not(.qw-compact) img,.qw-art.qw-evo-4:not(.qw-compact) img,.qw-art.qw-evo-5:not(.qw-compact) img{animation-duration:4.8s}
.qw-art.qw-evo-6:not(.qw-compact) img,.qw-art.qw-evo-7:not(.qw-compact) img,.qw-art.qw-evo-8:not(.qw-compact) img,.qw-art.qw-evo-9:not(.qw-compact) img,.qw-art.qw-evo-10:not(.qw-compact) img{animation-duration:4.1s}
.qw-art.qw-evo-3 .qw-magic-ring,.qw-art.qw-evo-4 .qw-magic-ring,.qw-art.qw-evo-5 .qw-magic-ring,.qw-art.qw-evo-6 .qw-magic-ring,.qw-art.qw-evo-7 .qw-magic-ring,.qw-art.qw-evo-8 .qw-magic-ring,.qw-art.qw-evo-9 .qw-magic-ring,.qw-art.qw-evo-10 .qw-magic-ring{animation:qw-ring-pulse 3.5s ease-in-out infinite}
.qw-art.qw-evo-6 .qw-spark,.qw-art.qw-evo-7 .qw-spark,.qw-art.qw-evo-8 .qw-spark,.qw-art.qw-evo-9 .qw-spark,.qw-art.qw-evo-10 .qw-spark{animation:qw-shimmer 2.1s ease-in-out infinite alternate}
.qw-art.qw-evo-10:not(.qw-compact) img{filter:drop-shadow(0 0 18px rgba(242,207,121,.8)) drop-shadow(0 0 36px rgba(32,180,134,.45)) drop-shadow(0 20px 22px rgba(25,53,43,.16))}
.qw-art .qw-costume-tint{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:.18;mix-blend-mode:screen;clip-path:polygon(27% 23%,74% 23%,91% 57%,75% 57%,82% 94%,18% 94%,25% 57%,11% 57%);filter:sepia(1) saturate(3) hue-rotate(65deg) brightness(1.2)!important}
.qw-art.qw-evo-2 .qw-costume-tint{opacity:.23;filter:sepia(1) saturate(3) hue-rotate(80deg) brightness(1.2)!important}
.qw-art.qw-evo-3 .qw-costume-tint{opacity:.27;filter:sepia(1) saturate(4) hue-rotate(105deg) brightness(1.2)!important}
.qw-art.qw-evo-4 .qw-costume-tint{opacity:.3;filter:sepia(1) saturate(4) hue-rotate(130deg) brightness(1.2)!important}
.qw-art.qw-evo-5 .qw-costume-tint{opacity:.34;filter:sepia(1) saturate(4) hue-rotate(155deg) brightness(1.2)!important}
.qw-art.qw-evo-6 .qw-costume-tint{opacity:.37;filter:sepia(1) saturate(4) hue-rotate(185deg) brightness(1.2)!important}
.qw-art.qw-evo-7 .qw-costume-tint{opacity:.4;filter:sepia(1) saturate(4) hue-rotate(225deg) brightness(1.2)!important}
.qw-art.qw-evo-8 .qw-costume-tint{opacity:.44;filter:sepia(1) saturate(4) hue-rotate(260deg) brightness(1.2)!important}
.qw-art.qw-evo-9 .qw-costume-tint{opacity:.48;filter:sepia(1) saturate(4) hue-rotate(315deg) brightness(1.2)!important}
.qw-art.qw-evo-10 .qw-costume-tint{opacity:.53;filter:sepia(1) saturate(4) hue-rotate(345deg) brightness(1.3)!important}
.qw-art.qw-compact .qw-magic-ring,.qw-art.qw-compact .qw-spark-three,.qw-art.qw-compact .qw-spark-four{display:none}
.qw-evolution{width:min(100%,360px);margin:14px auto 4px}
.qw-evolution-head{display:flex;justify-content:space-between;gap:12px;font-size:.89rem;color:#5e6965}
.qw-evolution-head strong{color:#007e51;font-size:1rem}
.qw-evolution-track{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:10px}
.qw-evolution-track span{height:7px;border-radius:10px;background:#dce5e0}
.qw-evolution-track span.active{background:#20b486;box-shadow:0 0 8px rgba(32,180,134,.4)}
.qw-evolution-track span:nth-child(7).active{background:#7593ee}.qw-evolution-track span:nth-child(8).active{background:#d286dc}.qw-evolution-track span:nth-child(9).active{background:#e8bd65}.qw-evolution-track span:nth-child(10).active{background:#f2cf79;box-shadow:0 0 10px rgba(242,207,121,.8)}
.qw-gallery-link{display:inline-block;margin-top:14px;color:#007e51;font-weight:750;text-underline-offset:4px}
@keyframes qw-idle{0%,100%{transform:translateY(0) rotate(0deg)}45%{transform:translateY(-5px) rotate(.4deg)}55%{transform:translateY(-5px) rotate(.4deg)}}
@keyframes qw-ring-pulse{0%,100%{transform:scale(.99);filter:brightness(.85)}50%{transform:scale(1.035);filter:brightness(1.45)}}
@keyframes qw-shimmer{from{transform:scale(.85) rotate(-8deg);filter:brightness(.75)}to{transform:scale(1.22) rotate(8deg);filter:brightness(1.7)}}
@keyframes qw-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.qw-art:not(.qw-compact) img,.qw-art .qw-magic-ring,.qw-art .qw-spark{animation:none!important}}
.qw-art .qw-figure{position:relative;z-index:1;display:block;width:100%;height:100%}
.qw-art:not(.qw-compact) img{animation:none!important}
.qw-art:not(.qw-compact) .qw-figure{animation:qw-idle 5.8s ease-in-out infinite;transform-origin:50% 85%}
.qw-art.qw-evo-3:not(.qw-compact) .qw-figure,.qw-art.qw-evo-4:not(.qw-compact) .qw-figure,.qw-art.qw-evo-5:not(.qw-compact) .qw-figure{animation-duration:4.8s}
.qw-art.qw-evo-6:not(.qw-compact) .qw-figure,.qw-art.qw-evo-7:not(.qw-compact) .qw-figure,.qw-art.qw-evo-8:not(.qw-compact) .qw-figure,.qw-art.qw-evo-9:not(.qw-compact) .qw-figure,.qw-art.qw-evo-10:not(.qw-compact) .qw-figure{animation-duration:4.1s}
@media(prefers-reduced-motion:reduce){.qw-art .qw-figure{animation:none!important}}
@media(prefers-reduced-motion:reduce){.qw-art .qw-magic-ring::before,.qw-art .qw-magic-ring::after{animation:none!important}}

/* Character-only elemental motion. Each decade grows the same effect system. */
.qw-art{--fx-scale:.4;--fx-bright:.55}
.qw-evo-1{--fx-scale:.52;--fx-bright:.64}.qw-evo-2{--fx-scale:.6;--fx-bright:.72}
.qw-evo-3{--fx-scale:.68;--fx-bright:.8}.qw-evo-4{--fx-scale:.76;--fx-bright:.86}
.qw-evo-5{--fx-scale:.84;--fx-bright:.92}.qw-evo-6{--fx-scale:.92;--fx-bright:1}
.qw-evo-7{--fx-scale:1;--fx-bright:1.08}.qw-evo-8{--fx-scale:1.09;--fx-bright:1.15}
.qw-evo-9{--fx-scale:1.17;--fx-bright:1.23}.qw-evo-10{--fx-scale:1.25;--fx-bright:1.32}
.qw-art .qw-fx{position:absolute;inset:0;z-index:2;pointer-events:none;transform:scale(var(--fx-scale));transform-origin:50% 72%;filter:brightness(var(--fx-bright))}
.qw-fx i{position:absolute;display:block;pointer-events:none;opacity:0}
.qw-art .qw-fx-wind{inset:10% 3% 17%;border:3px solid transparent;border-top-color:var(--evo);border-bottom-color:var(--evo);border-radius:48%;filter:drop-shadow(0 0 10px var(--evo));animation:qw-wind-sweep 5s ease-in-out infinite}
.qw-art .qw-fx-wind::after{content:"";position:absolute;inset:14% -6%;border:2px solid transparent;border-top-color:rgba(255,255,255,.9);border-radius:50%;transform:rotate(-24deg)}
.qw-art .qw-fx-wave{left:1%;right:1%;bottom:9%;height:35%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 19px,var(--evo) 21px 23px,transparent 26px 38px);-webkit-mask:linear-gradient(to top,#000,transparent 72%);mask:linear-gradient(to top,#000,transparent 72%);filter:drop-shadow(0 0 9px var(--evo));animation:qw-wave-rise 4.4s ease-in-out infinite}
.qw-art .qw-fx-flame{left:4%;right:4%;bottom:11%;height:49%;background:radial-gradient(ellipse at 21% 85%,var(--evo),transparent 45%),radial-gradient(ellipse at 77% 88%,var(--evo),transparent 43%),linear-gradient(to top,var(--halo),transparent 80%);clip-path:polygon(0 100%,5% 54%,13% 74%,19% 25%,26% 61%,34% 13%,42% 66%,50% 30%,56% 68%,65% 8%,72% 69%,82% 26%,90% 70%,96% 46%,100% 100%);filter:blur(3px) drop-shadow(0 0 17px var(--evo));animation:qw-flame-dance 2.7s ease-in-out infinite alternate}
.qw-art .qw-fx-shock{display:none;left:12%;right:12%;bottom:7%;height:19%;border:4px solid var(--evo);border-radius:50%;box-shadow:0 0 12px var(--evo),inset 0 0 14px var(--evo);animation:qw-shock-wave 3.5s ease-out infinite}
.qw-art .qw-fx-particles{inset:4%;background:radial-gradient(circle at 12% 26%,#fff 0 2px,transparent 5px),radial-gradient(circle at 86% 20%,var(--evo) 0 3px,transparent 6px),radial-gradient(circle at 5% 61%,var(--evo) 0 3px,transparent 6px),radial-gradient(circle at 91% 64%,#fff 0 2px,transparent 6px),radial-gradient(circle at 27% 9%,var(--evo) 0 2px,transparent 5px),radial-gradient(circle at 72% 89%,#fff 0 2px,transparent 5px);filter:drop-shadow(0 0 9px var(--evo));animation:qw-particle-drift 3.8s ease-in-out infinite alternate}
.qw-evo-1 .qw-fx-particles,.qw-evo-2 .qw-fx-particles,.qw-evo-3 .qw-fx-particles,.qw-evo-4 .qw-fx-particles,.qw-evo-5 .qw-fx-particles,.qw-evo-6 .qw-fx-particles,.qw-evo-7 .qw-fx-particles,.qw-evo-8 .qw-fx-particles,.qw-evo-9 .qw-fx-particles,.qw-evo-10 .qw-fx-particles{opacity:.4}
.qw-evo-2 .qw-fx-wind,.qw-evo-3 .qw-fx-wind{opacity:.24}
.qw-evo-4 .qw-fx-wind,.qw-evo-5 .qw-fx-wind{opacity:.45}
.qw-evo-6 .qw-fx-wind,.qw-evo-7 .qw-fx-wind,.qw-evo-8 .qw-fx-wind,.qw-evo-9 .qw-fx-wind,.qw-evo-10 .qw-fx-wind{opacity:.72}
.qw-evo-4 .qw-fx-wave,.qw-evo-5 .qw-fx-wave{opacity:.3}
.qw-evo-6 .qw-fx-wave,.qw-evo-7 .qw-fx-wave{opacity:.52}
.qw-evo-8 .qw-fx-wave,.qw-evo-9 .qw-fx-wave,.qw-evo-10 .qw-fx-wave{opacity:.8}
.qw-evo-6 .qw-fx-flame,.qw-evo-7 .qw-fx-flame{opacity:.25}
.qw-evo-8 .qw-fx-flame,.qw-evo-9 .qw-fx-flame{opacity:.48}
.qw-evo-10 .qw-fx-flame{opacity:.66}
.qw-evo-8 .qw-fx-shock,.qw-evo-9 .qw-fx-shock,.qw-evo-10 .qw-fx-shock{display:block}
.qw-art.qw-platinum{--evo:#f9f4dc;--halo:rgba(191,244,247,.93);--fx-scale:1.34;--fx-bright:1.45}
.qw-art.qw-platinum .qw-magic-ring{border-color:#fdfaf0;box-shadow:0 0 18px #fff,0 0 42px #86eae3,inset 0 0 24px #fff}
.qw-art.qw-platinum .qw-aura{background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.82),rgba(114,225,226,.36) 35%,transparent 70%);filter:blur(20px)}
.qw-art.qw-platinum .qw-fx-flame{background:radial-gradient(ellipse at 20% 85%,#d9ffff,transparent 45%),radial-gradient(ellipse at 80% 86%,#fff2c4,transparent 42%),linear-gradient(to top,rgba(169,248,255,.6),transparent 80%)}
.qw-art.qw-platinum .qw-fx-particles{opacity:1;filter:drop-shadow(0 0 14px white)}
.qw-art.qw-platinum .qw-level{background:linear-gradient(120deg,#edfaff,#fff5d5);color:#26312d;border:1px solid #fff;box-shadow:0 0 22px #fff,0 0 34px #9ff3ef}
.qw-art.qw-platinum .qw-portrait{-webkit-mask-image:radial-gradient(ellipse 84% 78% at 50% 47%,#000 52%,transparent 93%);mask-image:radial-gradient(ellipse 84% 78% at 50% 47%,#000 52%,transparent 93%)}
.qw-art.qw-platinum .qw-magic-ring{z-index:3}
.qw-platinum-option{display:flex;align-items:center;gap:10px;width:fit-content;margin:18px 0 10px;padding:12px 16px;border:1px solid #bcebd6;border-radius:13px;background:linear-gradient(120deg,#f5fcfa,#fffaf0);font-weight:700;color:#26312d;cursor:pointer}
.qw-platinum-option[hidden]{display:none}.qw-platinum-option input{accent-color:#20b486;width:19px;height:19px}
.qw-preview .qw-effect-readout{width:fit-content;margin:9px auto 0;padding:6px 12px;border-radius:999px;background:#eaf8f1;color:#007e51;font-weight:750;font-size:.9rem}
.qw-preview:has(.qw-platinum) .qw-effect-readout{background:#eaf7f7;color:#305c5f;box-shadow:0 0 16px rgba(169,248,255,.55)}
.qw-art.qw-compact .qw-fx{display:none}
@keyframes qw-wind-sweep{0%,100%{transform:rotate(-16deg) scale(.96)}50%{transform:rotate(18deg) scale(1.05)}}
@keyframes qw-wave-rise{0%,100%{transform:translateY(8px) scaleX(.93);filter:blur(1px)}50%{transform:translateY(-10px) scaleX(1.06);filter:blur(0)}}
@keyframes qw-flame-dance{0%{transform:translateY(6px) scaleX(.96) skewX(-4deg)}100%{transform:translateY(-8px) scaleX(1.05) skewX(4deg)}}
@keyframes qw-shock-wave{0%{transform:scale(.65);opacity:0}35%{opacity:.75}100%{transform:scale(1.35);opacity:0}}
@keyframes qw-particle-drift{from{transform:translateY(6px) rotate(-5deg)}to{transform:translateY(-13px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.qw-art .qw-fx i{animation:none!important}.qw-art .qw-fx-shock{opacity:.35!important}}

/* Persistent, compact character card and profile preview. These are local design demos. */
.qw-floating-profile{position:fixed;z-index:22;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;width:245px;min-height:112px;padding:10px;border:1px solid #cde8da;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(35,42,39,.13);backdrop-filter:blur(12px)}
.qw-floating-art{position:relative;flex:0 0 68px;height:90px;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 50% 40%,#eaf8f1,#f5f8f6 75%)}
.qw-floating-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 10%;transform:scale(1.35) translateY(8%);animation:qw-card-idle 3.8s ease-in-out infinite}
.qw-floating-tool,.qw-my-motion,.qw-demo-tool{position:absolute;z-index:3;right:3px;bottom:6px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #bcebd6;border-radius:9px;background:#fff;font-size:18px;box-shadow:0 4px 12px rgba(0,126,81,.18)}
.qw-floating-copy{min-width:0}.qw-floating-copy small,.qw-floating-copy span{display:block;color:#5e6965;font-size:10px;line-height:1.25}.qw-floating-copy strong{display:block;margin:4px 0;font-size:13px;color:#232a27;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qw-floating-copy em{font-style:normal;color:#007e51}.qw-floating-actions{display:flex;gap:7px;margin-top:7px}.qw-floating-actions a,.qw-floating-actions button{border:0;background:none;padding:2px 0;color:#007e51;font:inherit;font-size:10px;font-weight:750;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.qw-floating-actions a:focus-visible,.qw-floating-actions button:focus-visible{outline:3px solid #20b486;outline-offset:3px;border-radius:3px}
.qw-my-profile{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:center;margin-top:40px;padding:24px;border:1px solid #e2e9e5;border-radius:22px;background:#fff}.qw-my-profile h2{margin:7px 0 10px}.qw-my-profile p{color:#5e6965;line-height:1.6}.qw-my-profile p strong{color:#232a27}.qw-my-profile .sg-button{display:inline-flex;margin-top:5px}.qw-my-profile-art{position:relative;display:grid;place-items:center;overflow:hidden;min-height:280px;border-radius:18px;background:radial-gradient(circle,#eaf8f1,#f5f8f6 67%,#fff)}.qw-my-profile-art .qw-avatar.qw-art{width:205px;height:265px}.qw-my-profile-art .qw-art .qw-level{bottom:8px}.qw-my-motion{right:20px;bottom:23px;width:44px;height:44px;font-size:28px}
.qw-level-demo{width:min(92vw,480px);max-height:92vh;padding:0;border:1px solid #bcebd6;border-radius:24px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.3)}.qw-level-demo::backdrop{background:rgba(24,39,33,.68)}.qw-level-demo-head{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;background:linear-gradient(125deg,#26312d,#1c7055);color:#f2cf79;font-weight:900;letter-spacing:.14em}.qw-level-demo-head button{border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.qw-level-demo-body{text-align:center;padding:14px 26px 30px}.qw-level-demo-body h2{margin:12px 0;color:#232a27}.qw-level-demo-body p{color:#5e6965;line-height:1.6}.qw-level-demo-body .sg-button{margin-top:10px;border:0;cursor:pointer}.qw-level-demo-avatar{position:relative;display:grid;place-items:center;height:290px;background:radial-gradient(circle,#eaf8f1,transparent 69%)}.qw-level-demo-avatar .qw-avatar.qw-art{width:215px;height:285px}.qw-demo-tool{right:15%;bottom:16%;width:50px;height:50px;font-size:29px}
.qw-motion-drill .qw-floating-tool,.qw-motion-drill .qw-my-motion,.qw-motion-drill.qw-demo-tool{animation:qw-tool-drill .28s linear infinite alternate}.qw-motion-type .qw-floating-tool,.qw-motion-type .qw-my-motion,.qw-motion-type.qw-demo-tool{animation:qw-tool-type .65s ease-in-out infinite}.qw-motion-lift .qw-floating-tool,.qw-motion-lift .qw-my-motion,.qw-motion-lift.qw-demo-tool{animation:qw-tool-lift 1.3s ease-in-out infinite}.qw-motion-draw .qw-floating-tool,.qw-motion-draw .qw-my-motion,.qw-motion-draw.qw-demo-tool{animation:qw-tool-draw 1.8s ease-in-out infinite}.qw-motion-snap .qw-floating-tool,.qw-motion-snap .qw-my-motion,.qw-motion-snap.qw-demo-tool{animation:qw-tool-snap 2s ease-in-out infinite}.qw-motion-sway .qw-floating-tool,.qw-motion-sway .qw-my-motion,.qw-motion-sway.qw-demo-tool{animation:qw-tool-sway 2s ease-in-out infinite}
@keyframes qw-card-idle{50%{transform:scale(1.38) translateY(5%)}}@keyframes qw-tool-drill{to{transform:translate(2px,-2px) rotate(-8deg)}}@keyframes qw-tool-type{50%{transform:translateY(3px) scale(.94)}}@keyframes qw-tool-lift{50%{transform:translateY(-8px) rotate(-6deg)}}@keyframes qw-tool-draw{50%{transform:translate(5px,-5px) rotate(14deg)}}@keyframes qw-tool-snap{46%,55%{transform:scale(1.2);filter:brightness(1.5)}}@keyframes qw-tool-sway{50%{transform:rotate(13deg)}}
@media(max-width:640px){.qw-floating-profile{left:10px;bottom:79px;width:185px;min-height:82px;padding:6px;gap:5px;border-radius:14px}.qw-floating-art{flex-basis:54px;height:68px}.qw-floating-copy strong{font-size:11px}.qw-floating-copy span{display:none}.qw-floating-actions{margin-top:3px}.qw-floating-actions a,.qw-floating-actions button{font-size:9px}.qw-my-profile{grid-template-columns:1fr;padding:18px}.qw-my-profile-art{min-height:250px}}
@media(prefers-reduced-motion:reduce){.qw-floating-art img,.qw-floating-tool,.qw-my-motion,.qw-demo-tool{animation:none!important}}
.qw-level-demo-avatar{height:320px;margin-bottom:10px}.qw-level-demo-avatar .qw-avatar.qw-art{width:205px;height:270px}
.qw-avatar-motion{position:absolute;z-index:4;right:0;top:57%;display:grid;place-items:center;width:54px;height:54px;border:1px solid #bcebd6;border-radius:15px;background:rgba(255,255,255,.88);font-size:31px;box-shadow:0 7px 22px rgba(0,126,81,.2);backdrop-filter:blur(5px)}.qw-art.qw-compact .qw-avatar-motion{display:none}.qw-avatar-motion.qw-motion-drill{animation:qw-tool-drill .28s linear infinite alternate}.qw-avatar-motion.qw-motion-type{animation:qw-tool-type .65s ease-in-out infinite}.qw-avatar-motion.qw-motion-lift{animation:qw-tool-lift 1.3s ease-in-out infinite}.qw-avatar-motion.qw-motion-draw{animation:qw-tool-draw 1.8s ease-in-out infinite}.qw-avatar-motion.qw-motion-snap{animation:qw-tool-snap 2s ease-in-out infinite}.qw-avatar-motion.qw-motion-sway{animation:qw-tool-sway 2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.qw-avatar-motion{animation:none!important}}
.qw-placement{margin-top:70px;padding:34px;border:1px solid #e2e9e5;border-radius:24px;background:#f5f8f6}.qw-placement h2{margin:8px 0 5px;font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.04em}.qw-placement>div>p{color:#5e6965}.qw-placement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.qw-placement-grid article{border:1px solid #e2e9e5;border-radius:16px;padding:20px;background:#fff}.qw-placement-grid article>span{color:#007e51;font-weight:800}.qw-placement-grid h3{margin:8px 0;font-size:1.05rem}.qw-placement-grid p{margin:0;color:#5e6965;line-height:1.55;font-size:.92rem}.qw-placement>.sg-button{border:0;cursor:pointer}
@media(max-width:750px){.qw-placement{padding:22px}.qw-placement-grid{grid-template-columns:1fr}}
.qw-custom-art .qw-portrait,.qw-custom-art.qw-platinum .qw-portrait{-webkit-mask-image:radial-gradient(ellipse 61% 58% at 50% 49%,#000 60%,transparent 98%);mask-image:radial-gradient(ellipse 61% 58% at 50% 49%,#000 60%,transparent 98%)}.qw-custom-art .qw-costume-tint{display:none}
.qw-job-list button[data-qw-job=nail] img,.qw-job-list button[data-qw-job=petsitter] img,.qw-job-list button[data-qw-job=freelance] img{-webkit-mask-image:radial-gradient(ellipse 64% 61% at 50% 46%,#000 53%,transparent 100%);mask-image:radial-gradient(ellipse 64% 61% at 50% 46%,#000 53%,transparent 100%)}
.qw-floating-art{border:0;cursor:pointer;padding:0}.qw-floating-art:focus-visible{outline:3px solid #20b486;outline-offset:2px}.qw-floating-level{position:absolute;z-index:5;left:3px;top:4px;padding:2px 4px;border-radius:5px;background:rgba(35,42,39,.85);color:#fff;font-size:9px;font-weight:800}
@media(max-width:640px){.qw-floating-profile{width:68px;min-height:84px;padding:5px}.qw-floating-art{flex:1 0 56px;width:56px;height:70px}.qw-floating-copy{display:none}.qw-floating-profile.is-open{width:215px}.qw-floating-profile.is-open .qw-floating-art{flex:0 0 56px}.qw-floating-profile.is-open .qw-floating-copy{display:block}}
.qw-avatar-motion svg,.qw-floating-tool svg,.qw-my-motion svg,.qw-demo-tool svg{width:100%;height:100%;max-width:38px;max-height:38px}.qw-floating-tool svg{max-width:25px;max-height:25px}.qw-motion-drill svg .bit{transform-origin:65px 32px;animation:qw-drill-bit .18s linear infinite alternate}@keyframes qw-drill-bit{to{transform:translateX(2px)}}@media(prefers-reduced-motion:reduce){.qw-motion-drill svg .bit{animation:none}}

/* Compact white-stage character, light 2.5D pointer motion, and editable placement. */
.qw-preview{min-height:510px;background:#fff;border:1px solid #e2e9e5;box-shadow:0 16px 40px rgba(35,42,39,.045);overflow:hidden}
.qw-preview [data-qw-avatar]{display:grid;place-items:center;min-height:370px;margin-bottom:49px;perspective:850px;transform:rotateX(var(--qw-tilt-x,0deg)) rotateY(var(--qw-tilt-y,0deg));transition:transform .22s ease-out}
.qw-preview .qw-avatar.qw-art{display:block;width:min(100%,275px);height:355px}
.qw-preview .qw-avatar-motion{width:43px;height:43px;font-size:25px;right:2%;top:59%}
.qw-preview .qw-avatar-motion svg{max-width:31px;max-height:31px}
.qw-preview .qw-art .qw-aura{filter:blur(9px);opacity:.7}
.qw-preview .qw-art .qw-portrait{-webkit-mask-image:none;mask-image:none;border-radius:12px}
.qw-preview .qw-art .qw-magic-ring{display:none}
.qw-preview .qw-art .qw-fx{z-index:0}
.qw-preview .qw-art .qw-figure{z-index:1}
.qw-preview .qw-art .qw-level{bottom:-41px}
.qw-preview .qw-art .qw-stage{height:20px;bottom:18px}
.qw-preview>strong{font-size:1.35rem}
.qw-level-guide{margin-top:80px;padding:0 0 18px;border-bottom:1px solid #e2e9e5}
.qw-level-guide-head h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.045em;margin:8px 0}
.qw-level-guide-head p,.qw-level-example p{color:#5e6965;line-height:1.65}
.qw-level-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.qw-level-steps article{position:relative;padding:21px 22px;border:1px solid #e2e9e5;border-radius:20px;background:#fff}
.qw-level-step-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#eaf8f1;font-size:1.55rem}
.qw-level-steps small{display:block;margin-top:12px;color:#007e51;font-weight:800;letter-spacing:.08em}
.qw-level-steps h3{font-size:1.1rem;margin:5px 0}.qw-level-steps p{color:#5e6965;margin:0;line-height:1.6}
.qw-level-example{display:flex;align-items:center;gap:18px;padding:16px 22px;border-radius:19px;background:#f5f8f6}
.qw-level-example img{flex:0 0 77px;width:77px;height:87px;object-fit:cover;object-position:50% 15%;border-radius:12px;background:#fff;-webkit-mask-image:radial-gradient(ellipse 74% 70% at 50% 47%,#000 56%,transparent 100%);mask-image:radial-gradient(ellipse 74% 70% at 50% 47%,#000 56%,transparent 100%)}
.qw-level-example strong{color:#232a27}.qw-level-example p{font-size:.93rem;margin:6px 0 0}
.qw-placement{margin-top:64px;background:#fff}
.qw-placement-workspace{position:relative;height:225px;margin:25px 0 18px;padding:24px;border:1px solid #e2e9e5;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbf9);overflow:hidden}
.qw-place-header{font-size:12px;color:#007e51;font-weight:850;letter-spacing:.1em}.qw-place-line{display:block;width:43%;height:12px;margin-top:18px;border-radius:99px;background:#e2e9e5}.qw-place-line.short{width:29%;margin-top:9px}
.qw-place-mini{position:absolute;bottom:14px;left:18px;display:flex;align-items:center;gap:5px;width:155px;min-height:66px;padding:5px 8px;border:1px solid #bcebd6;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(35,42,39,.11);transition:left .25s,right .25s,transform .25s}
.qw-place-mini img{width:43px;height:55px;object-fit:cover;object-position:50% 15%;border-radius:8px}.qw-place-mini span{font-size:11px;font-weight:750;color:#303734}
.qw-placement-workspace[data-position=right] .qw-place-mini{left:auto;right:18px}
.qw-placement-choices{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0;padding:0;border:0}.qw-placement-choices legend{font-weight:750;color:#303734;margin-bottom:10px}.qw-placement-choices label{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid #dce5e0;border-radius:12px;cursor:pointer}.qw-placement-choices label:has(input:checked){border-color:#00a86b;background:#eaf8f1}.qw-placement-choices input{accent-color:#20b486}
.qw-placement-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:19px}.qw-placement-actions .sg-button{border:0;cursor:pointer}.qw-placement-actions a:not(.sg-button){color:#007e51;font-weight:750;text-underline-offset:3px}.qw-placement-status{color:#5e6965;font-size:.92rem}
.qw-floating-profile.qw-pos-right{left:auto;right:18px}
.qw-floating-profile{width:205px;min-height:92px;padding:8px}.qw-floating-art{flex-basis:56px;height:74px}.qw-floating-copy strong{font-size:12px}.qw-floating-actions{margin-top:5px}
@media(max-width:850px){.qw-preview{min-height:480px}}
@media(max-width:640px){.qw-preview{min-height:470px;padding:20px}.qw-preview [data-qw-avatar]{min-height:310px}.qw-preview .qw-avatar.qw-art{width:min(100%,245px);height:315px}.qw-level-steps{grid-template-columns:1fr}.qw-level-example{align-items:flex-start}.qw-placement-workspace{height:200px}.qw-floating-profile{width:58px;min-height:72px;padding:4px;bottom:148px}.qw-floating-art{flex:1 0 48px;width:48px;height:62px}.qw-floating-profile.is-open{width:198px}.qw-floating-profile.is-open .qw-floating-art{flex-basis:48px}.qw-floating-profile.qw-pos-right{left:auto;right:10px;bottom:148px}}
@media(prefers-reduced-motion:reduce){.qw-preview [data-qw-avatar],.qw-place-mini{transition:none;transform:none!important}}

/* Keep the full-size character inside its own level-up stage. The shared avatar
   grid otherwise lets an intrinsic portrait stretch beyond the dialog content. */
.qw-level-demo{max-height:min(92dvh,780px);overflow:auto}
.qw-level-demo-avatar{height:270px;margin:0 auto 12px;isolation:isolate}
.qw-level-demo-avatar .qw-avatar.qw-art{display:block;width:190px;height:250px}
.qw-level-demo-avatar .qw-figure{position:relative;display:block;width:100%;height:100%;min-height:0;overflow:hidden}
.qw-level-demo-avatar .qw-figure img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.qw-level-demo-avatar .qw-level{bottom:4px}
.qw-level-demo-avatar .qw-demo-tool{right:17%;bottom:13%;width:38px;height:38px;font-size:22px}
.qw-level-demo-body h2,.qw-level-demo-body p,.qw-level-demo-body>.sg-button{position:relative;z-index:2}
@media(max-width:640px){.qw-level-demo{width:min(92vw,440px)}.qw-level-demo-avatar{height:220px}.qw-level-demo-avatar .qw-avatar.qw-art{width:162px;height:207px}.qw-level-demo-body{padding:12px 20px 24px}.qw-level-demo-body h2{font-size:clamp(1.4rem,6vw,1.9rem)}.qw-level-demo-avatar .qw-demo-tool{right:12%;bottom:10%}}

/* The character stays visible without covering report rows or the chat launcher.
   Its details appear only after the user explicitly opens the small dock. */
@media(min-width:641px){.qw-floating-profile{width:74px;min-height:90px;padding:7px}.qw-floating-art{flex:1 0 58px;width:58px;height:74px}.qw-floating-copy{display:none}.qw-floating-profile.is-open{width:205px}.qw-floating-profile.is-open .qw-floating-art{flex:0 0 56px}.qw-floating-profile.is-open .qw-floating-copy{display:block}.qw-floating-profile.qw-pos-right{bottom:98px}}
body:has(dialog[open]) .qw-floating-profile,body:has(dialog[open]) .floating-chat,body:has(dialog[open]) .mobile-cta{visibility:hidden}