/* JW Quest V36.27 — profile sharing, multilingual pending UI, and subtle theme-safe ornaments. */
:root{--jwq-ornament-opacity:.18;--jwq-ornament-filter:none}
html[data-jwq-theme="dark"],html[data-jwq-palette-mode="dark"]{--jwq-ornament-opacity:.10;--jwq-ornament-filter:brightness(1.4)}
@media(prefers-color-scheme:dark){html:not([data-jwq-theme="light"]):not([data-jwq-palette-mode="light"]){--jwq-ornament-opacity:.10;--jwq-ornament-filter:brightness(1.4)}}
/* The ornament layer is not interactive and never sits above copy/buttons. */
:is(.welcome,.profile,.jwq-avatar-section,.learningProfile){position:relative;isolation:isolate}
:is(.welcome,.profile,.jwq-avatar-section,.learningProfile)::after{content:"";position:absolute;right:6px;top:6px;width:104px;height:100px;background:url("assets/jwq-olive-ornament.svg") center/contain no-repeat;opacity:var(--jwq-ornament-opacity);filter:var(--jwq-ornament-filter);pointer-events:none;z-index:0}
:is(.welcome,.profile,.jwq-avatar-section,.learningProfile)>*{position:relative;z-index:1}
.profile::after{width:117px;height:110px;right:2px;top:4px}
.jwq-avatar-section::after{width:75px;height:70px;top:auto;bottom:3px;right:5px}
.learningProfile::after{width:80px;height:77px;top:auto;bottom:6px;right:7px}
/* Gentle linework on the large header surface, with all type kept readable. */
.profile{background-image:url("assets/jwq-arch-ornament.svg"),linear-gradient(135deg,var(--card,#fff),var(--soft,#eef5ff))!important;background-repeat:no-repeat!important;background-position:center top,center!important;background-size:100% 116px,cover!important}
html[data-jwq-palette]:not([data-jwq-palette="jwquest"]) .profile{background-image:url("assets/jwq-arch-ornament.svg"),linear-gradient(145deg,var(--card),var(--soft))!important;background-color:var(--card)!important;background-repeat:no-repeat!important;background-position:center top,center!important;background-size:100% 116px,cover!important}
/* Profile avatar speaks: the green WhatsApp bubble grows from its upper-right side. */
.profile .jwq-avatar-portrait-wrap{z-index:3!important;isolation:visible!important;transform:translateX(-23px)}
.profile #profileShareBtn{position:absolute!important;z-index:7!important;left:calc(100% - 17px)!important;right:auto!important;top:1px!important;bottom:auto!important;width:142px!important;max-width:142px!important;min-width:0!important;min-height:64px!important;height:auto!important;margin:0!important;padding:10px 9px!important;border:1px solid #b2dfc3!important;border-radius:17px 17px 17px 4px!important;background:#eaf8ef!important;color:#205c43!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;box-shadow:0 8px 20px #1c49331c!important;transform:none!important;text-align:center!important;cursor:pointer}
.profile #profileShareBtn:before{content:"";position:absolute;left:-9px;bottom:12px;width:14px;height:14px;transform:rotate(45deg);background:#eaf8ef;border-left:1px solid #b2dfc3;border-bottom:1px solid #b2dfc3;z-index:-1}
.profile #profileShareBtn img{display:block!important;width:25px!important;height:25px!important;flex-shrink:0!important}
.profile #profileShareBtn .jwq-share-bubble{font:800 10.5px/1.28 system-ui,-apple-system,sans-serif!important;display:block!important;max-width:122px!important;margin:0!important;text-align:center!important;color:inherit!important}
.profile #profileShareBtn .jwq-share-heart{color:#db2639!important;white-space:nowrap!important}
.profile #profileShareBtn:focus-visible{outline:3px solid #3585b1!important;outline-offset:3px!important}
html[data-jwq-theme="dark"] .profile #profileShareBtn,html[data-jwq-palette-mode="dark"] .profile #profileShareBtn{background:#203f35!important;color:#d0f3dc!important;border-color:#476b59!important}
html[data-jwq-theme="dark"] .profile #profileShareBtn:before,html[data-jwq-palette-mode="dark"] .profile #profileShareBtn:before{background:#203f35;border-color:#476b59}
@media(max-width:390px){.profile .jwq-avatar-portrait-wrap{transform:translateX(-30px)}.profile #profileShareBtn{left:calc(100% - 22px)!important;width:121px!important;max-width:121px!important;min-height:65px!important;padding:7px 6px!important}.profile #profileShareBtn .jwq-share-bubble{font-size:9.5px!important;max-width:107px!important}.profile #profileShareBtn img{width:23px!important;height:23px!important}}
@media(max-width:340px){.profile .jwq-avatar-portrait-wrap{transform:translateX(-32px)}.profile #profileShareBtn{left:calc(100% - 34px)!important;width:105px!important;max-width:105px!important}.profile #profileShareBtn .jwq-share-bubble{font-size:9px!important}}
/* Meaningful text replaces empty mini-cards and the profile's generic shimmer. */
.jwq-loading-copy{font:650 11px/1.45 system-ui,-apple-system,sans-serif;color:var(--muted,#617389)!important;opacity:.9}
.jwq-v36-home-tools .jwq-v36-tool .jwq-loading-copy{font-size:10px!important;display:block;overflow:visible;-webkit-line-clamp:unset}
.jwq-v36-home-tools.jwq-is-loading .jwq-v36-tool{min-height:110px}
.jwq-v36-home-tools.jwq-is-loading .jwq-loading-copy:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue,#567c8c);display:inline-block;margin-right:7px;vertical-align:middle;animation:jwq-loading-dot 1.3s ease-in-out infinite alternate}
@keyframes jwq-loading-dot{from{opacity:.35}to{opacity:1}}
.jwq-profile-skeleton{display:flex;align-items:center;justify-content:center;gap:9px;height:110px;background:var(--card,#fff)!important;border-color:var(--line,#dce8fb)!important;animation:none!important}
.jwq-profile-skeleton .jwq-loading-copy{font-size:12px}
html[data-jwq-palette]:not([data-jwq-palette="jwquest"]) .jwq-profile-skeleton{color:var(--text)}
@media(prefers-reduced-motion:reduce){.jwq-v36-home-tools.jwq-is-loading .jwq-loading-copy:before{animation:none}}

/* V36.26 used an overly broad default-dark selector. Restore intended light appearance
   while allowing both explicit dark themes and OS dark mode to remain dark. */
@media(prefers-color-scheme:light){
 html:not([data-jwq-theme="dark"]):not([data-jwq-palette-mode="dark"]) .jwq-avatar-section{background:linear-gradient(155deg,var(--card,#fff),var(--soft,#f8fbf8))!important;border-color:var(--line,#e5e8da)!important}
 html:not([data-jwq-theme="dark"]):not([data-jwq-palette-mode="dark"]) .jwq-avatar-heading h3,html:not([data-jwq-theme="dark"]):not([data-jwq-palette-mode="dark"]) .jwq-avatar-option{color:var(--text,#243348)!important}
 html:not([data-jwq-theme="dark"]):not([data-jwq-palette-mode="dark"]) .jwq-avatar-option[aria-pressed="true"]{background:var(--soft,#e8f4e9)!important;color:var(--blue,#286a48)!important}
}
html[data-jwq-theme="light"] .jwq-avatar-section,html[data-jwq-palette-mode="light"] .jwq-avatar-section{background:linear-gradient(155deg,var(--card,#fff),var(--soft,#f8fbf8))!important;border-color:var(--line,#e5e8da)!important}
html[data-jwq-theme="light"] :is(.jwq-avatar-heading h3,.jwq-avatar-option),html[data-jwq-palette-mode="light"] :is(.jwq-avatar-heading h3,.jwq-avatar-option){color:var(--text,#243348)!important}

/* Small repeating flourishes on sections beyond the home/profile, without obscuring questions. */
:is(.article,.stage,.sbox){position:relative;isolation:isolate}
:is(.article,.stage,.sbox)::after{content:"";position:absolute;right:5px;bottom:5px;width:65px;height:60px;pointer-events:none;opacity:calc(var(--jwq-ornament-opacity) * .55);filter:var(--jwq-ornament-filter);background:url("assets/jwq-olive-ornament.svg") center/contain no-repeat;z-index:0}
:is(.article,.stage,.sbox)>*{position:relative;z-index:1}