/* The welcome decoration occupies its own reading-free, full-width diorama. */
html[data-theme] #copiloto #messages[data-conversation-scenery=welcome]{height:auto;min-height:0;max-height:none;overflow:visible;padding:4px 0 0}
html[data-theme] #copiloto #messages::before{display:none!important}
html[data-theme] #copiloto .conversation-scene.world-model-nook{display:block;position:relative;width:100%;height:210px;inset:auto;margin:4px 0 2px;opacity:1;border:1px solid color-mix(in srgb,var(--theme-accent) 24%,var(--theme-edge));border-radius:17px;overflow:hidden;isolation:isolate;background:#111820;contain:layout paint;pointer-events:none}
#messages[data-conversation-scenery=chat] .conversation-scene{display:none!important}
.conversation-scene-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#090f20a8,#090f2020 65%),url('/wp-content/uploads/2026/10/theme-scenes-atlas-v1.png');background-size:100% 100%,400% 200%;background-position:0 0,var(--scene-x,0%) var(--scene-y,0%);filter:saturate(.82);transform:scale(1.02)}
.conversation-scene:before{content:'';position:absolute;inset:0;z-index:1;box-shadow:inset 0 1px #fff1,inset 0 -32px 38px #03050c8c;background:linear-gradient(180deg,#070b1505,#070b1510 50%,#070b1538);pointer-events:none}
.conversation-scene:after{content:'';position:absolute;inset:auto 10% 0;height:30%;z-index:1;background:radial-gradient(ellipse at 65% 100%,color-mix(in srgb,var(--theme-accent) 13%,transparent),transparent 70%);filter:blur(10px)}
.conversation-scene-copy{position:absolute;z-index:2;left:18px;top:18px;width:35%;color:#fff;line-height:1.5;text-shadow:0 2px 8px #0009}
.conversation-scene-copy small{display:block;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-accent) 70%,white);margin-bottom:7px}
.conversation-scene-copy strong{font:600 clamp(1.02rem,1.8vw,1.22rem)/1.25 Manrope,system-ui;letter-spacing:-.03em}
.conversation-scene-copy:after{content:'';display:block;width:25px;height:1px;background:var(--theme-accent);opacity:.65;margin-top:15px}
.conversation-scene-light{position:absolute;inset:-30% -10%;z-index:1;transform-origin:50% 0;background:conic-gradient(from 150deg at 70% 0,transparent 0deg,#dceaff16 8deg,transparent 19deg 30deg,#dceaff0b 36deg,transparent 48deg);mix-blend-mode:screen;animation:scene-light-drift 18s ease-in-out infinite alternate}
.conversation-scene-particles{position:absolute;inset:0;z-index:1;overflow:hidden}
.conversation-scene-particles i{position:absolute;left:calc(var(--n)*8% + 3%);top:-15%;width:2px;height:2px;border-radius:50%;background:#efe7ff;opacity:0;animation:scene-dust calc(12s + var(--n)*.7s) linear calc(var(--n)*-1.6s) infinite}
[data-theme=sakura] .conversation-scene-art{background-image:linear-gradient(90deg,#140d1b9c,transparent 75%),url('/wp-content/uploads/2026/10/nocturne-city-v1.png');background-size:100% 100%,cover;background-position:0 0,50% 48%}
[data-theme=sakura] .conversation-scene-light{background:conic-gradient(from 155deg at 80% 0,transparent,#e4c18b1c 8deg,transparent 24deg);animation-duration:20s}
[data-theme=sakura] .conversation-scene-particles i:nth-child(3n){width:7px;height:10px;border-radius:75% 20% 70% 25%;background:linear-gradient(120deg,#e8a0aa,#a4415c 45%,#502035 65%,#c87585);box-shadow:inset 1px 0 #f4c2cb44;animation-name:scene-petal}
[data-theme=ocean] .conversation-scene-light{background:repeating-conic-gradient(from 165deg at 60% -10%,transparent 0deg 11deg,#b0ecff22 14deg,transparent 20deg 35deg);animation-duration:16s}
[data-theme=ocean] .conversation-scene-particles i{top:auto;bottom:-12%;width:calc(3px + var(--n)*.4px);height:calc(3px + var(--n)*.4px);background:radial-gradient(circle at 25% 25%,#e4fcff88,transparent 50%);border:1px solid #c1f4ff6b;box-shadow:inset -1px -1px 2px #8bd4e733;animation-name:scene-bubble}
[data-theme=aurora] .conversation-scene-light{background:linear-gradient(110deg,transparent 15%,#99ffdf24 28%,transparent 38%,#bb9aff26 56%,transparent 70%);filter:blur(13px);animation:scene-aurora 20s ease-in-out infinite alternate}
[data-theme=sunset] .conversation-scene-light{background:radial-gradient(ellipse at 80% 75%,#f8984640,transparent 48%);animation-duration:6s}
[data-theme=sunset] .conversation-scene-particles i{background:#ffd097;box-shadow:0 0 6px #ff943f88;animation-name:scene-ember;top:auto;bottom:-5%}
[data-theme=vocaloid] .conversation-scene-light{background:conic-gradient(from 155deg at 20% 0,transparent,#8effea38 10deg,transparent 22deg),conic-gradient(from 170deg at 85% 0,transparent,#ff8fcb28 8deg,transparent 24deg);animation-duration:9s}
[data-theme=terminal] .conversation-scene-light{background:linear-gradient(110deg,transparent 45%,#80caff24 50%,transparent 55%);animation:scene-scan 13s ease-in-out infinite}
[data-theme=carbon] .conversation-scene-light{background:radial-gradient(ellipse at 75% 0,#ffd3a125,transparent 65%);animation-duration:23s}
.world-ambient .world-prop,.world-transition .world-prop{display:none!important}
#copiloto .world-header .world-prop{display:none!important}
.models-ready .world-ribbon .world-scene::before{background-image:url('/wp-content/uploads/2026/10/theme-scenes-atlas-v1.png');background-size:400% 200%;background-position:var(--scene-x,0%) var(--scene-y,0%);opacity:.22;mask-image:linear-gradient(transparent,black 35%,black 80%,transparent)}
@keyframes scene-light-drift{from{transform:rotate(-5deg);opacity:.5}to{transform:rotate(6deg);opacity:1}}
@keyframes scene-aurora{from{transform:translateX(-8%) skewX(-12deg);opacity:.6}to{transform:translateX(6%) skewX(10deg);opacity:1}}
@keyframes scene-dust{0%{transform:translate(0,0);opacity:0}20%,75%{opacity:.35}100%{transform:translate(24px,260px);opacity:0}}
@keyframes scene-petal{0%{transform:translate(0,0) rotate(0) rotateY(0);opacity:0}15%,75%{opacity:.65}100%{transform:translate(-55px,270px) rotate(180deg) rotateY(160deg);opacity:0}}
@keyframes scene-bubble{0%{transform:translate(0,0);opacity:0}20%,80%{opacity:.5}100%{transform:translate(25px,-250px);opacity:0}}
@keyframes scene-ember{0%{transform:translate(0,0);opacity:0}20%,65%{opacity:.65}100%{transform:translate(-35px,-230px);opacity:0}}
@keyframes scene-scan{0%,20%{transform:translateX(-40%);opacity:0}45%,60%{opacity:.7}85%,100%{transform:translateX(45%);opacity:0}}
@media(max-width:790px){html[data-theme] #copiloto .conversation-scene.world-model-nook{height:190px}.conversation-scene-copy{left:14px;top:16px;width:32%}.conversation-scene-copy strong{font-size:1rem}.conversation-scene-copy small{font-size:8px;letter-spacing:.12em}}
@media(max-width:390px){html[data-theme] #copiloto .conversation-scene.world-model-nook{height:175px}.conversation-scene-copy{width:30%;left:12px}.conversation-scene-copy strong{font-size:.9375rem}}
:is([data-vfx=soft],[data-vfx=off],.reduce-motion,.motion-paused,[data-performance=light]) :is(.conversation-scene-light,.conversation-scene-particles i){animation:none!important}
:is([data-vfx=off],[data-performance=light]) .conversation-scene-particles{display:none}
@media(prefers-reduced-motion:reduce){.conversation-scene-light,.conversation-scene-particles i{animation:none!important}}