:root{
  --cc-theme-bg:#fff9ef;--cc-theme-ink:#433b50;--cc-theme-primary:#f47d67;--cc-theme-secondary:#f6bd55;
  --cc-theme-surface:#fff;--cc-theme-line:#f0dfd1;--cc-theme-ring:rgba(244,125,103,.2);--cc-theme-muted:#655d6d;
  --cc-theme-primary-readable:#aa4938;--cc-theme-secondary-readable:#795712;--cc-theme-on-primary:#17211d;
  --cc-theme-on-secondary:#17211d;--cc-theme-on-surface:#17211d;--cc-theme-on-bg:#17211d;
}
html:has(body.cc-theme-runtime){background:var(--cc-theme-bg)!important}
body.cc-theme-runtime{position:relative!important;min-height:100vh!important;background:transparent!important;color:var(--cc-theme-ink);transition:color .28s ease!important}
.cc-theme-stage{position:fixed!important;inset:0!important;z-index:-1!important;overflow:hidden!important;pointer-events:none!important;background:var(--cc-theme-bg)!important;transition:background .32s ease!important;isolation:isolate!important}
.cc-theme-stage:before,.cc-theme-stage:after{content:"";position:absolute;pointer-events:none}
.cc-theme-stage:before{inset:-20%;opacity:.78;background:radial-gradient(circle at 18% 23%,color-mix(in srgb,var(--cc-theme-secondary) 22%,transparent) 0 8%,transparent 23%),radial-gradient(circle at 82% 17%,color-mix(in srgb,var(--cc-theme-primary) 18%,transparent) 0 9%,transparent 25%),linear-gradient(140deg,var(--cc-theme-bg),color-mix(in srgb,var(--cc-theme-bg) 82%,var(--cc-theme-secondary)))}
.cc-theme-stage:after{inset:-12%;opacity:.3;background-image:radial-gradient(circle,color-mix(in srgb,var(--cc-theme-primary) 26%,transparent) 0 18px,transparent 19px),radial-gradient(circle,color-mix(in srgb,var(--cc-theme-secondary) 32%,transparent) 0 7px,transparent 8px);background-position:0 0,74px 88px;background-size:240px 210px,158px 176px;mask-image:linear-gradient(to bottom,#000,transparent 76%);animation:cc-theme-orb-drift 34s linear infinite}
.cc-theme-stage>i{position:absolute;display:none;font-style:normal;pointer-events:none;will-change:transform}
.cc-theme-ground{display:block!important;left:-4%;right:-4%;bottom:-8%;height:27%;border-radius:50% 50% 0 0/30% 30% 0 0;background:color-mix(in srgb,var(--cc-theme-secondary) 28%,var(--cc-theme-bg))}
.cc-theme-particles{display:block!important;inset:-12%;background-image:radial-gradient(circle,color-mix(in srgb,var(--cc-theme-secondary) 46%,transparent) 0 16px,transparent 17px),radial-gradient(circle,color-mix(in srgb,var(--cc-theme-primary) 40%,transparent) 0 6px,transparent 7px);background-position:8px 22px,92px 76px;background-size:226px 204px,148px 164px;opacity:.34;animation:cc-theme-orb-drift 30s linear infinite}

/* Scene primitives. The theme system uses CSS scenery so all 53 presets stay lightweight. */
.cc-theme-stage[data-cc-scene="none"]>i,.cc-theme-stage[data-cc-scene="none"]:after{display:none!important}
.cc-theme-stage[data-cc-scene="soft-shapes"]:before{background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--cc-theme-secondary) 24%,transparent) 0 12%,transparent 12.3%),radial-gradient(circle at 8% 72%,color-mix(in srgb,var(--cc-theme-primary) 14%,transparent) 0 10%,transparent 10.3%),linear-gradient(140deg,var(--cc-theme-bg),#fff)}
.cc-theme-stage[data-cc-scene="clouds"] .cc-theme-cloud,.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-cloud{display:block;width:190px;height:60px;border-radius:999px;background:rgba(255,255,255,.78);filter:drop-shadow(0 12px 18px rgba(68,105,130,.08));animation:cc-theme-cloud 22s linear infinite}
.cc-theme-cloud:before,.cc-theme-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cc-theme-cloud:before{width:78px;height:78px;left:28px;bottom:4px}.cc-theme-cloud:after{width:104px;height:104px;right:25px;bottom:0}.cc-theme-cloud--one{top:12%;left:-18%}.cc-theme-cloud--two{top:30%;left:-32%;transform:scale(.68);animation-delay:-11s!important}
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-ground{display:block!important;left:50%;right:auto;bottom:6%;width:520px;height:145px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#76bd72 0 32%,#f1eee4 33% 68%,rgba(255,255,255,.2) 69%);filter:drop-shadow(0 30px 25px rgba(67,80,105,.18));animation:cc-theme-float 6s ease-in-out infinite}
.cc-theme-stage[data-cc-scene="meadow"]{background:linear-gradient(#bde8f5 0 58%,#bce58f 58% 100%)!important}.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sun,.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sun{display:block;top:9%;right:9%;width:92px;height:92px;border-radius:50%;background:#ffe181;box-shadow:0 0 60px #ffe181}.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-ground{height:42%;background:repeating-linear-gradient(84deg,#79b75f 0 3px,#a8d77a 4px 8px);transform-origin:bottom;animation:cc-theme-grass 4s ease-in-out infinite alternate}
.cc-theme-stage[data-cc-scene="sunflower"]{background:linear-gradient(#c8ebf8 0 52%,#8db961 52% 100%)!important}.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-particles{background-image:radial-gradient(circle,#573b1e 0 5px,#f7ca30 6px 14px,transparent 15px);background-size:116px 104px;mask-image:linear-gradient(to bottom,transparent 48%,#000 70%)}
.cc-theme-stage[data-cc-scene="ocean"]{background:linear-gradient(#80d9e5 0 48%,#37aebe 49% 70%,#f7d89a 71% 100%)!important}.cc-theme-stage[data-cc-scene="ocean"]:after{opacity:.7;background:repeating-radial-gradient(ellipse at 50% 74%,transparent 0 19px,rgba(255,255,255,.68) 20px 23px,transparent 24px 42px);background-size:100% 110px;animation:cc-theme-wave 5s ease-in-out infinite;mask-image:linear-gradient(to bottom,transparent 42%,#000 82%)}.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-ground{display:none!important}
.cc-theme-stage[data-cc-scene="campfire"]{background:radial-gradient(circle at 50% 84%,#9e5136 0,#263150 16%,#0b1427 44%,#050a16 100%)!important}.cc-theme-stage[data-cc-scene="campfire"]:after,.cc-theme-stage[data-cc-scene="space"]:after{opacity:.85;background-image:radial-gradient(#fff 0 1px,transparent 1.5px),radial-gradient(#ffe2a1 0 1px,transparent 1.5px);background-position:0 0,31px 44px;background-size:70px 70px,103px 103px;mask-image:none}.cc-theme-stage[data-cc-scene="campfire"] .cc-theme-sprite--one{display:block;left:50%;bottom:7%;width:70px;height:102px;transform:translateX(-50%);border-radius:52% 48% 48% 52%/65% 63% 37% 35%;background:radial-gradient(circle at 50% 65%,#fff49a 0 15%,#ff9c35 16% 44%,#e44c2a 45% 68%,transparent 69%);filter:drop-shadow(0 0 22px #ff9b3d);animation:cc-theme-fire .8s ease-in-out infinite alternate}.cc-theme-stage[data-cc-scene="campfire"] .cc-theme-ground{height:18%;background:#15223b}
.cc-theme-stage[data-cc-scene="deepsea"],.cc-theme-stage[data-cc-scene="aquarium"]{background:radial-gradient(circle at 45% -12%,#39a9bf 0,#0b5974 34%,#052b49 69%,#031426 100%)!important}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite{display:block;font-size:48px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.3));animation:cc-theme-fish 15s linear infinite}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--one:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--one:before{content:"🐠"}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--two:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--two:before{content:"🐟"}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--three:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--three:before{content:"🐡"}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--one,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--one{top:18%;left:-12%}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--two,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--two{top:55%;left:-20%;animation-delay:-7s;animation-duration:21s}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--three,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--three{top:73%;left:-16%;animation-delay:-11s;animation-duration:25s}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-particles{background-image:radial-gradient(circle,rgba(205,250,255,.75) 0 3px,transparent 4px);background-size:90px 120px;animation:cc-theme-bubbles 10s linear infinite}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-ground{height:13%;background:linear-gradient(#193a3d,#092128)}
.cc-theme-stage[data-cc-scene="savanna"]{background:linear-gradient(#f5c76e 0 64%,#c69b3b 65% 100%)!important}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sun{display:block;top:8%;right:10%;width:100px;height:100px;border-radius:50%;background:#fff1a0;box-shadow:0 0 55px #ffdf72}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite{display:block;bottom:12%;font-size:56px;animation:cc-theme-graze 4s ease-in-out infinite}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--one{left:10%}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--one:before{content:"🦒"}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--two{left:45%;animation-delay:-1.5s}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--two:before{content:"🐒"}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--three{right:9%;animation-delay:-2.8s}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--three:before{content:"🐘"}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--four{left:50%;bottom:16%;font-size:38px;animation-delay:-.7s}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--four:before{content:"🦓  🐃";white-space:pre;letter-spacing:.12em;filter:drop-shadow(0 5px 4px rgba(70,48,24,.12))}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-ground{height:24%;background:repeating-linear-gradient(82deg,#a7792f 0 4px,#c59a45 5px 11px)}
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="petals"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="leaves"] .cc-theme-particles{background-size:88px 96px;animation:cc-theme-fall 12s linear infinite;mask-image:none}.cc-theme-stage[data-cc-scene="garden"] .cc-theme-particles{background-image:radial-gradient(ellipse,#f4a7c6 0 6px,#fff 7px 9px,transparent 10px)}.cc-theme-stage[data-cc-scene="petals"] .cc-theme-particles{background-image:radial-gradient(ellipse at 30% 30%,#f4a6bd 0 5px,transparent 6px)}.cc-theme-stage[data-cc-scene="leaves"] .cc-theme-particles{background-image:linear-gradient(45deg,transparent 44%,#d47a3c 45% 55%,transparent 56%)}
.cc-theme-stage[data-cc-scene="snow"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="rain"] .cc-theme-particles{mask-image:none;animation:cc-theme-fall 6s linear infinite}.cc-theme-stage[data-cc-scene="snow"] .cc-theme-particles{opacity:.8;background-image:radial-gradient(circle,#fff 0 3px,transparent 4px);background-size:72px 82px}.cc-theme-stage[data-cc-scene="rain"]{background:linear-gradient(#6e899c,#c6d5de)!important}.cc-theme-stage[data-cc-scene="rain"] .cc-theme-particles{opacity:.55;background-image:linear-gradient(110deg,transparent 48%,rgba(255,255,255,.9) 49% 51%,transparent 52%);background-size:34px 74px;animation-duration:1.5s}
.cc-theme-stage[data-cc-scene="aurora"]{background:linear-gradient(#07152d,#17345d 60%,#234861)!important}.cc-theme-stage[data-cc-scene="aurora"]:before{inset:-30% -15%;opacity:.76;background:repeating-linear-gradient(112deg,transparent 0 16%,rgba(80,238,191,.42) 20% 24%,rgba(170,101,236,.34) 27% 31%,transparent 35% 50%);filter:blur(22px);animation:cc-theme-aurora 10s ease-in-out infinite alternate}.cc-theme-stage[data-cc-scene="aurora"]:after{mask-image:none;background-image:radial-gradient(#fff 0 1px,transparent 1.5px);background-size:73px 73px}

/* City and interior families. */
.cc-theme-stage[data-cc-scene="city"],.cc-theme-stage[data-cc-scene="neon-city"],.cc-theme-stage[data-cc-scene="sunset-city"]{background:linear-gradient(#11182d 0 62%,#202840 63% 100%)!important}.cc-theme-stage[data-cc-scene="sunset-city"]{background:linear-gradient(#efaf99 0,#816b94 57%,#30364e 58%)!important}.cc-theme-stage[data-cc-scene="city"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="neon-city"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-ground{left:0;right:0;bottom:0;height:39%;border-radius:0;background:repeating-linear-gradient(90deg,#182033 0 7%,#252e43 7% 13%,#101827 13% 20%);clip-path:polygon(0 22%,8% 22%,8% 3%,15% 3%,15% 33%,23% 33%,23% 9%,31% 9%,31% 27%,39% 27%,39% 0,49% 0,49% 35%,58% 35%,58% 13%,67% 13%,67% 29%,75% 29%,75% 4%,85% 4%,85% 32%,94% 32%,94% 17%,100% 17%,100% 100%,0 100%)}.cc-theme-stage[data-cc-scene="city"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="neon-city"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-particles{display:block!important;inset:auto!important;left:3%!important;top:57%!important;width:8px!important;height:6px!important;border-radius:1px!important;background:#f3ca63!important;box-shadow:4vw 2vh #6adce1,8vw -1vh #f3ca63,12vw 5vh #f3ca63,16vw 1vh #6adce1,20vw 7vh #f3ca63,24vw -2vh #f3ca63,28vw 4vh #6adce1,32vw 8vh #f3ca63,36vw 0 #f3ca63,40vw 6vh #6adce1,44vw -1vh #f3ca63,48vw 3vh #f3ca63,52vw 8vh #6adce1,56vw 1vh #f3ca63,60vw 5vh #f3ca63,64vw -2vh #6adce1,68vw 7vh #f3ca63,72vw 2vh #f3ca63,76vw 9vh #6adce1,80vw 0 #f3ca63,84vw 6vh #f3ca63,88vw 3vh #6adce1,92vw 8vh #f3ca63!important;opacity:.45;mask-image:none!important;animation:cc-theme-window-breathe 7.5s ease-in-out infinite alternate!important}
.cc-theme-stage[data-cc-scene="office"],.cc-theme-stage[data-cc-scene="glass-office"],.cc-theme-stage[data-cc-scene="lounge"],.cc-theme-stage[data-cc-scene="cafe"],.cc-theme-stage[data-cc-scene="library"],.cc-theme-stage[data-cc-scene="atelier"],.cc-theme-stage[data-cc-scene="gallery"],.cc-theme-stage[data-cc-scene="station"]{background:linear-gradient(145deg,var(--cc-theme-bg),color-mix(in srgb,var(--cc-theme-bg) 80%,var(--cc-theme-secondary)))!important}.cc-theme-stage[data-cc-scene="office"]:after,.cc-theme-stage[data-cc-scene="glass-office"]:after{inset:8% 4% 12%;opacity:.34;background:linear-gradient(90deg,transparent 0 23%,var(--cc-theme-line) 23% 24%,transparent 24% 48%,var(--cc-theme-line) 48% 49%,transparent 49% 74%,var(--cc-theme-line) 74% 75%,transparent 75%),linear-gradient(transparent 0 31%,var(--cc-theme-line) 31% 32%,transparent 32% 65%,var(--cc-theme-line) 65% 66%,transparent 66%);border:9px solid color-mix(in srgb,var(--cc-theme-ink) 18%,transparent);mask-image:none}.cc-theme-stage[data-cc-scene="library"]:after,.cc-theme-stage[data-cc-scene="magic-library"]:after{inset:7% 3%;opacity:.22;background:repeating-linear-gradient(90deg,var(--cc-theme-primary) 0 9px,var(--cc-theme-secondary) 10px 17px,var(--cc-theme-ink) 18px 24px,transparent 25px 32px);mask-image:linear-gradient(to bottom,#000 0 62%,transparent 63%)}
.cc-theme-stage[data-cc-scene="library"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-particles{inset:-12%;background-image:radial-gradient(circle,color-mix(in srgb,var(--cc-theme-secondary) 42%,transparent) 0 18px,transparent 19px),radial-gradient(circle,color-mix(in srgb,var(--cc-theme-primary) 34%,transparent) 0 6px,transparent 7px);background-size:250px 218px,156px 176px;mask-image:none;animation:cc-theme-orb-drift 36s linear infinite}

/* Graphic, playful and fantasy families. */
.cc-theme-stage[data-cc-scene="grid"]:after,.cc-theme-stage[data-cc-scene="blueprint"]:after,.cc-theme-stage[data-cc-scene="circuit"]:after{inset:0;opacity:.3;mask-image:none;background-image:linear-gradient(var(--cc-theme-line) 1px,transparent 1px),linear-gradient(90deg,var(--cc-theme-line) 1px,transparent 1px);background-size:36px 36px}.cc-theme-stage[data-cc-scene="circuit"]:before{inset:-10%;opacity:.34;background:radial-gradient(circle at 20% 30%,var(--cc-theme-primary) 0 12px,transparent 13px),radial-gradient(circle at 70% 62%,var(--cc-theme-secondary) 0 5px,transparent 6px);background-size:240px 210px,156px 174px;animation:cc-theme-orb-drift 32s linear infinite}.cc-theme-stage[data-cc-scene="space"]{background:radial-gradient(circle at 70% 24%,#353075,#101536 30%,#050817 70%)!important}.cc-theme-stage[data-cc-scene="space"] .cc-theme-sprite--one{display:block;top:14%;right:12%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#dce6ff,#8996d2 65%,#59618d);box-shadow:0 0 45px rgba(156,170,235,.35)}
.cc-theme-stage[data-cc-scene="ink"]:before{background:radial-gradient(ellipse at 12% 26%,rgba(25,25,25,.22) 0 8%,transparent 9%),radial-gradient(ellipse at 88% 72%,rgba(25,25,25,.15) 0 11%,transparent 12%)}.cc-theme-stage[data-cc-scene="spotlight"]:before{background:radial-gradient(circle at 50% 18%,rgba(255,255,235,.2),transparent 42%)}
.cc-theme-stage[data-cc-scene="spark"] .cc-theme-particles{background-image:radial-gradient(circle,#e4bd5f 0 15px,transparent 16px),radial-gradient(circle,color-mix(in srgb,#e4bd5f 68%,transparent) 0 5px,transparent 6px);background-position:0 0,76px 64px;background-size:238px 216px,154px 172px;mask-image:none;animation:cc-theme-orb-drift 35s linear infinite}.cc-theme-stage[data-cc-scene="candy"]:before,.cc-theme-stage[data-cc-scene="geometry"]:before,.cc-theme-stage[data-cc-scene="rainbow"]:before{background:conic-gradient(from 30deg at 15% 22%,transparent 0 75%,color-mix(in srgb,var(--cc-theme-primary) 30%,transparent) 76% 84%,transparent 85%),conic-gradient(from 220deg at 83% 72%,transparent 0 69%,color-mix(in srgb,var(--cc-theme-secondary) 34%,transparent) 70% 82%,transparent 83%),linear-gradient(135deg,var(--cc-theme-bg),#fff)}
.cc-theme-stage[data-cc-scene="confetti"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="festival"] .cc-theme-particles{mask-image:none;opacity:.75;background-image:linear-gradient(30deg,transparent 42%,var(--cc-theme-primary) 43% 57%,transparent 58%),linear-gradient(-20deg,transparent 42%,var(--cc-theme-secondary) 43% 57%,transparent 58%);background-position:0 0,35px 46px;background-size:68px 82px;animation:cc-theme-fall 8s linear infinite}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="pixel"] .cc-theme-particles{mask-image:none;background-image:linear-gradient(var(--cc-theme-primary),var(--cc-theme-primary)),linear-gradient(var(--cc-theme-secondary),var(--cc-theme-secondary));background-position:12px 20px,58px 60px;background-size:13px 13px,9px 9px;background-repeat:repeat;animation:cc-theme-drift 10s linear infinite}.cc-theme-stage[data-cc-scene="doodle"]:after,.cc-theme-stage[data-cc-scene="comic"]:after{opacity:.22;mask-image:none;background:repeating-linear-gradient(12deg,transparent 0 33px,var(--cc-theme-ink) 34px 35px,transparent 36px 64px)}
.cc-theme-stage[data-cc-scene="bubbles"] .cc-theme-particles{mask-image:none;background-image:radial-gradient(circle,transparent 0 8px,color-mix(in srgb,var(--cc-theme-primary) 42%,transparent) 9px 11px,transparent 12px);background-size:110px 130px;animation:cc-theme-bubbles 11s linear infinite}
.cc-theme-stage[data-cc-scene="cotocle-park"]{background:linear-gradient(#bfe7f5 0 60%,#a8d781 61% 100%)!important}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite{display:grid;place-items:center;bottom:10%;width:60px;height:72px;border-radius:48% 48% 42% 42%;color:#fff;font:900 27px/1 system-ui;box-shadow:inset 0 -8px 12px rgba(0,0,0,.1),0 9px 16px rgba(51,80,55,.18);animation:cc-theme-bounce 3s ease-in-out infinite}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--one{left:12%;background:#4bb79a}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--one:before{content:"C"}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--two{left:22%;background:#f08a75;animation-delay:-1s}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--two:before{content:"K"}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--three{right:15%;background:#7797dc;animation-delay:-2s}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--three:before{content:"C"}
.cc-theme-stage[data-cc-scene="moon-garden"]{background:linear-gradient(#101833,#202d4b 67%,#294a42 68%)!important}.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-moon{display:block;top:8%;right:12%;width:110px;height:110px;border-radius:50%;background:#fff3c3;box-shadow:0 0 55px rgba(255,239,182,.5)}.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-ground{height:24%;background:#234138}.cc-theme-stage[data-cc-scene="treasure"] .cc-theme-particles{mask-image:none;background-image:radial-gradient(circle,#f5d068 0 4px,transparent 5px);background-size:118px 106px;animation:cc-theme-pulse 3s ease-in-out infinite}.cc-theme-stage[data-cc-scene="tiny-town"] .cc-theme-ground{height:34%;border-radius:0;background:repeating-linear-gradient(90deg,#e9a77c 0 9%,#d77c6b 9% 17%,#8fb4bb 17% 25%);clip-path:polygon(0 24%,6% 24%,6% 5%,14% 5%,14% 32%,21% 32%,21% 14%,30% 14%,30% 0,39% 0,39% 35%,48% 35%,48% 7%,57% 7%,57% 27%,66% 27%,66% 3%,76% 3%,76% 34%,84% 34%,84% 15%,92% 15%,92% 29%,100% 29%,100% 100%,0 100%)}.cc-theme-stage[data-cc-scene="dream-office"]:before{background:radial-gradient(circle at 20% 22%,rgba(255,255,255,.8) 0 12%,transparent 13%),radial-gradient(circle at 78% 25%,rgba(255,255,255,.7) 0 10%,transparent 11%),linear-gradient(135deg,var(--cc-theme-bg),color-mix(in srgb,var(--cc-theme-secondary) 25%,#fff))}

/* Site-wide surfaces, frames and controls. */
body.cc-theme-runtime:not(.cc-theme-background-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-workspace>.cc-myfiles-official-head,.cc-profile-card,.cc-game-card){background:color-mix(in srgb,var(--cc-theme-surface) 94%,transparent)!important;color:var(--cc-theme-ink)!important}
body.cc-theme-runtime :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-workspace>.cc-myfiles-official-head,.cc-profile-card,.cc-game-card) :is(h1,h2,h3,h4,h5,h6,strong,b,legend){color:var(--cc-theme-ink)!important}
body.cc-theme-runtime :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-workspace>.cc-myfiles-official-head,.cc-profile-card,.cc-game-card) :is(p,small,time,label){color:var(--cc-theme-muted)!important}
body.cc-theme-is-dark :is(.cc-card,.cc-profile-card,.cc-game-card,.cc-mobile-main-sheet__panel,.cc-simple-menu__panel){background:color-mix(in srgb,var(--cc-theme-surface) 96%,#000 4%)!important;color:var(--cc-theme-ink)!important;border-color:var(--cc-theme-line)!important}
body.cc-theme-is-dark :is(.cc-card,.cc-profile-card,.cc-game-card,.cc-mobile-main-sheet__panel,.cc-simple-menu__panel) :is(input,select,textarea){background:color-mix(in srgb,var(--cc-theme-surface) 86%,#fff 14%)!important;color:var(--cc-theme-ink)!important;border-color:var(--cc-theme-line)!important}
body.cc-theme-is-dark :is(.cc-card,.cc-profile-card,.cc-game-card,.cc-mobile-main-sheet__panel,.cc-simple-menu__panel) :is(input,textarea)::placeholder{color:var(--cc-theme-muted)!important;opacity:1!important}
body.cc-theme-runtime:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-workspace>.cc-myfiles-official-head,.cc-profile-card,.cc-game-card){border-color:var(--cc-theme-line)!important;box-shadow:0 18px 50px color-mix(in srgb,var(--cc-theme-ink) 10%,transparent)!important}
body.cc-theme-frame--soft:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border-radius:28px!important}
body.cc-theme-frame--gold:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border:2px solid color-mix(in srgb,var(--cc-theme-secondary) 72%,#fff)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--cc-theme-secondary) 12%,transparent),0 22px 55px rgba(0,0,0,.13)!important}
body.cc-theme-frame--neon:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border:1px solid var(--cc-theme-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-theme-primary) 17%,transparent),0 0 28px color-mix(in srgb,var(--cc-theme-primary) 24%,transparent)!important}
body.cc-theme-frame--paper:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border-radius:5px!important;box-shadow:5px 7px 0 color-mix(in srgb,var(--cc-theme-ink) 10%,transparent)!important}
body.cc-theme-frame--sticker:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border:3px solid var(--cc-theme-ink)!important;border-radius:26px 34px 24px 38px!important;box-shadow:7px 8px 0 color-mix(in srgb,var(--cc-theme-secondary) 55%,transparent)!important}
body.cc-theme-frame--line:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border-radius:12px!important;box-shadow:none!important}
body.cc-theme-frame--glass:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){background:color-mix(in srgb,var(--cc-theme-surface) 78%,transparent)!important;backdrop-filter:blur(15px)!important}
body.cc-theme-frame--pixel:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border:4px solid var(--cc-theme-ink)!important;border-radius:0!important;box-shadow:8px 8px 0 var(--cc-theme-primary)!important}
body.cc-theme-frame--comic:not(.cc-theme-frame-off) :is(.cc-card,.cc-workspace>.cc-mw-explorer,.cc-profile-card){border:4px solid var(--cc-theme-ink)!important;border-radius:20px!important;box-shadow:8px 9px 0 var(--cc-theme-secondary)!important}

body.cc-theme-runtime:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]){transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
body.cc-theme-button--float:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]):hover{transform:translateY(-3px)!important;box-shadow:0 8px 18px var(--cc-theme-ring)!important}
body.cc-theme-button--bounce:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]):active{transform:scale(.92)!important}
body.cc-theme-button--pop:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]):hover{transform:rotate(-1deg) scale(1.035)!important;filter:saturate(1.12)}
body.cc-theme-button--ripple:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]):active{transform:scale(.97)!important;box-shadow:0 0 0 9px color-mix(in srgb,var(--cc-theme-primary) 15%,transparent)!important}
body.cc-theme-button--glow:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]):hover{box-shadow:0 0 24px color-mix(in srgb,var(--cc-theme-primary) 48%,transparent)!important}
body.cc-theme-button--wiggle:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]):hover{animation:cc-theme-wiggle .38s ease-in-out}
body.cc-theme-button--jump:not(.cc-theme-buttons-off) :is(button,.cc-btn,.cc-button,a[class*="button"]):hover{animation:cc-theme-jump .42s ease}

/* One large, shared chooser opened from PC/mobile 「その他」. */
html.cc-site-theme-dialog-open{overflow:hidden!important}
.cc-site-theme-dialog{position:fixed!important;z-index:100300!important;inset:0!important;display:grid!important;place-items:center!important;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important;font-family:system-ui,-apple-system,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif!important}
.cc-site-theme-dialog[hidden]{display:none!important}
.cc-site-theme-dialog__backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(12,18,22,.48)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
.cc-site-theme-dialog__panel{position:relative!important;width:min(1120px,100%)!important;max-height:min(900px,92vh)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;border:1px solid var(--cc-theme-line)!important;border-radius:30px!important;background:color-mix(in srgb,var(--cc-theme-surface) 97%,transparent)!important;color:var(--cc-theme-ink)!important;box-shadow:0 32px 100px rgba(8,18,28,.36)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
.cc-site-theme-dialog__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;padding:22px 26px 18px!important;border-bottom:1px solid var(--cc-theme-line)!important;background:color-mix(in srgb,var(--cc-theme-surface) 92%,var(--cc-theme-bg) 8%)!important;color:var(--cc-theme-ink)!important}
.cc-site-theme-dialog__head>div{display:grid!important;gap:3px!important}.cc-site-theme-dialog__head small{color:var(--cc-theme-primary)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.18em!important}.cc-site-theme-dialog__head h2{margin:0!important;color:var(--cc-theme-ink)!important;font-size:clamp(24px,3vw,38px)!important;line-height:1.15!important}.cc-site-theme-dialog__head p{margin:0!important;color:var(--cc-theme-muted)!important;font-size:12px!important;line-height:1.6!important}
.cc-site-theme-dialog__head>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:92px!important;min-height:46px!important;margin:0!important;padding:8px 14px!important;border:1px solid var(--cc-theme-line)!important;border-radius:999px!important;background:var(--cc-theme-surface)!important;color:var(--cc-theme-ink)!important;font:900 12px/1 inherit!important;cursor:pointer!important}.cc-site-theme-dialog__head>button span{font-size:23px!important;line-height:1!important}.cc-site-theme-dialog__head>button b{color:inherit!important}
.cc-site-theme-dialog__body{min-height:0!important;overflow:auto!important;padding:20px 24px 24px!important;overscroll-behavior:contain!important}
.cc-site-theme-tabs{position:sticky!important;z-index:3!important;top:-20px!important;display:flex!important;gap:8px!important;overflow-x:auto!important;margin:-20px -24px 18px!important;padding:16px 24px 13px!important;background:color-mix(in srgb,var(--cc-theme-surface) 94%,transparent)!important;border-bottom:1px solid var(--cc-theme-line)!important;scrollbar-width:thin!important}.cc-site-theme-tabs button{flex:0 0 auto!important;min-height:38px!important;margin:0!important;padding:8px 14px!important;border:1px solid var(--cc-theme-line)!important;border-radius:999px!important;background:var(--cc-theme-surface)!important;color:var(--cc-theme-ink)!important;font:900 11px/1.2 inherit!important;cursor:pointer!important}.cc-site-theme-tabs button.is-active{border-color:var(--cc-theme-primary)!important;background:var(--cc-theme-primary)!important;color:#fff!important;box-shadow:0 5px 16px var(--cc-theme-ring)!important}
.cc-site-theme-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.cc-site-theme-grid>button{position:relative!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:78px!important;margin:0!important;padding:10px!important;border:1px solid var(--cc-theme-line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--cc-theme-surface) 92%,var(--swatch-bg) 8%)!important;color:var(--cc-theme-ink)!important;text-align:left!important;cursor:pointer!important;overflow:hidden!important}.cc-site-theme-grid>button:hover{transform:translateY(-2px)!important;border-color:var(--cc-theme-primary)!important}.cc-site-theme-grid>button.is-active{border:2px solid var(--cc-theme-primary)!important;box-shadow:0 0 0 4px var(--cc-theme-ring)!important}.cc-site-theme-grid>button.is-active:after{content:"✓"!important;position:absolute!important;right:8px!important;top:7px!important;display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:var(--cc-theme-primary)!important;color:#fff!important;font-size:12px!important;font-weight:950!important}
.cc-site-theme-grid>button>i{position:relative!important;display:block!important;width:64px!important;height:56px!important;border-radius:13px!important;background:var(--swatch-bg)!important;border:1px solid color-mix(in srgb,var(--swatch-ink) 18%,transparent)!important;overflow:hidden!important}.cc-site-theme-grid>button>i b,.cc-site-theme-grid>button>i em{position:absolute!important;display:block!important;border-radius:50%!important}.cc-site-theme-grid>button>i b{left:-9px!important;bottom:-10px!important;width:47px!important;height:47px!important;background:var(--swatch-primary)!important}.cc-site-theme-grid>button>i em{right:-7px!important;top:-8px!important;width:38px!important;height:38px!important;background:var(--swatch-secondary)!important}.cc-site-theme-grid>button>span{min-width:0!important;display:grid!important;gap:3px!important}.cc-site-theme-grid>button strong{overflow:hidden!important;color:var(--cc-theme-ink)!important;font-size:12px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cc-site-theme-grid>button small{color:var(--cc-theme-muted)!important;font-size:9px!important;font-weight:800!important}
.cc-site-theme-options{margin:22px 0 0!important;padding:17px!important;border:1px solid var(--cc-theme-line)!important;border-radius:20px!important;background:color-mix(in srgb,var(--cc-theme-surface) 90%,var(--cc-theme-bg) 10%)!important;color:var(--cc-theme-ink)!important}.cc-site-theme-options legend{padding:0 8px!important;color:var(--cc-theme-ink)!important;font-size:13px!important;font-weight:950!important}.cc-site-theme-options>div{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}.cc-site-theme-options label{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:44px!important;padding:8px 10px!important;border:1px solid var(--cc-theme-line)!important;border-radius:13px!important;background:var(--cc-theme-surface)!important;color:var(--cc-theme-ink)!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important}.cc-site-theme-options input{width:17px!important;height:17px!important;accent-color:var(--cc-theme-primary)!important}.cc-site-theme-options em{color:var(--cc-theme-muted)!important;font-size:8px!important;font-style:normal!important}.cc-site-theme-options>p{margin:11px 2px 0!important;color:var(--cc-theme-muted)!important;font-size:9px!important;line-height:1.55!important}
.cc-site-theme-dialog__actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;padding:16px 24px!important;border-top:1px solid var(--cc-theme-line)!important;background:color-mix(in srgb,var(--cc-theme-surface) 96%,transparent)!important}.cc-site-theme-dialog__actions button{min-height:44px!important;margin:0!important;padding:9px 17px!important;border:1px solid var(--cc-theme-line)!important;border-radius:13px!important;background:var(--cc-theme-surface)!important;color:var(--cc-theme-ink)!important;font:900 11px/1.2 inherit!important;cursor:pointer!important}.cc-site-theme-dialog__actions button.is-primary{border-color:var(--cc-theme-primary)!important;background:var(--cc-theme-primary)!important;color:#fff!important}

body.cc-theme-background-off .cc-theme-stage{background:#fff!important}body.cc-theme-background-off .cc-theme-stage:before,body.cc-theme-background-off .cc-theme-stage:after{display:none!important}
body.cc-theme-decorations-off .cc-theme-stage>i,body.cc-theme-decorations-off .cc-theme-stage:after{display:none!important}
body.cc-theme-motion-off .cc-theme-stage *,body.cc-theme-motion-off .cc-theme-stage:before,body.cc-theme-motion-off .cc-theme-stage:after,body.cc-theme-motion-off :is(button,.cc-btn,.cc-button,a[class*="button"]){animation:none!important;transition:none!important}

@keyframes cc-theme-drift{to{transform:translate3d(82px,92px,0)}}
@keyframes cc-theme-orb-drift{from{background-position:0 0,74px 88px}to{background-position:240px 130px,-84px 242px}}
@keyframes cc-theme-window-breathe{0%{opacity:.28;filter:brightness(.82)}45%{opacity:.9;filter:brightness(1.22)}70%{opacity:.48;filter:brightness(.95)}100%{opacity:.76;filter:brightness(1.12)}}
@keyframes cc-theme-cloud{from{transform:translateX(0)}to{transform:translateX(150vw)}}
@keyframes cc-theme-wave{50%{transform:translateY(14px) scaleX(1.04)}}
@keyframes cc-theme-grass{to{transform:skewX(-2deg) translateX(8px)}}
@keyframes cc-theme-fire{to{transform:translateX(-50%) scale(.88,1.08) rotate(2deg)}}
@keyframes cc-theme-bubbles{from{background-position:0 100vh}to{background-position:20px -150px}}
@keyframes cc-theme-fish{from{transform:translateX(0)}to{transform:translateX(132vw)}}
@keyframes cc-theme-graze{50%{transform:translateY(5px) rotate(2deg)}}
@keyframes cc-theme-fall{from{background-position:0 -120px}to{background-position:80px 100vh}}
@keyframes cc-theme-aurora{to{transform:translateX(9%) skewX(6deg);filter:blur(30px)}}
@keyframes cc-theme-pulse{50%{opacity:.95;filter:brightness(1.3)}}
@keyframes cc-theme-float{50%{transform:translate(-50%,-12px)}}
@keyframes cc-theme-bounce{50%{transform:translateY(-10px) rotate(-3deg)}}
@keyframes cc-theme-wiggle{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}
@keyframes cc-theme-jump{45%{transform:translateY(-5px) scale(1.03)}}

@media(max-width:860px){.cc-site-theme-dialog{padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important}.cc-site-theme-dialog__panel{max-height:calc(100dvh - 14px)!important;border-radius:22px!important}.cc-site-theme-dialog__head{padding:16px!important}.cc-site-theme-dialog__head p{font-size:10px!important}.cc-site-theme-dialog__head>button{min-width:48px!important;width:48px!important;height:48px!important;padding:0!important}.cc-site-theme-dialog__head>button b{display:none!important}.cc-site-theme-dialog__body{padding:16px!important}.cc-site-theme-tabs{top:-16px!important;margin:-16px -16px 14px!important;padding:13px 16px 11px!important}.cc-site-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cc-site-theme-options>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cc-site-theme-options label{justify-content:flex-start!important}.cc-site-theme-dialog__actions{padding:12px 16px!important}.cc-site-theme-dialog__actions button{flex:1 1 0!important}.cc-theme-stage{opacity:.78}.cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite{font-size:38px}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite{width:46px;height:56px;font-size:21px}.cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--two{left:28%}}
@media(prefers-reduced-motion:reduce){.cc-theme-stage *,.cc-theme-stage:before,.cc-theme-stage:after,body.cc-theme-runtime :is(button,.cc-btn,.cc-button,a[class*="button"]){animation:none!important;transition:none!important}}

/* ==========================================================
   v1.2.0 - scene-quality pass and one-time theme unlock UI
   ========================================================== */

/* Irregular ambient shapes replace the mechanically repeated dot grid. */
.cc-theme-stage:after{
  inset:0;
  opacity:.26;
  background-image:
    radial-gradient(circle at 4% 17%,color-mix(in srgb,var(--cc-theme-secondary) 34%,transparent) 0 22px,transparent 23px),
    radial-gradient(circle at 13% 71%,color-mix(in srgb,var(--cc-theme-primary) 24%,transparent) 0 8px,transparent 9px),
    radial-gradient(circle at 27% 38%,color-mix(in srgb,var(--cc-theme-secondary) 22%,transparent) 0 34px,transparent 35px),
    radial-gradient(circle at 42% 84%,color-mix(in srgb,var(--cc-theme-primary) 30%,transparent) 0 13px,transparent 14px),
    radial-gradient(circle at 58% 12%,color-mix(in srgb,var(--cc-theme-secondary) 28%,transparent) 0 6px,transparent 7px),
    radial-gradient(circle at 69% 61%,color-mix(in srgb,var(--cc-theme-primary) 22%,transparent) 0 27px,transparent 28px),
    radial-gradient(circle at 83% 29%,color-mix(in srgb,var(--cc-theme-secondary) 30%,transparent) 0 11px,transparent 12px),
    radial-gradient(circle at 95% 77%,color-mix(in srgb,var(--cc-theme-primary) 24%,transparent) 0 39px,transparent 40px);
  background-repeat:no-repeat;
  background-size:100% 100%;
  mask-image:linear-gradient(to bottom,#000,transparent 86%);
  animation:cc-theme-ambient-drift 28s ease-in-out infinite alternate;
}
.cc-theme-particles{
  inset:0;
  opacity:.3;
  background-image:
    radial-gradient(circle at 8% 53%,color-mix(in srgb,var(--cc-theme-primary) 35%,transparent) 0 5px,transparent 6px),
    radial-gradient(circle at 19% 14%,color-mix(in srgb,var(--cc-theme-secondary) 30%,transparent) 0 16px,transparent 17px),
    radial-gradient(circle at 33% 68%,color-mix(in srgb,var(--cc-theme-primary) 28%,transparent) 0 10px,transparent 11px),
    radial-gradient(circle at 47% 24%,color-mix(in srgb,var(--cc-theme-secondary) 25%,transparent) 0 25px,transparent 26px),
    radial-gradient(circle at 61% 79%,color-mix(in srgb,var(--cc-theme-primary) 34%,transparent) 0 7px,transparent 8px),
    radial-gradient(circle at 76% 43%,color-mix(in srgb,var(--cc-theme-secondary) 30%,transparent) 0 18px,transparent 19px),
    radial-gradient(circle at 89% 8%,color-mix(in srgb,var(--cc-theme-primary) 26%,transparent) 0 12px,transparent 13px),
    radial-gradient(circle at 97% 61%,color-mix(in srgb,var(--cc-theme-secondary) 24%,transparent) 0 4px,transparent 5px);
  background-repeat:no-repeat;
  background-size:100% 100%;
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
  animation:cc-theme-ambient-drift-two 34s ease-in-out infinite alternate;
}

/* Default meadow: broad sky, layered hills and a restrained breeze. */
.cc-theme-stage[data-cc-scene="meadow"]{background:linear-gradient(180deg,#a8ddf2 0 48%,#d9f3c4 49% 63%,#95cf73 64% 100%)!important}
.cc-theme-stage[data-cc-scene="meadow"]:before{inset:0;opacity:1;background:radial-gradient(ellipse at 8% 78%,#80bd69 0 20%,transparent 20.5%),radial-gradient(ellipse at 88% 75%,#6eae60 0 25%,transparent 25.5%);filter:none}
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-cloud{display:block;width:180px;height:54px;border-radius:999px;background:rgba(255,255,255,.66);filter:drop-shadow(0 12px 18px rgba(47,105,128,.08));animation:cc-theme-cloud 32s linear infinite}
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-cloud--one{top:15%;left:-220px}.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-cloud--two{top:31%;left:-360px;animation-delay:-14s;animation-duration:43s;transform:scale(.65)}
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-particles{opacity:.34;background-image:radial-gradient(ellipse at 9% 72%,#fff7d4 0 3px,transparent 4px),radial-gradient(ellipse at 31% 82%,#fff 0 2px,transparent 3px),radial-gradient(ellipse at 54% 67%,#fff7d4 0 4px,transparent 5px),radial-gradient(ellipse at 76% 88%,#fff 0 2px,transparent 3px),radial-gradient(ellipse at 92% 73%,#fff7d4 0 3px,transparent 4px);background-repeat:no-repeat;background-size:100% 100%;mask-image:none;animation:cc-theme-meadow-pollen 13s ease-in-out infinite alternate}

/* Sunflowers are rooted scenery; only the light may breathe. */
.cc-theme-stage[data-cc-scene="sunflower"]{background:linear-gradient(180deg,#b8e4f6 0 52%,#dff0aa 53% 68%,#7cad50 69% 100%)!important}
.cc-theme-stage[data-cc-scene="sunflower"]:before{inset:0;opacity:.65;background:radial-gradient(ellipse at 12% 68%,#90bf64 0 21%,transparent 21.5%),radial-gradient(ellipse at 85% 70%,#78aa55 0 24%,transparent 24.5%);filter:none;animation:none}
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-ground{height:34%;background:linear-gradient(#79a64d,#4f823e);animation:none!important;transform:none!important}
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-particles{inset:0;opacity:.9;mask-image:linear-gradient(to bottom,transparent 55%,#000 69%);background-image:radial-gradient(circle at 4% 77%,#593b1f 0 4px,#f2c62d 5px 13px,transparent 14px),radial-gradient(circle at 15% 88%,#593b1f 0 6px,#ffd63c 7px 18px,transparent 19px),radial-gradient(circle at 29% 72%,#593b1f 0 5px,#efbd23 6px 15px,transparent 16px),radial-gradient(circle at 43% 91%,#593b1f 0 6px,#ffd94a 7px 20px,transparent 21px),radial-gradient(circle at 58% 79%,#593b1f 0 4px,#f3c62c 5px 14px,transparent 15px),radial-gradient(circle at 72% 89%,#593b1f 0 6px,#ffd842 7px 19px,transparent 20px),radial-gradient(circle at 86% 73%,#593b1f 0 5px,#efbd23 6px 16px,transparent 17px),radial-gradient(circle at 97% 86%,#593b1f 0 6px,#ffd94a 7px 18px,transparent 19px);background-repeat:no-repeat;background-size:100% 100%;animation:none!important;transform:none!important}

/* City windows are clipped inside the skyline instead of floating above it. */
.cc-theme-stage[data-cc-scene="city"]:before,.cc-theme-stage[data-cc-scene="neon-city"]:before{inset:0;opacity:1;background:radial-gradient(circle at 78% 18%,rgba(222,232,255,.14) 0 7%,transparent 7.4%),linear-gradient(180deg,transparent 0 58%,rgba(79,99,154,.15) 76%,transparent 100%);filter:none}
.cc-theme-stage[data-cc-scene="city"]:after,.cc-theme-stage[data-cc-scene="neon-city"]:after{inset:0;opacity:.7;background-image:radial-gradient(circle at 7% 16%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 19% 33%,#b7ccff 0 1.2px,transparent 1.8px),radial-gradient(circle at 38% 12%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 53% 29%,#fff3c0 0 1px,transparent 1.7px),radial-gradient(circle at 67% 9%,#fff 0 1.3px,transparent 1.9px),radial-gradient(circle at 82% 37%,#c8d6ff 0 .9px,transparent 1.5px),radial-gradient(circle at 94% 20%,#fff 0 1px,transparent 1.6px);background-repeat:no-repeat;background-size:100% 100%;mask-image:none;animation:cc-theme-stars-twinkle 7s ease-in-out infinite alternate}
.cc-theme-stage[data-cc-scene="city"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="neon-city"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-ground{overflow:hidden;background:linear-gradient(90deg,#11192a 0 7%,#202b42 7% 13%,#0d1423 13% 20%,#27334c 20% 31%,#111a2c 31% 39%,#243049 39% 49%,#101827 49% 58%,#202c43 58% 67%,#0d1524 67% 75%,#253047 75% 85%,#121b2c 85% 94%,#202a3e 94% 100%)!important}
.cc-theme-stage[data-cc-scene="city"] .cc-theme-ground:before,.cc-theme-stage[data-cc-scene="neon-city"] .cc-theme-ground:before,.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-ground:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24'%3E%3Crect x='4' y='4' width='6' height='6' rx='1' fill='%23f4d170'/%3E%3Crect x='14' y='4' width='4' height='6' rx='1' fill='%23f4d170' fill-opacity='.38'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='29' viewBox='0 0 31 29'%3E%3Crect x='5' y='7' width='5' height='5' rx='.8' fill='%2377dce3'/%3E%3Crect x='20' y='7' width='5' height='5' rx='.8' fill='%2377dce3' fill-opacity='.42'/%3E%3C/svg%3E");background-position:0 0,9px 11px;background-repeat:repeat;opacity:.56;animation:cc-theme-window-breathe 8.2s ease-in-out infinite alternate}
.cc-theme-stage[data-cc-scene="city"] .cc-theme-ground:after,.cc-theme-stage[data-cc-scene="neon-city"] .cc-theme-ground:after,.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-ground:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='38' viewBox='0 0 43 38'%3E%3Crect x='7' y='8' width='5' height='5' rx='.7' fill='%23fff0b5'/%3E%3Crect x='29' y='24' width='6' height='5' rx='.7' fill='%23fff0b5'/%3E%3C/svg%3E");background-position:17px 3px;background-repeat:repeat;opacity:.23;animation:cc-theme-window-breathe 11s -4s ease-in-out infinite alternate}
.cc-theme-stage[data-cc-scene="city"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="neon-city"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-particles{display:none!important}

/* Star camp: dense irregular stars, a Milky Way veil and a grounded fire. */
.cc-theme-stage[data-cc-scene="campfire"]:before{inset:-20%;opacity:.62;background:radial-gradient(ellipse at 18% 26%,rgba(125,157,226,.16),transparent 22%),radial-gradient(ellipse at 75% 18%,rgba(235,205,255,.13),transparent 27%),linear-gradient(116deg,transparent 28%,rgba(191,211,255,.10) 45%,rgba(255,219,179,.07) 53%,transparent 70%);filter:blur(10px);animation:cc-theme-night-breathe 12s ease-in-out infinite alternate}
.cc-theme-stage[data-cc-scene="campfire"]:after{inset:0;opacity:.95;mask-image:none;background-image:radial-gradient(circle at 3% 14%,#fff 0 1.2px,transparent 1.8px),radial-gradient(circle at 8% 43%,#ffe7a8 0 .8px,transparent 1.5px),radial-gradient(circle at 14% 25%,#d9e4ff 0 1.5px,transparent 2.1px),radial-gradient(circle at 21% 8%,#fff 0 .7px,transparent 1.3px),radial-gradient(circle at 27% 49%,#fff3cf 0 1px,transparent 1.7px),radial-gradient(circle at 34% 18%,#fff 0 1.8px,transparent 2.4px),radial-gradient(circle at 39% 36%,#c9d7ff 0 .8px,transparent 1.5px),radial-gradient(circle at 47% 6%,#fff0b8 0 1.1px,transparent 1.8px),radial-gradient(circle at 53% 28%,#fff 0 .7px,transparent 1.3px),radial-gradient(circle at 61% 12%,#d9e4ff 0 1.6px,transparent 2.2px),radial-gradient(circle at 68% 44%,#fff 0 .9px,transparent 1.5px),radial-gradient(circle at 73% 21%,#ffe6a1 0 1.3px,transparent 2px),radial-gradient(circle at 81% 7%,#fff 0 .7px,transparent 1.3px),radial-gradient(circle at 87% 35%,#d2deff 0 1.8px,transparent 2.4px),radial-gradient(circle at 94% 18%,#fff5d5 0 1px,transparent 1.7px),radial-gradient(circle at 98% 51%,#fff 0 .7px,transparent 1.3px);background-repeat:no-repeat;background-size:100% 100%;animation:cc-theme-stars-twinkle 5.5s ease-in-out infinite alternate}
.cc-theme-stage[data-cc-scene="campfire"] .cc-theme-moon{display:block;top:9%;right:10%;width:74px;height:74px;border-radius:50%;background:#fff0bc;box-shadow:0 0 42px rgba(255,229,156,.35)}
.cc-theme-stage[data-cc-scene="campfire"] .cc-theme-ground{height:19%;background:linear-gradient(#1d2d3b,#101b26)}

/* Deep sea: irregular bubbles and fish that always travel head-first. */
.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-particles{inset:0;opacity:.72;mask-image:none;background-image:radial-gradient(circle at 5% 87%,transparent 0 2px,rgba(214,251,255,.58) 3px 4px,transparent 5px),radial-gradient(circle at 12% 48%,transparent 0 5px,rgba(214,251,255,.34) 6px 7px,transparent 8px),radial-gradient(circle at 21% 76%,transparent 0 1px,rgba(214,251,255,.72) 2px 3px,transparent 4px),radial-gradient(circle at 31% 29%,transparent 0 8px,rgba(214,251,255,.28) 9px 10px,transparent 11px),radial-gradient(circle at 39% 92%,transparent 0 3px,rgba(214,251,255,.52) 4px 5px,transparent 6px),radial-gradient(circle at 49% 61%,transparent 0 6px,rgba(214,251,255,.32) 7px 8px,transparent 9px),radial-gradient(circle at 57% 18%,transparent 0 2px,rgba(214,251,255,.64) 3px 4px,transparent 5px),radial-gradient(circle at 66% 83%,transparent 0 9px,rgba(214,251,255,.24) 10px 11px,transparent 12px),radial-gradient(circle at 74% 42%,transparent 0 4px,rgba(214,251,255,.48) 5px 6px,transparent 7px),radial-gradient(circle at 84% 71%,transparent 0 2px,rgba(214,251,255,.70) 3px 4px,transparent 5px),radial-gradient(circle at 92% 26%,transparent 0 7px,rgba(214,251,255,.30) 8px 9px,transparent 10px),radial-gradient(circle at 98% 94%,transparent 0 3px,rgba(214,251,255,.55) 4px 5px,transparent 6px);background-repeat:no-repeat;background-size:100% 100%;animation:cc-theme-bubble-rise 13s linear infinite}
.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite{filter:drop-shadow(0 5px 7px rgba(0,0,0,.28));will-change:transform}
.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite:before{display:block}
.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--one,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--one{top:17%;left:-15%;right:auto;font-size:58px;animation:cc-theme-fish-right 18s -3s linear infinite}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--one:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--one:before{content:"🐠";transform:scaleX(-1)}
.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--two,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--two{top:51%;left:auto;right:-16%;font-size:34px;animation:cc-theme-fish-left 24s -11s linear infinite}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--two:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--two:before{content:"🐟";transform:none}
.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--three,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--three{top:72%;left:-13%;right:auto;font-size:27px;animation:cc-theme-fish-right 29s -17s linear infinite}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--three:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--three:before{content:"🐡";transform:scaleX(-1)}
.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--four,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--four{display:block;top:34%;left:auto;right:-18%;font-size:70px;animation:cc-theme-fish-left 34s -23s linear infinite}.cc-theme-stage[data-cc-scene="deepsea"] .cc-theme-sprite--four:before,.cc-theme-stage[data-cc-scene="aquarium"] .cc-theme-sprite--four:before{content:"🐋";transform:none}

/* Library: actual shelves and books instead of a dot overlay. */
.cc-theme-stage[data-cc-scene="library"],.cc-theme-stage[data-cc-scene="magic-library"]{background:linear-gradient(180deg,#d9c4a6 0 67%,#9a7553 68% 100%)!important}
.cc-theme-stage[data-cc-scene="magic-library"]{background:linear-gradient(180deg,#211a38 0 67%,#3d2e52 68% 100%)!important}
.cc-theme-stage[data-cc-scene="library"]:before,.cc-theme-stage[data-cc-scene="magic-library"]:before{inset:4% 2% 21%;opacity:.92;background:linear-gradient(90deg,rgba(96,57,32,.76),rgba(119,75,43,.5)) left 3% bottom/31% 100% no-repeat,linear-gradient(90deg,rgba(119,75,43,.5),rgba(96,57,32,.76)) right 3% bottom/31% 100% no-repeat;filter:drop-shadow(0 16px 18px rgba(54,35,23,.22));animation:none}
.cc-theme-stage[data-cc-scene="library"]:after,.cc-theme-stage[data-cc-scene="magic-library"]:after{inset:8% 5% 25%;opacity:.78;mask-image:none;background:repeating-linear-gradient(90deg,#9b3f3a 0 8px,#d19a45 8px 14px,#345869 14px 23px,#6a7b45 23px 30px,#c8b58a 30px 35px) left top/27% 100% no-repeat,repeating-linear-gradient(0deg,transparent 0 72px,rgba(67,39,24,.96) 73px 82px) left top/27% 100% no-repeat,repeating-linear-gradient(90deg,#41647a 0 7px,#b35d4c 7px 16px,#d2a755 16px 22px,#6e7e4a 22px 31px,#a67c5c 31px 36px) right top/27% 100% no-repeat,repeating-linear-gradient(0deg,transparent 0 72px,rgba(67,39,24,.96) 73px 82px) right top/27% 100% no-repeat;animation:none}
.cc-theme-stage[data-cc-scene="library"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-ground{height:23%;border-radius:0;background:repeating-linear-gradient(96deg,#98704c 0 30px,#b2875e 31px 61px)}
.cc-theme-stage[data-cc-scene="library"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-particles{display:none!important}
.cc-theme-stage[data-cc-scene="library"] .cc-theme-sprite--one,.cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-sprite--one{display:block;left:50%;bottom:8%;width:240px;height:18px;transform:translateX(-50%);border-radius:8px;background:#745035;box-shadow:0 10px 20px rgba(52,31,20,.2)}.cc-theme-stage[data-cc-scene="library"] .cc-theme-sprite--one:before,.cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-sprite--one:before{content:"";position:absolute;left:26px;top:17px;width:16px;height:80px;background:#64452f;box-shadow:172px 0 #64452f}.cc-theme-stage[data-cc-scene="library"] .cc-theme-sprite--one:after,.cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-sprite--one:after{content:"📖";position:absolute;left:92px;bottom:4px;font-size:54px;filter:drop-shadow(0 6px 5px rgba(44,27,18,.18))}

/* Office: windows, a desk, monitor, chair and plant form a real workspace. */
.cc-theme-stage[data-cc-scene="office"],.cc-theme-stage[data-cc-scene="glass-office"]{background:linear-gradient(180deg,#dce8ea 0 66%,#b8aaa0 67% 100%)!important}
.cc-theme-stage[data-cc-scene="office"]:before,.cc-theme-stage[data-cc-scene="glass-office"]:before{inset:5% 4% 29%;opacity:.58;border:12px solid rgba(70,78,78,.2);background:linear-gradient(90deg,transparent 0 32%,rgba(58,70,72,.22) 32% 33%,transparent 33% 66%,rgba(58,70,72,.22) 66% 67%,transparent 67%),linear-gradient(0deg,transparent 0 49%,rgba(58,70,72,.18) 49% 51%,transparent 51%),linear-gradient(180deg,#aad3df,#e9f2f1);filter:none;animation:none}
.cc-theme-stage[data-cc-scene="office"]:after,.cc-theme-stage[data-cc-scene="glass-office"]:after{display:none}
.cc-theme-stage[data-cc-scene="office"] .cc-theme-ground,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-ground{height:30%;border-radius:0;background:repeating-linear-gradient(96deg,#a89481 0 48px,#b8a794 49px 97px)}
.cc-theme-stage[data-cc-scene="office"] .cc-theme-particles,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-particles{display:none!important}
.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one{display:block;left:9%;bottom:15%;width:min(300px,30vw);height:18px;border-radius:8px;background:#8a6546;box-shadow:0 10px 24px rgba(49,39,31,.18)}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one:before,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one:before{content:"";position:absolute;left:25px;top:16px;width:15px;height:95px;background:#5c5048;box-shadow:calc(min(300px,30vw) - 65px) 0 #5c5048}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one:after,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one:after{content:"";position:absolute;left:38%;bottom:18px;width:94px;height:64px;border:7px solid #4c585c;border-bottom-width:12px;border-radius:6px;background:linear-gradient(145deg,#8dc5d5,#e4f2f3);box-shadow:0 15px 0 -10px #4c585c}
.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--two,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--two{display:block;right:12%;bottom:11%;width:86px;height:112px;border-radius:44% 44% 24% 24%;background:#475d66;box-shadow:inset 0 0 0 7px rgba(255,255,255,.09),0 14px 20px rgba(43,49,50,.2)}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--two:before,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--two:before{content:"";position:absolute;left:35px;top:100%;width:15px;height:48px;background:#53585b}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--two:after,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--two:after{content:"";position:absolute;left:-15px;top:142px;width:116px;height:8px;border-radius:99px;background:#53585b}
.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--three,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--three{display:block;right:4%;bottom:10%;width:64px;height:88px;border-radius:45% 45% 18% 18%;background:linear-gradient(90deg,transparent 40%,#64814e 41% 58%,transparent 59%);transform-origin:bottom}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--three:before,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--three:before{content:"🌿";position:absolute;left:-17px;top:-29px;font-size:66px}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--three:after,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--three:after{content:"";position:absolute;left:8px;bottom:0;width:48px;height:38px;border-radius:8px 8px 18px 18px;background:#a36f4f}

/* Light themes never inherit invisible white marketing copy. */
body.cc-theme-runtime:not(.cc-theme-is-dark) :is(main,#main,#content,.site-content,.content-area) :is(h1,h2,h3,h4,p,li){color:var(--cc-theme-ink)!important}
body.cc-theme-runtime:not(.cc-theme-is-dark) :is(main,#main,#content,.site-content,.content-area) :is(p,li){text-shadow:0 1px 0 color-mix(in srgb,var(--cc-theme-surface) 58%,transparent)}

/* Theme wallet and clear lock states. */
.cc-site-theme-wallet{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 14px!important;padding:10px 13px!important;border:1px solid var(--cc-theme-line)!important;border-radius:14px!important;background:color-mix(in srgb,var(--cc-theme-surface) 92%,var(--cc-theme-secondary) 8%)!important;color:var(--cc-theme-ink)!important}.cc-site-theme-wallet strong{font-size:11px!important}.cc-site-theme-wallet output{min-height:1em!important;color:var(--cc-theme-primary)!important;font-size:10px!important;font-weight:850!important;text-align:right!important}.cc-site-theme-wallet output.is-error{color:#bd4f55!important}
.cc-site-theme-grid>button.is-locked{filter:saturate(.72);opacity:.86}.cc-site-theme-grid>button.is-locked:after{content:"🔒"!important;position:absolute!important;right:8px!important;top:7px!important;display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:color-mix(in srgb,var(--cc-theme-ink) 75%,transparent)!important;color:#fff!important;font-size:11px!important}.cc-site-theme-grid>button.is-locked:hover{filter:saturate(1);opacity:1}
.cc-site-theme-grid .cc-site-theme-lock,.cc-site-theme-grid .cc-site-theme-owned{display:block!important;margin-top:2px!important;color:var(--cc-theme-muted)!important;font-size:8px!important;font-style:normal!important;font-weight:850!important}.cc-site-theme-grid .cc-site-theme-lock{color:var(--cc-theme-primary)!important}

@keyframes cc-theme-ambient-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}100%{transform:translate3d(2%,1.5%,0) scale(1.035)}}
@keyframes cc-theme-ambient-drift-two{0%{transform:translate3d(1%,1.5%,0)}100%{transform:translate3d(-2%,-1%,0)}}
@keyframes cc-theme-meadow-pollen{0%{transform:translate3d(-1%,5px,0);opacity:.18}100%{transform:translate3d(2%,-16px,0);opacity:.42}}
@keyframes cc-theme-stars-twinkle{0%,100%{opacity:.55;filter:brightness(.86)}42%{opacity:1;filter:brightness(1.32)}73%{opacity:.72;filter:brightness(1.06)}}
@keyframes cc-theme-night-breathe{to{transform:translate3d(2%,-1%,0) rotate(.6deg);opacity:.82}}
@keyframes cc-theme-bubble-rise{0%{transform:translate3d(0,10vh,0);opacity:.24}50%{transform:translate3d(1.3%,-3vh,0);opacity:.78}100%{transform:translate3d(-.8%,-15vh,0);opacity:.16}}
@keyframes cc-theme-fish-right{0%{transform:translate3d(0,0,0)}45%{transform:translate3d(63vw,12px,0)}70%{transform:translate3d(98vw,-8px,0)}100%{transform:translate3d(132vw,4px,0)}}
@keyframes cc-theme-fish-left{0%{transform:translate3d(0,0,0)}38%{transform:translate3d(-54vw,-10px,0)}72%{transform:translate3d(-101vw,9px,0)}100%{transform:translate3d(-132vw,-3px,0)}}

@media(max-width:680px){.cc-site-theme-wallet{display:grid!important;gap:4px!important}.cc-site-theme-wallet output{text-align:left!important}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one{left:3%;width:190px}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one:before,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one:before{box-shadow:150px 0 #5c5048}.cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--two,.cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--two{right:5%;transform:scale(.78);transform-origin:bottom right}.cc-theme-stage[data-cc-scene="library"]:after,.cc-theme-stage[data-cc-scene="magic-library"]:after{background-size:38% 100%,38% 100%,38% 100%,38% 100%}.cc-theme-stage[data-cc-scene="library"]:before,.cc-theme-stage[data-cc-scene="magic-library"]:before{background-size:42% 100%,42% 100%}}

/* v0.8.597: theme-safe header and library surfaces. */
body.cc-theme-runtime .cc-simple-site-header,
body.cc-theme-runtime .cc-unified-library-header{background:color-mix(in srgb,var(--cc-theme-surface) 95%,transparent)!important;border-color:var(--cc-theme-line)!important;color:var(--cc-theme-ink)!important}
body.cc-theme-runtime .cc-unified-library-header :is(a,strong,i){color:var(--cc-theme-ink)!important}
body.cc-theme-runtime .cc-simple-site-header :is(.cc-simple-header-icon,.cc-simple-menu__panel a,.cc-simple-menu__panel small){color:var(--cc-theme-ink)!important}
body.cc-theme-runtime .cc-simple-site-header :is(input,select,textarea){background:color-mix(in srgb,var(--cc-theme-surface) 94%,transparent)!important;color:var(--cc-theme-ink)!important;border-color:var(--cc-theme-line)!important}
body.cc-theme-runtime .cc-simple-site-header :is(input,textarea)::placeholder{color:var(--cc-theme-muted)!important;opacity:1!important}
body.cc-theme-runtime :is(.cc-library-leadpanel,.cc-library-searchpanel,.cc-library-listpanel,.cc-material-showcase,.cc-material-filterbox,.cc-material-section){background:color-mix(in srgb,var(--cc-theme-surface) 95%,transparent)!important;border-color:var(--cc-theme-line)!important;color:var(--cc-theme-ink)!important}
body.cc-theme-runtime :is(.cc-library-leadpanel,.cc-library-searchpanel,.cc-library-listpanel,.cc-material-showcase,.cc-material-filterbox,.cc-material-section) :is(h1,h2,h3,h4,strong,b,a,label){color:var(--cc-theme-ink)!important}
body.cc-theme-runtime :is(.cc-library-leadpanel,.cc-library-searchpanel,.cc-library-listpanel,.cc-material-showcase,.cc-material-filterbox,.cc-material-section) :is(p,small,time){color:var(--cc-theme-muted)!important}
body.cc-theme-is-dark .cc-library-unified-cats{background:color-mix(in srgb,var(--cc-theme-surface) 92%,#000 8%)!important;border-color:var(--cc-theme-line)!important}
body.cc-theme-is-dark .cc-library-unified-cats a{border-color:var(--cc-theme-line)!important;color:var(--cc-theme-ink)!important}
body.cc-theme-is-dark .cc-library-unified-cats a.is-active{background:color-mix(in srgb,var(--cc-theme-primary) 24%,var(--cc-theme-surface))!important;color:var(--cc-theme-ink)!important}

/* v0.8.598: one safe point-exchange confirmation shared by themes and optional modules. */
.cc-point-exchange-dialog{position:fixed!important;z-index:100500!important;inset:0!important;display:grid!important;place-items:center!important;padding:18px!important;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif!important}
.cc-site-theme-dialog.is-exchange-paused{visibility:hidden!important;pointer-events:none!important}
.cc-point-exchange-dialog[hidden]{display:none!important}.cc-point-exchange-dialog__backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:rgba(22,27,25,.48)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.cc-point-exchange-dialog__panel{position:relative!important;width:min(92vw,520px)!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;padding:28px!important;border:1px solid color-mix(in srgb,var(--cc-theme-primary,#58b79f) 34%,#fff)!important;border-radius:30px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--cc-theme-surface,#fff) 96%,#fff),color-mix(in srgb,var(--cc-theme-secondary,#f4d680) 14%,var(--cc-theme-surface,#fff)))!important;color:var(--cc-theme-ink,#203d34)!important;box-shadow:0 28px 80px rgba(19,38,32,.28)!important;outline:0!important;overflow:hidden!important}
.cc-point-exchange-dialog__panel:before{content:""!important;position:absolute!important;right:-65px!important;top:-75px!important;width:210px!important;height:210px!important;border-radius:50%!important;background:color-mix(in srgb,var(--cc-theme-secondary,#f4d680) 28%,transparent)!important;pointer-events:none!important}
.cc-point-exchange-dialog__mascot{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;width:112px!important;height:112px!important;border-radius:34px!important;background:color-mix(in srgb,var(--cc-theme-primary,#58b79f) 12%,#fff)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc-theme-primary,#58b79f) 24%,transparent)!important;transform-origin:50% 88%!important}
.cc-point-exchange-dialog__mascot img{display:block!important;max-width:92px!important;max-height:98px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 9px 8px rgba(31,58,49,.15))!important}
.cc-point-exchange-dialog__mascot.is-fallback:after{content:attr(data-mascot-name)!important;display:grid!important;place-items:center!important;width:72px!important;height:72px!important;padding:7px!important;border:4px solid color-mix(in srgb,var(--cc-theme-primary,#58b79f) 78%,#fff)!important;border-radius:50% 48% 46% 52%!important;background:linear-gradient(145deg,#fff,var(--cc-theme-secondary,#f4d680))!important;color:var(--cc-theme-ink,#203d34)!important;font-size:13px!important;font-weight:950!important;line-height:1.25!important;text-align:center!important;box-shadow:0 8px 18px rgba(31,58,49,.14)!important;transform:rotate(-5deg)!important}
.cc-point-exchange-dialog__copy{position:relative!important;z-index:1!important;min-width:0!important}.cc-point-exchange-dialog__copy small{display:block!important;margin:0 0 6px!important;color:var(--cc-theme-primary,#439b84)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important}.cc-point-exchange-dialog__copy h2{margin:0!important;color:var(--cc-theme-ink,#203d34)!important;font-size:24px!important;line-height:1.35!important}.cc-point-exchange-dialog__copy p{margin:8px 0 0!important;color:var(--cc-theme-muted,#68766f)!important;font-size:13px!important;font-weight:700!important;line-height:1.7!important}.cc-point-exchange-dialog__copy strong{display:block!important;margin-top:12px!important;color:var(--cc-theme-primary,#338d76)!important;font-size:24px!important;font-weight:950!important}
.cc-point-exchange-dialog output{grid-column:1/-1!important;min-height:0!important;color:#b24c4c!important;font-size:12px!important;font-weight:800!important;text-align:center!important}.cc-point-exchange-dialog__actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:10px!important}.cc-point-exchange-dialog__actions[hidden]{display:none!important}.cc-point-exchange-dialog__actions button{min-height:50px!important;margin:0!important;border:1px solid var(--cc-theme-line,#dce6e2)!important;border-radius:16px!important;background:color-mix(in srgb,var(--cc-theme-surface,#fff) 96%,#fff)!important;color:var(--cc-theme-ink,#203d34)!important;font:900 14px/1 inherit!important;cursor:pointer!important}.cc-point-exchange-dialog__actions button.is-primary{border-color:transparent!important;background:var(--cc-theme-primary,#58b79f)!important;color:var(--cc-theme-on-primary,#fff)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--cc-theme-primary,#58b79f) 30%,transparent)!important}.cc-point-exchange-dialog__actions button:focus-visible{outline:3px solid color-mix(in srgb,var(--cc-theme-secondary,#f4d680) 68%,#fff)!important;outline-offset:3px!important}
.cc-point-exchange-dialog.is-success .cc-point-exchange-dialog__panel{grid-template-columns:138px minmax(0,1fr)!important}.cc-point-exchange-dialog.is-success .cc-point-exchange-dialog__mascot{animation:cc-kuru-exchange-success .72s cubic-bezier(.2,.8,.3,1) both!important}.cc-point-exchange-dialog.is-success .cc-point-exchange-dialog__copy h2{font-size:27px!important}.cc-point-exchange-dialog.is-success .cc-point-exchange-dialog__copy p{color:var(--cc-theme-ink,#203d34)!important;font-size:15px!important}
html.cc-point-exchange-open{overflow:hidden!important}
@keyframes cc-kuru-exchange-success{0%{transform:translateY(16px) scale(.82) rotate(-7deg);opacity:.2}42%{transform:translateY(-12px) scale(1.12) rotate(7deg);opacity:1}68%{transform:translateY(3px) scale(.96) rotate(-3deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
@media(max-width:560px){.cc-point-exchange-dialog{padding:10px!important}.cc-point-exchange-dialog__panel,.cc-point-exchange-dialog.is-success .cc-point-exchange-dialog__panel{grid-template-columns:82px minmax(0,1fr)!important;gap:13px!important;padding:20px!important;border-radius:24px!important}.cc-point-exchange-dialog__mascot{width:80px!important;height:80px!important;border-radius:24px!important}.cc-point-exchange-dialog__mascot img{max-width:68px!important;max-height:72px!important}.cc-point-exchange-dialog__copy h2,.cc-point-exchange-dialog.is-success .cc-point-exchange-dialog__copy h2{font-size:19px!important}.cc-point-exchange-dialog__copy p,.cc-point-exchange-dialog.is-success .cc-point-exchange-dialog__copy p{font-size:11px!important}.cc-point-exchange-dialog__copy strong{font-size:20px!important}}

/* v0.8.599: every chooser tile has a scene-specific icon. */
.cc-site-theme-grid>button>i .cc-theme-card-icon{position:absolute!important;z-index:3!important;inset:0!important;display:grid!important;place-items:center!important;font-size:28px!important;font-style:normal!important;line-height:1!important;filter:drop-shadow(0 4px 5px rgba(20,28,25,.18))!important;transform:translateY(-1px)!important}
.cc-site-theme-grid>button>i b,.cc-site-theme-grid>button>i em{opacity:.34!important;filter:saturate(.82)!important}
.cc-site-theme-grid>button:hover>i .cc-theme-card-icon{transform:translateY(-3px) scale(1.08)!important;transition:transform .22s ease!important}

/* Theme the dedicated mobile footer and its menu, including Home's stronger legacy rules. */
@media(max-width:1180px){
  html body.cc-theme-runtime .cc-mobile-app-bottom,
  html body.cc-home-page.cc-theme-runtime .cc-mobile-app-bottom{border-color:color-mix(in srgb,var(--cc-theme-line) 38%,transparent)!important;background:transparent!important;background-image:none!important;color:var(--cc-theme-ink)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--cc-theme-ink) 8%,transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html body.cc-theme-runtime .cc-mobile-app-navitem,
  html body.cc-home-page.cc-theme-runtime .cc-mobile-app-navitem{color:color-mix(in srgb,var(--cc-theme-ink) 72%,var(--cc-theme-surface))!important}
  html body.cc-theme-runtime .cc-mobile-app-navitem.is-active,
  html body.cc-home-page.cc-theme-runtime .cc-mobile-app-navitem.is-active{color:var(--cc-theme-primary)!important}
  html body.cc-theme-runtime .cc-mobile-app-submit-circle,
  html body.cc-home-page.cc-theme-runtime .cc-mobile-app-submit-circle{border-color:color-mix(in srgb,var(--cc-theme-surface) 96%,transparent)!important;background:var(--cc-theme-primary)!important;color:var(--cc-theme-on-primary,#fff)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--cc-theme-primary) 36%,transparent)!important}
  html body.cc-theme-runtime .cc-mobile-main-sheet__panel{border-color:var(--cc-theme-line)!important;background:color-mix(in srgb,var(--cc-theme-surface) 94%,transparent)!important;color:var(--cc-theme-ink)!important;box-shadow:0 20px 52px color-mix(in srgb,var(--cc-theme-ink) 24%,transparent)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
  html body.cc-theme-runtime .cc-mobile-main-sheet__head{border-color:var(--cc-theme-line)!important}
  html body.cc-theme-runtime .cc-mobile-main-sheet__head strong{color:var(--cc-theme-ink)!important}
  html body.cc-theme-runtime .cc-mobile-main-sheet nav a{border-color:var(--cc-theme-line)!important;background:color-mix(in srgb,var(--cc-theme-surface) 88%,var(--cc-theme-bg) 12%)!important;color:var(--cc-theme-ink)!important}
  html body.cc-theme-runtime .cc-mobile-main-sheet nav a:after{color:var(--cc-theme-primary)!important}
  html body.cc-theme-runtime .cc-mobile-main-sheet nav a small{color:var(--cc-theme-muted)!important}
}

/* The final Home CTA must stay readable on every theme. */
body.cc-theme-runtime .cc-home-story__final-card>a[data-cc-home-final-link],
body.cc-theme-runtime .cc-home-story__final-card>a[data-cc-home-final-link]:visited,
body.cc-theme-runtime .cc-home-story__final-card>a[data-cc-home-final-link]:hover{color:#fff!important;text-shadow:0 1px 2px rgba(23,45,38,.2)!important}

/* Rooftop sunset: layered dusk, distant city, terrace, rail, antenna and a quiet bench. */
.cc-theme-stage[data-cc-scene="sunset-city"]{background:linear-gradient(180deg,#644f83 0%,#c87782 32%,#f2ad82 57%,#725c72 58%,#302b43 100%)!important}
.cc-theme-stage[data-cc-scene="sunset-city"]:before{inset:0!important;opacity:1!important;background:radial-gradient(circle at 77% 27%,#ffe1a0 0 5.8%,rgba(255,199,124,.42) 6.1% 12%,transparent 12.4%),linear-gradient(170deg,transparent 0 42%,rgba(255,224,187,.18) 43% 52%,transparent 53%)!important;filter:none!important;animation:cc-theme-sunset-breathe 12s ease-in-out infinite alternate!important}
.cc-theme-stage[data-cc-scene="sunset-city"]:after{inset:0!important;opacity:.62!important;mask-image:none!important;background-image:linear-gradient(13deg,transparent 48%,rgba(65,47,70,.7) 49% 51%,transparent 52%),linear-gradient(-11deg,transparent 48%,rgba(65,47,70,.45) 49% 51%,transparent 52%)!important;background-position:8% 23%,23% 31%!important;background-size:55px 34px,48px 29px!important;background-repeat:no-repeat!important;animation:none!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-ground{left:0!important;right:0!important;bottom:15%!important;height:28%!important;opacity:.64!important;border-radius:0!important;clip-path:polygon(0 46%,6% 46%,6% 20%,13% 20%,13% 58%,21% 58%,21% 33%,29% 33%,29% 11%,39% 11%,39% 53%,47% 53%,47% 25%,57% 25%,57% 46%,66% 46%,66% 8%,75% 8%,75% 57%,84% 57%,84% 29%,93% 29%,93% 44%,100% 44%,100% 100%,0 100%)!important;background:linear-gradient(90deg,#38354d,#454057 45%,#302e43)!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-ground:before{opacity:.36!important;animation:cc-theme-window-breathe 9.5s ease-in-out infinite alternate!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-ground:after{opacity:.18!important;animation:cc-theme-window-breathe 13s -4s ease-in-out infinite alternate!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--one{display:block!important;left:0!important;right:0!important;bottom:0!important;height:18%!important;background:linear-gradient(#292637 0 9px,#40384a 10px 100%)!important;box-shadow:0 -10px 28px rgba(37,26,42,.22)!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--one:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-76px!important;height:76px!important;border-top:5px solid rgba(48,43,57,.92)!important;border-bottom:5px solid rgba(48,43,57,.92)!important;background:repeating-linear-gradient(90deg,rgba(48,43,57,.92) 0 5px,transparent 5px 86px)!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--two{display:block!important;right:9%!important;bottom:18%!important;width:7px!important;height:136px!important;background:#373241!important;box-shadow:34px 29px 0 -1px #373241!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--two:before{content:""!important;position:absolute!important;left:-42px!important;top:6px!important;width:92px!important;height:5px!important;border-radius:99px!important;background:#373241!important;transform:rotate(-8deg)!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--three{display:block!important;left:8%!important;bottom:20%!important;width:176px!important;height:12px!important;border-radius:8px!important;background:#4b3c43!important;box-shadow:0 10px 22px rgba(36,24,32,.2)!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--three:before{content:""!important;position:absolute!important;left:18px!important;top:10px!important;width:10px!important;height:50px!important;background:#39323c!important;box-shadow:130px 0 #39323c!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--four{display:block!important;left:48%!important;bottom:19%!important;width:46px!important;height:54px!important;border-radius:50% 50% 12px 12px!important;background:#2f5f58!important;box-shadow:0 9px 0 -2px #57403b!important;transform-origin:bottom!important;animation:cc-theme-rooftop-plant 7s ease-in-out infinite alternate!important}
.cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-particles{display:none!important}

/* Playful themes: distinct scenes rather than one shared decorative-dot treatment. */
.cc-theme-stage[data-cc-scene="candy-soft"]{background:linear-gradient(145deg,#fff4fa,#f2eaff 52%,#fff4d8)!important}
.cc-theme-stage[data-cc-scene="candy-soft"]:before{inset:-8%!important;opacity:.66!important;background:repeating-linear-gradient(128deg,transparent 0 54px,rgba(233,117,169,.11) 55px 84px,transparent 85px 133px,rgba(155,123,231,.10) 134px 164px)!important;filter:none!important}
.cc-theme-stage[data-cc-scene="candy-soft"] .cc-theme-ground{height:24%!important;background:radial-gradient(ellipse at 18% 15%,#ffd0e2 0 22%,transparent 23%),radial-gradient(ellipse at 51% 0,#e5d2ff 0 25%,transparent 26%),radial-gradient(ellipse at 85% 18%,#ffe3a8 0 24%,transparent 25%),linear-gradient(#ffdce9,#efc6dd)!important}
.cc-theme-stage[data-cc-scene="candy-soft"] .cc-theme-sprite,.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite{display:block!important;font-size:42px!important;filter:drop-shadow(0 7px 6px rgba(92,54,80,.12))!important;animation:cc-theme-chaos-float 8s ease-in-out infinite alternate!important}
.cc-theme-stage[data-cc-scene="candy-soft"] .cc-theme-sprite--one,.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--one{left:6%!important;top:17%!important}.cc-theme-stage[data-cc-scene="candy-soft"] .cc-theme-sprite--one:before,.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--one:before{content:"🍬"!important}
.cc-theme-stage[data-cc-scene="candy-soft"] .cc-theme-sprite--two,.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--two{right:7%!important;top:30%!important;animation-delay:-3s!important}.cc-theme-stage[data-cc-scene="candy-soft"] .cc-theme-sprite--two:before,.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--two:before{content:"🍭"!important}
.cc-theme-stage[data-cc-scene="candy"]{background:radial-gradient(circle at 13% 18%,#fff 0 4%,transparent 4.3%),linear-gradient(135deg,#ffe5f2,#ede4ff 54%,#fff2c8)!important}.cc-theme-stage[data-cc-scene="candy"] .cc-theme-ground{height:31%!important;background:repeating-radial-gradient(circle at 50% 110%,#f38ab6 0 35px,#fff 36px 53px,#8e7be8 54px 78px)!important}.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--three{left:25%!important;bottom:20%!important;animation-delay:-4s!important}.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--three:before{content:"🧁"!important}.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--four{right:27%!important;bottom:15%!important;animation-delay:-1s!important}.cc-theme-stage[data-cc-scene="candy"] .cc-theme-sprite--four:before{content:"🍪"!important}

.cc-theme-stage[data-cc-scene="confetti"]{background:linear-gradient(155deg,#fff8df,#ffe8ec 48%,#e7f7ff)!important}.cc-theme-stage[data-cc-scene="confetti"]:before{inset:0!important;opacity:.88!important;background:conic-gradient(from 135deg at 8% 0,#ef6269 0 12.5%,transparent 13% 100%),conic-gradient(from 135deg at 24% 0,#4db8c2 0 12.5%,transparent 13% 100%),conic-gradient(from 135deg at 42% 0,#f3bd44 0 12.5%,transparent 13% 100%),conic-gradient(from 135deg at 61% 0,#8a73db 0 12.5%,transparent 13% 100%),conic-gradient(from 135deg at 81% 0,#ef78a8 0 12.5%,transparent 13% 100%)!important;filter:none!important}.cc-theme-stage[data-cc-scene="confetti"] .cc-theme-sprite{display:block!important;font-size:48px!important;animation:cc-theme-balloon 9s ease-in-out infinite alternate!important}.cc-theme-stage[data-cc-scene="confetti"] .cc-theme-sprite--one{left:8%!important;bottom:18%!important}.cc-theme-stage[data-cc-scene="confetti"] .cc-theme-sprite--one:before{content:"🎈"!important}.cc-theme-stage[data-cc-scene="confetti"] .cc-theme-sprite--two{right:10%!important;top:21%!important;animation-delay:-4s!important}.cc-theme-stage[data-cc-scene="confetti"] .cc-theme-sprite--two:before{content:"🎉"!important}

.cc-theme-stage[data-cc-scene="toybox"]{background:linear-gradient(180deg,#dff4ff 0 68%,#e8c79d 69% 100%)!important}.cc-theme-stage[data-cc-scene="toybox"]:after{inset:7% 5% 29%!important;opacity:.32!important;mask-image:none!important;border:10px solid #fff!important;border-radius:24px!important;background:linear-gradient(90deg,transparent 49%,#fff 49% 51%,transparent 51%),linear-gradient(transparent 49%,#fff 49% 51%,transparent 51%)!important;animation:none!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-ground{height:31%!important;border-radius:0!important;background:repeating-linear-gradient(96deg,#d0aa7c 0 55px,#e3c295 56px 110px)!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite{display:block!important;bottom:14%!important;font-size:58px!important;filter:drop-shadow(0 8px 6px rgba(64,55,50,.17))!important;animation:cc-theme-toy-bob 5s ease-in-out infinite alternate!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--one{left:7%!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--one:before{content:"🧸"!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--two{left:31%!important;animation-delay:-2s!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--two:before{content:"🚂"!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--three{right:27%!important;animation-delay:-3.5s!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--three:before{content:"🪁"!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--four{right:6%!important}.cc-theme-stage[data-cc-scene="toybox"] .cc-theme-sprite--four:before{content:"🧩"!important}

.cc-theme-stage[data-cc-scene="doodle"]{background-color:#fffdf4!important;background-image:linear-gradient(rgba(76,121,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(76,121,184,.09) 1px,transparent 1px)!important;background-size:34px 34px!important}.cc-theme-stage[data-cc-scene="doodle"]:before{inset:0!important;opacity:.7!important;background:radial-gradient(ellipse at 14% 28%,transparent 0 6%,#456fbd 6.3% 6.8%,transparent 7.1%),radial-gradient(ellipse at 84% 71%,transparent 0 8%,#e3913d 8.3% 8.8%,transparent 9.1%)!important;filter:none!important;animation:none!important}.cc-theme-stage[data-cc-scene="doodle"] .cc-theme-sprite{display:block!important;color:#343944!important;font-family:cursive!important;font-weight:900!important;transform:rotate(-8deg)!important}.cc-theme-stage[data-cc-scene="doodle"] .cc-theme-sprite--one{left:8%!important;top:19%!important;font-size:68px!important}.cc-theme-stage[data-cc-scene="doodle"] .cc-theme-sprite--one:before{content:"✎"!important}.cc-theme-stage[data-cc-scene="doodle"] .cc-theme-sprite--two{right:9%!important;top:26%!important;font-size:42px!important}.cc-theme-stage[data-cc-scene="doodle"] .cc-theme-sprite--two:before{content:"ABC"!important}.cc-theme-stage[data-cc-scene="doodle"] .cc-theme-sprite--three{left:22%!important;bottom:14%!important;font-size:54px!important}.cc-theme-stage[data-cc-scene="doodle"] .cc-theme-sprite--three:before{content:"☆"!important}

.cc-theme-stage[data-cc-scene="pixel"]{background:linear-gradient(180deg,#16142d,#26204d)!important}.cc-theme-stage[data-cc-scene="pixel"]:after{inset:0!important;opacity:.34!important;mask-image:none!important;background-image:linear-gradient(rgba(103,224,203,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(103,224,203,.18) 1px,transparent 1px)!important;background-size:32px 32px!important;animation:none!important}.cc-theme-stage[data-cc-scene="pixel"] .cc-theme-ground{height:24%!important;border-radius:0!important;background:repeating-linear-gradient(90deg,#5d45a3 0 34px,#30295f 34px 68px)!important}.cc-theme-stage[data-cc-scene="pixel"] .cc-theme-sprite{display:block!important;width:42px!important;height:42px!important;background:#4ddac5!important;box-shadow:42px 0 #a75bea,0 42px #f5d663,42px 42px #ec6a8a!important;animation:cc-theme-pixel-hop 4.5s steps(4,end) infinite!important}.cc-theme-stage[data-cc-scene="pixel"] .cc-theme-sprite--one{left:10%!important;top:24%!important}.cc-theme-stage[data-cc-scene="pixel"] .cc-theme-sprite--two{right:14%!important;top:42%!important;animation-delay:-2s!important;transform:scale(.72)!important}

.cc-theme-stage[data-cc-scene="bubbles"]{background:radial-gradient(circle at 30% 12%,#fff 0 5%,transparent 5.3%),linear-gradient(155deg,#e5fbff,#f6ebff 48%,#ffeaf5)!important}.cc-theme-stage[data-cc-scene="bubbles"] .cc-theme-particles{inset:0!important;opacity:.72!important;mask-image:none!important;background-image:radial-gradient(circle at 6% 84%,transparent 0 18px,rgba(57,183,208,.45) 19px 22px,transparent 23px),radial-gradient(circle at 17% 29%,transparent 0 7px,rgba(221,119,190,.48) 8px 10px,transparent 11px),radial-gradient(circle at 31% 68%,transparent 0 31px,rgba(57,183,208,.24) 32px 35px,transparent 36px),radial-gradient(circle at 49% 18%,transparent 0 12px,rgba(221,119,190,.42) 13px 16px,transparent 17px),radial-gradient(circle at 65% 79%,transparent 0 22px,rgba(57,183,208,.33) 23px 26px,transparent 27px),radial-gradient(circle at 82% 36%,transparent 0 38px,rgba(221,119,190,.20) 39px 42px,transparent 43px),radial-gradient(circle at 95% 88%,transparent 0 9px,rgba(57,183,208,.5) 10px 13px,transparent 14px)!important;background-size:100% 100%!important;animation:cc-theme-bubble-orbit 16s ease-in-out infinite alternate!important}

.cc-theme-stage[data-cc-scene="geometry"]{background:linear-gradient(135deg,#fff5e8,#f1f4ff 55%,#e7fff8)!important}.cc-theme-stage[data-cc-scene="geometry"]:before{inset:0!important;opacity:.92!important;background:linear-gradient(31deg,transparent 0 76%,rgba(239,106,86,.22) 76.3% 88%,transparent 88.3%),linear-gradient(-37deg,transparent 0 71%,rgba(83,111,226,.2) 71.3% 84%,transparent 84.3%)!important;filter:none!important}.cc-theme-stage[data-cc-scene="geometry"] .cc-theme-sprite{display:block!important;animation:cc-theme-geometry-orbit 12s ease-in-out infinite alternate!important}.cc-theme-stage[data-cc-scene="geometry"] .cc-theme-sprite--one{left:7%!important;top:22%!important;width:84px!important;height:84px!important;border-radius:50%!important;background:#ef6a56!important}.cc-theme-stage[data-cc-scene="geometry"] .cc-theme-sprite--two{right:9%!important;top:15%!important;width:94px!important;height:94px!important;background:#536fe2!important;clip-path:polygon(50% 0,100% 100%,0 100%)!important;animation-delay:-5s!important}.cc-theme-stage[data-cc-scene="geometry"] .cc-theme-sprite--three{right:23%!important;bottom:12%!important;width:72px!important;height:72px!important;border:9px solid #3ebc9a!important;transform:rotate(23deg)!important;animation-delay:-2s!important}

.cc-theme-stage[data-cc-scene="comic"]{background-color:#fff3b6!important;background-image:radial-gradient(rgba(38,34,44,.16) 1.4px,transparent 1.5px)!important;background-size:13px 13px!important}.cc-theme-stage[data-cc-scene="comic"]:before{inset:0!important;opacity:.64!important;background:repeating-conic-gradient(from 0deg at 52% 48%,rgba(239,65,65,.24) 0 5deg,transparent 5.2deg 12deg)!important;filter:none!important}.cc-theme-stage[data-cc-scene="comic"] .cc-theme-sprite{display:grid!important;place-items:center!important;color:#24212b!important;font-weight:1000!important;filter:drop-shadow(7px 8px 0 #347bd1)!important}.cc-theme-stage[data-cc-scene="comic"] .cc-theme-sprite--one{left:8%!important;top:20%!important;width:150px!important;height:90px!important;border:5px solid #24212b!important;border-radius:50%!important;background:#fff!important;transform:rotate(-8deg)!important}.cc-theme-stage[data-cc-scene="comic"] .cc-theme-sprite--one:before{content:"WOW!"!important;font-size:30px!important}.cc-theme-stage[data-cc-scene="comic"] .cc-theme-sprite--two{right:8%!important;bottom:18%!important;width:120px!important;height:120px!important;background:#ef4141!important;clip-path:polygon(50% 0,61% 29%,86% 14%,73% 39%,100% 50%,71% 61%,86% 86%,61% 71%,50% 100%,39% 71%,14% 86%,29% 61%,0 50%,29% 39%,14% 14%,39% 29%)!important}.cc-theme-stage[data-cc-scene="comic"] .cc-theme-sprite--two:before{content:"GO!"!important;color:#fff!important;font-size:27px!important}

.cc-theme-stage[data-cc-scene="festival"]{background:linear-gradient(180deg,#1d2850,#66425e 58%,#2a2438)!important}.cc-theme-stage[data-cc-scene="festival"]:before{inset:0!important;opacity:.82!important;background:radial-gradient(circle at 15% 22%,transparent 0 28px,#ffcf68 29px 31px,transparent 32px),radial-gradient(circle at 81% 28%,transparent 0 38px,#ef7181 39px 42px,transparent 43px),radial-gradient(circle at 55% 12%,transparent 0 22px,#72d2c4 23px 25px,transparent 26px)!important;filter:none!important;animation:cc-theme-festival-glow 5s ease-in-out infinite alternate!important}.cc-theme-stage[data-cc-scene="festival"]:after{inset:4% 0 auto!important;height:68px!important;opacity:1!important;mask-image:none!important;background:linear-gradient(4deg,transparent 0 45%,rgba(255,238,186,.7) 46% 49%,transparent 50%)!important;animation:none!important}.cc-theme-stage[data-cc-scene="festival"] .cc-theme-sprite{display:block!important;top:8%!important;font-size:52px!important;filter:drop-shadow(0 0 14px rgba(255,180,83,.48))!important;animation:cc-theme-lantern-sway 6s ease-in-out infinite alternate!important}.cc-theme-stage[data-cc-scene="festival"] .cc-theme-sprite--one{left:9%!important}.cc-theme-stage[data-cc-scene="festival"] .cc-theme-sprite--one:before{content:"🏮"!important}.cc-theme-stage[data-cc-scene="festival"] .cc-theme-sprite--two{left:43%!important;animation-delay:-2s!important}.cc-theme-stage[data-cc-scene="festival"] .cc-theme-sprite--two:before{content:"🏮"!important}.cc-theme-stage[data-cc-scene="festival"] .cc-theme-sprite--three{right:9%!important;animation-delay:-4s!important}.cc-theme-stage[data-cc-scene="festival"] .cc-theme-sprite--three:before{content:"🏮"!important}

.cc-theme-stage[data-cc-scene="rainbow"]{background:linear-gradient(180deg,#eaf4ff 0 69%,#d9d9eb 70% 100%)!important}.cc-theme-stage[data-cc-scene="rainbow"]:before{inset:-12%!important;opacity:.55!important;background:conic-gradient(from 205deg at 50% 116%,transparent 0 10%,#ef6c72 10.5% 13%,#f3bb4c 13.2% 16%,#66c884 16.2% 19%,#4da5d8 19.2% 22%,#9a71d7 22.2% 25%,transparent 25.5% 100%)!important;filter:blur(2px)!important;animation:cc-theme-lab-pulse 9s ease-in-out infinite alternate!important}.cc-theme-stage[data-cc-scene="rainbow"] .cc-theme-ground{height:28%!important;border-radius:0!important;background:linear-gradient(#aeb2c7,#858aa3)!important}.cc-theme-stage[data-cc-scene="rainbow"] .cc-theme-sprite{display:block!important;bottom:15%!important;font-size:64px!important;filter:drop-shadow(0 9px 8px rgba(55,60,84,.18))!important;animation:cc-theme-lab-bubble 7s ease-in-out infinite alternate!important}.cc-theme-stage[data-cc-scene="rainbow"] .cc-theme-sprite--one{left:10%!important}.cc-theme-stage[data-cc-scene="rainbow"] .cc-theme-sprite--one:before{content:"🧪"!important}.cc-theme-stage[data-cc-scene="rainbow"] .cc-theme-sprite--two{right:12%!important;animation-delay:-3s!important}.cc-theme-stage[data-cc-scene="rainbow"] .cc-theme-sprite--two:before{content:"⚗️"!important}

@keyframes cc-theme-sunset-breathe{to{filter:saturate(1.08) brightness(1.04)}}
@keyframes cc-theme-rooftop-plant{from{transform:rotate(-1deg)}to{transform:rotate(2deg)}}
@keyframes cc-theme-chaos-float{from{transform:translate3d(0,-5px,0) rotate(-4deg)}to{transform:translate3d(11px,15px,0) rotate(7deg)}}
@keyframes cc-theme-balloon{from{transform:translate3d(-4px,13px,0) rotate(-4deg)}to{transform:translate3d(9px,-18px,0) rotate(5deg)}}
@keyframes cc-theme-toy-bob{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-9px) rotate(3deg)}}
@keyframes cc-theme-pixel-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-32px)}}
@keyframes cc-theme-bubble-orbit{from{transform:translate3d(-1%,4%,0) scale(.96)}to{transform:translate3d(2%,-6%,0) scale(1.04)}}
@keyframes cc-theme-geometry-orbit{from{transform:translate3d(-8px,6px,0) rotate(-8deg)}to{transform:translate3d(14px,-12px,0) rotate(18deg)}}
@keyframes cc-theme-festival-glow{from{filter:brightness(.88)}to{filter:brightness(1.32)}}
@keyframes cc-theme-lantern-sway{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}
@keyframes cc-theme-lab-pulse{from{transform:scale(.98);opacity:.42}to{transform:scale(1.03);opacity:.68}}
@keyframes cc-theme-lab-bubble{from{transform:translateY(5px) rotate(-3deg)}to{transform:translateY(-9px) rotate(3deg)}}



/* v0.8.615 - theme-native roaming creatures.
   Keep these selective: only scenes where moving wildlife belongs naturally. */
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite,
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite,
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite,
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite,
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite,
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite,
.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite{
  display:block!important;position:absolute!important;z-index:2!important;width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 4px 5px rgba(27,48,42,.12))!important;pointer-events:none!important;
}
/* v0.8.617: flying glyph orientation follows movement direction. Parent keeps the travel transform. */
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--one:before,
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--one:before,
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--two:before,
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--one:before{display:inline-block!important;transform:scaleX(-1)!important;transform-origin:center!important}
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--two:before,
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--two:before{display:inline-block!important;transform:scaleX(1)!important;transform-origin:center!important}
/* Paradise garden / meadow: butterflies cross at different heights and speeds. */
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite--one,
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite--one{left:-12%!important;top:24%!important;font-size:34px!important;animation:cc-theme-wildlife-right 19s ease-in-out infinite!important}
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite--one:before,
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite--one:before{content:"🦋"!important}
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite--two,
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite--two{right:-14%!important;top:49%!important;font-size:25px!important;animation:cc-theme-wildlife-left 24s ease-in-out infinite!important;animation-delay:-9s!important}
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite--two:before{content:"🦋"!important}
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite--two:before{content:"🐝"!important}
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite--three{left:-18%!important;top:68%!important;font-size:21px!important;animation:cc-theme-wildlife-right 29s ease-in-out infinite!important;animation-delay:-15s!important}
.cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite--three:before{content:"🐝"!important}
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite--three{left:-18%!important;top:64%!important;font-size:22px!important;animation:cc-theme-wildlife-right 28s ease-in-out infinite!important;animation-delay:-15s!important}
.cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite--three:before{content:"🦋"!important}
/* Sunflower field: butterfly plus a smaller bee. */
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite--one{left:-12%!important;top:28%!important;font-size:32px!important;animation:cc-theme-wildlife-right 20s ease-in-out infinite!important}
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite--one:before{content:"🦋"!important}
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite--two{right:-12%!important;top:58%!important;font-size:23px!important;animation:cc-theme-wildlife-left 17s ease-in-out infinite!important;animation-delay:-7s!important}
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite--two:before{content:"🐝"!important}
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite--three{left:-18%!important;top:43%!important;font-size:24px!important;animation:cc-theme-wildlife-right 27s ease-in-out infinite!important;animation-delay:-12s!important}
.cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite--three:before{content:"🦋"!important}
/* Cherry park: mixed small birds move gently above the petals. */
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--one{left:-15%!important;top:18%!important;font-size:27px!important;animation:cc-theme-bird-right 26s ease-in-out infinite!important}
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--one:before{content:"🐦"!important}
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--two{right:-15%!important;top:37%!important;font-size:21px!important;animation:cc-theme-bird-left 31s ease-in-out infinite!important;animation-delay:-13s!important}
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--two:before{content:"🕊️"!important}
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--three{left:-20%!important;top:29%!important;font-size:18px!important;animation:cc-theme-bird-right 36s ease-in-out infinite!important;animation-delay:-19s!important}
.cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite--three:before{content:"🐦"!important;display:inline-block!important;transform:scaleX(-1)!important;transform-origin:center!important}
/* Tropical shore: mixed sea/sky birds cross the sky, not the water. */
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--one{left:-14%!important;top:15%!important;font-size:29px!important;animation:cc-theme-bird-right 24s ease-in-out infinite!important}
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--one:before{content:"🕊️"!important}
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--two{left:-20%!important;top:29%!important;font-size:20px!important;animation:cc-theme-bird-right 32s ease-in-out infinite!important;animation-delay:-14s!important}
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--two:before{content:"🐦"!important}
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--three{left:-18%!important;top:38%!important;font-size:17px!important;animation:cc-theme-bird-right 39s ease-in-out infinite!important;animation-delay:-21s!important}
.cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite--three:before{content:"🕊️"!important;display:inline-block!important;transform:scaleX(-1)!important;transform-origin:center!important}
/* Cloud island: mixed distant birds emphasize altitude and depth. */
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--one{left:-14%!important;top:19%!important;font-size:25px!important;animation:cc-theme-bird-right 30s ease-in-out infinite!important}
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--one:before{content:"🐦"!important}
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--two{right:-14%!important;top:42%!important;font-size:18px!important;animation:cc-theme-bird-left 37s ease-in-out infinite!important;animation-delay:-17s!important}
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--two:before{content:"🕊️"!important}
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--three{left:-20%!important;top:31%!important;font-size:16px!important;animation:cc-theme-bird-right 43s ease-in-out infinite!important;animation-delay:-24s!important}
.cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite--three:before{content:"🐦"!important;display:inline-block!important;transform:scaleX(-1)!important;transform-origin:center!important}
/* Moon garden: fireflies drift locally rather than crossing like birds. */
.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite{font-size:15px!important;filter:drop-shadow(0 0 8px rgba(255,231,112,.95))!important;animation:cc-theme-firefly 6.5s ease-in-out infinite alternate!important}
.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite:before{content:"●"!important;color:#ffe879!important}
.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite--one{left:18%!important;top:57%!important}
.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite--two{left:43%!important;top:72%!important;animation-delay:-2.4s!important}
.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite--three{right:22%!important;top:51%!important;animation-delay:-4.1s!important}
.cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite--four{right:8%!important;top:69%!important;animation-delay:-1.2s!important}
@keyframes cc-theme-wildlife-right{0%{transform:translate3d(0,8px,0) rotate(-5deg)}22%{transform:translate3d(30vw,-12px,0) rotate(4deg)}51%{transform:translate3d(67vw,9px,0) rotate(-3deg)}78%{transform:translate3d(101vw,-15px,0) rotate(5deg)}100%{transform:translate3d(132vw,3px,0) rotate(-4deg)}}
@keyframes cc-theme-wildlife-left{0%{transform:translate3d(0,-4px,0) rotate(4deg)}25%{transform:translate3d(-32vw,11px,0) rotate(-4deg)}55%{transform:translate3d(-72vw,-13px,0) rotate(3deg)}82%{transform:translate3d(-108vw,8px,0) rotate(-5deg)}100%{transform:translate3d(-136vw,-2px,0) rotate(3deg)}}
@keyframes cc-theme-bird-right{0%{transform:translate3d(0,0,0)}35%{transform:translate3d(47vw,-10px,0)}68%{transform:translate3d(92vw,7px,0)}100%{transform:translate3d(132vw,-4px,0)}}
@keyframes cc-theme-bird-left{0%{transform:translate3d(0,0,0)}37%{transform:translate3d(-49vw,8px,0)}72%{transform:translate3d(-96vw,-7px,0)}100%{transform:translate3d(-134vw,3px,0)}}
@keyframes cc-theme-firefly{0%{transform:translate3d(-8px,7px,0);opacity:.35}35%{transform:translate3d(10px,-13px,0);opacity:1}68%{transform:translate3d(19px,4px,0);opacity:.58}100%{transform:translate3d(-4px,-18px,0);opacity:.9}}
@media(max-width:860px){
  .cc-theme-stage[data-cc-scene="garden"] .cc-theme-sprite,
  .cc-theme-stage[data-cc-scene="meadow"] .cc-theme-sprite,
  .cc-theme-stage[data-cc-scene="sunflower"] .cc-theme-sprite,
  .cc-theme-stage[data-cc-scene="petals"] .cc-theme-sprite,
  .cc-theme-stage[data-cc-scene="ocean"] .cc-theme-sprite,
  .cc-theme-stage[data-cc-scene="cloud-island"] .cc-theme-sprite{font-size:22px!important}
  .cc-theme-stage[data-cc-scene="moon-garden"] .cc-theme-sprite{font-size:11px!important}
}

@media(prefers-reduced-motion:reduce){
  .cc-theme-stage[data-cc-scene="sunset-city"] *,
  .cc-theme-stage[data-cc-scene="candy-soft"] *,
  .cc-theme-stage[data-cc-scene="candy"] *,
  .cc-theme-stage[data-cc-scene="confetti"] *,
  .cc-theme-stage[data-cc-scene="toybox"] *,
  .cc-theme-stage[data-cc-scene="pixel"] *,
  .cc-theme-stage[data-cc-scene="bubbles"] *,
  .cc-theme-stage[data-cc-scene="geometry"] *,
  .cc-theme-stage[data-cc-scene="festival"] *,
  .cc-theme-stage[data-cc-scene="rainbow"] *{animation:none!important}
}

/* v0.8.600: contrast-safe actions and scenery that remains visible beside content. */
body.cc-theme-runtime .cc-site-theme-tabs button.is-active,
body.cc-theme-runtime .cc-site-theme-dialog__actions button.is-primary,
body.cc-theme-runtime .cc-site-theme-grid>button.is-active:after{
  border-color:var(--cc-theme-primary-readable)!important;
  background:var(--cc-theme-primary-readable)!important;
  color:#fff!important;
}
body.cc-theme-runtime .cc-point-exchange-dialog__actions button.is-primary,
body.cc-theme-runtime .cc-simple-desktop-search>button[type="submit"],
body.cc-theme-runtime .cc-simple-mobile-search-form>button[type="submit"],
html body.cc-theme-runtime .cc-mobile-app-submit-circle,
html body.cc-home-page.cc-theme-runtime .cc-mobile-app-submit-circle{
  border-color:var(--cc-theme-primary-readable)!important;
  background:var(--cc-theme-primary-readable)!important;
  color:#fff!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--cc-theme-primary-readable) 34%,transparent)!important;
}
body.cc-theme-runtime .cc-search-type-switch input[value="resource"]:checked+label{
  border-color:var(--cc-theme-primary-readable)!important;
  background:var(--cc-theme-primary-readable)!important;
  color:#fff!important;
}
body.cc-theme-runtime .cc-search-type-switch input[value="material"]:checked+label{
  border-color:var(--cc-theme-secondary-readable)!important;
  background:var(--cc-theme-secondary-readable)!important;
  color:#fff!important;
}
body.cc-theme-runtime .cc-home-story__final-card>a[data-cc-home-final-link],
body.cc-theme-runtime .cc-home-story__final-card>a[data-cc-home-final-link]:visited,
body.cc-theme-runtime .cc-home-story__final-card>a[data-cc-home-final-link]:hover{
  background:var(--cc-theme-primary-readable)!important;
  color:#fff!important;
}
body.cc-theme-runtime :is(.cc-site-theme-dialog__panel,.cc-point-exchange-dialog__panel,.cc-simple-menu__panel,.cc-mobile-main-sheet__panel){
  color:var(--cc-theme-ink)!important;
}
body.cc-theme-runtime :is(.cc-site-theme-dialog__panel,.cc-point-exchange-dialog__panel,.cc-simple-menu__panel,.cc-mobile-main-sheet__panel) :is(p,small,label){
  color:var(--cc-theme-muted)!important;
}
body.cc-theme-runtime :is(.cc-site-theme-dialog__panel,.cc-point-exchange-dialog__panel,.cc-simple-menu__panel,.cc-mobile-main-sheet__panel) :is(h1,h2,h3,h4,strong,b,a,button,input,select,textarea){
  color:var(--cc-theme-ink)!important;
}
body.cc-theme-runtime :is(.cc-site-theme-dialog__panel,.cc-point-exchange-dialog__panel) :is(button.is-primary,.cc-site-theme-tabs button.is-active){color:#fff!important}

@media(min-width:1180px){
  /* Large scenery belongs in the page gutters so the work area never hides it. */
  .cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one,
  .cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one{
    left:clamp(8px,1.4vw,28px)!important;width:clamp(170px,11vw,225px)!important;
  }
  .cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one:before,
  .cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one:before{
    box-shadow:calc(clamp(170px,11vw,225px) - 65px) 0 #5c5048!important;
  }
  .cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--one:after,
  .cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--one:after{
    left:31%!important;width:76px!important;height:54px!important;
  }
  .cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--two,
  .cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--two{right:clamp(104px,6.5vw,138px)!important}
  .cc-theme-stage[data-cc-scene="office"] .cc-theme-sprite--three,
  .cc-theme-stage[data-cc-scene="glass-office"] .cc-theme-sprite--three{right:clamp(8px,1vw,20px)!important}

  .cc-theme-stage[data-cc-scene="library"]:before,
  .cc-theme-stage[data-cc-scene="magic-library"]:before{background-size:17% 100%,17% 100%!important}
  .cc-theme-stage[data-cc-scene="library"]:after,
  .cc-theme-stage[data-cc-scene="magic-library"]:after{background-size:15% 100%,15% 100%,15% 100%,15% 100%!important}
  .cc-theme-stage[data-cc-scene="library"] .cc-theme-sprite--one,
  .cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-sprite--one{
    left:clamp(12px,1.8vw,36px)!important;width:178px!important;transform:none!important;
  }
  .cc-theme-stage[data-cc-scene="library"] .cc-theme-sprite--one:before,
  .cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-sprite--one:before{box-shadow:124px 0 #64452f!important}
  .cc-theme-stage[data-cc-scene="library"] .cc-theme-sprite--one:after,
  .cc-theme-stage[data-cc-scene="magic-library"] .cc-theme-sprite--one:after{left:61px!important}

  .cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--one{left:10%!important}
  .cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--two{left:45%!important}
  .cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--three{right:2%!important}
  .cc-theme-stage[data-cc-scene="savanna"] .cc-theme-sprite--four{left:34%!important;right:auto!important;bottom:17%!important}
  .cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--one{left:2%!important}
  .cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--two{left:8%!important}
  .cc-theme-stage[data-cc-scene="cotocle-park"] .cc-theme-sprite--three{right:3%!important}
  .cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--two{right:3%!important}
  .cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--three{left:2%!important}
  .cc-theme-stage[data-cc-scene="sunset-city"] .cc-theme-sprite--four{left:auto!important;right:2.5%!important}
}
/* v0.8.613: the ordinary CotoCle footer and mobile bottom nav are boldly translucent on EVERY theme.
   This intentionally lives at the end of the theme stylesheet and uses higher
   specificity than the older frame-family rules, so no preset can silently
   restore an almost-opaque footer. Theme colors are preserved through vars. */
html body .cc-site-footer.cc-site-footer.cc-site-footer{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html body .cc-site-footer.cc-site-footer.cc-site-footer::before,
html body .cc-site-footer.cc-site-footer.cc-site-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}



/* ==========================================================
   v0.8.614 - selected glass-surface themes
   Keep document/editor canvases opaque; only UI surfaces become glass.
   ========================================================== */
:is(
 body.cc-site-theme--tropical-shore,
 body.cc-site-theme--deep-sea,
 body.cc-site-theme--rainy-window,
 body.cc-site-theme--snowy-morning,
 body.cc-site-theme--aurora-lake,
 body.cc-site-theme--glass-office,
 body.cc-site-theme--deep-space,
 body.cc-site-theme--bubble-world,
 body.cc-site-theme--rainbow-lab,
 body.cc-site-theme--cloud-island,
 body.cc-site-theme--moon-garden,
 body.cc-site-theme--aquarium,
 body.cc-site-theme--aurora-dream
) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-seasonal-set-card,.cc-home-category-card,.cc-creator-card,.cc-creator-directory-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-consent-card,.cc-policy-card,.cc-profile-google-card,.cc-profile-completion-card,
 .cc-nursery-mini-card,.cc-tip-box,.cc-surprise-box
 ){
  background:color-mix(in srgb,var(--cc-theme-surface,#fff) 52%,transparent)!important;
  border-color:color-mix(in srgb,var(--cc-theme-line,#d8e4df) 46%,transparent)!important;
  backdrop-filter:blur(16px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.14)!important;
  box-shadow:0 12px 34px rgba(25,50,45,.08)!important;
}
:is(body.cc-site-theme--deep-sea,body.cc-site-theme--aquarium) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-seasonal-set-card,.cc-home-category-card,.cc-creator-card,.cc-creator-directory-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-nursery-mini-card
 ){
  background:color-mix(in srgb,var(--cc-theme-surface,#fff) 40%,transparent)!important;
  border-color:color-mix(in srgb,var(--cc-theme-line,#aee0e5) 42%,transparent)!important;
  backdrop-filter:blur(19px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(19px) saturate(1.2)!important;
}

/* v0.8.618 absolute final transparent footer/nav safeguard. */
html body.cc-theme-runtime .cc-site-footer,
html body .cc-site-footer{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html body.cc-theme-runtime .cc-site-footer::before,
html body.cc-theme-runtime .cc-site-footer::after,
html body .cc-site-footer::before,
html body .cc-site-footer::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
@media(max-width:1180px){
  html body.cc-theme-runtime .cc-mobile-app-bottom,
  html body.cc-home-page.cc-theme-runtime .cc-mobile-app-bottom,
  html body .cc-mobile-app-bottom{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* ==========================================================
   v0.8.620 - glass cards + controls for selected atmospheric themes.
   Editor/document canvases are deliberately excluded.
   ========================================================== */
:is(
 body.cc-site-theme--tropical-shore, body.cc-site-theme--deep-sea,
 body.cc-site-theme--rainy-window, body.cc-site-theme--snowy-morning,
 body.cc-site-theme--aurora-lake, body.cc-site-theme--glass-office,
 body.cc-site-theme--deep-space, body.cc-site-theme--bubble-world,
 body.cc-site-theme--rainbow-lab, body.cc-site-theme--cloud-island,
 body.cc-site-theme--moon-garden, body.cc-site-theme--aquarium,
 body.cc-site-theme--aurora-dream,
 body.cc-site-theme--sky, body.cc-site-theme--meadow-breeze, body.cc-site-theme--paradise-garden, body.cc-site-theme--cherry-park, body.cc-site-theme--sunflower-field, body.cc-site-theme--creative-atelier, body.cc-site-theme--rooftop-sunset, body.cc-site-theme--city-night, body.cc-site-theme--neon-tokyo, body.cc-site-theme--cyber-dark, body.cc-site-theme--campfire-stars, body.cc-site-theme--starlight-camp
) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-consent-card,.cc-policy-card,.cc-profile-google-card,.cc-profile-completion-card,
 .cc-nursery-mini-card,.cc-tip-box,.cc-surprise-box,.cc-list,.cc-content-section
 ){
  background:color-mix(in srgb,var(--cc-theme-surface,#fff) 38%,transparent)!important;
  border-color:color-mix(in srgb,var(--cc-theme-line,#d8e4df) 38%,transparent)!important;
  backdrop-filter:blur(15px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.14)!important;
  box-shadow:0 10px 30px rgba(18,44,52,.075)!important;
}
:is(body.cc-site-theme--deep-sea,body.cc-site-theme--aquarium) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-nursery-mini-card,.cc-list,.cc-content-section
 ){
  background:color-mix(in srgb,var(--cc-theme-surface,#fff) 24%,transparent)!important;
  border-color:rgba(166,231,244,.24)!important;
  backdrop-filter:blur(13px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(13px) saturate(1.18)!important;
}
:is(
 body.cc-site-theme--tropical-shore, body.cc-site-theme--deep-sea,
 body.cc-site-theme--rainy-window, body.cc-site-theme--snowy-morning,
 body.cc-site-theme--aurora-lake, body.cc-site-theme--glass-office,
 body.cc-site-theme--deep-space, body.cc-site-theme--bubble-world,
 body.cc-site-theme--rainbow-lab, body.cc-site-theme--cloud-island,
 body.cc-site-theme--moon-garden, body.cc-site-theme--aquarium,
 body.cc-site-theme--aurora-dream,
 body.cc-site-theme--sky, body.cc-site-theme--meadow-breeze, body.cc-site-theme--paradise-garden, body.cc-site-theme--cherry-park, body.cc-site-theme--sunflower-field, body.cc-site-theme--creative-atelier, body.cc-site-theme--rooftop-sunset, body.cc-site-theme--city-night, body.cc-site-theme--neon-tokyo, body.cc-site-theme--cyber-dark, body.cc-site-theme--campfire-stars, body.cc-site-theme--starlight-camp
) :is(.cc-btn,.cc-resource-card button,.cc-resource-card a[role="button"],.cc-download-card button,.cc-download-card .button){
  background:color-mix(in srgb,var(--cc-theme-primary-readable,#4aa8ad) 68%,transparent)!important;
  border:1px solid color-mix(in srgb,#fff 34%,transparent)!important;
  backdrop-filter:blur(10px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.14)!important;
  box-shadow:0 8px 20px rgba(15,42,54,.12)!important;
}
:is(body.cc-site-theme--deep-sea,body.cc-site-theme--aquarium) :is(.cc-btn,.cc-resource-card button,.cc-resource-card a[role="button"],.cc-download-card button,.cc-download-card .button){
  background:color-mix(in srgb,var(--cc-theme-primary-readable,#35c5d8) 58%,transparent)!important;
}

/* ==========================================================
   v0.8.621 - final glass/readability tuning.
   Make UI surfaces genuinely transparent while keeping the mobile nav readable.
   ========================================================== */
:is(
 body.cc-site-theme--tropical-shore, body.cc-site-theme--deep-sea,
 body.cc-site-theme--rainy-window, body.cc-site-theme--snowy-morning,
 body.cc-site-theme--aurora-lake, body.cc-site-theme--glass-office,
 body.cc-site-theme--deep-space, body.cc-site-theme--bubble-world,
 body.cc-site-theme--rainbow-lab, body.cc-site-theme--cloud-island,
 body.cc-site-theme--moon-garden, body.cc-site-theme--aquarium,
 body.cc-site-theme--aurora-dream,
 body.cc-site-theme--sky, body.cc-site-theme--meadow-breeze,
 body.cc-site-theme--paradise-garden, body.cc-site-theme--cherry-park,
 body.cc-site-theme--sunflower-field, body.cc-site-theme--creative-atelier,
 body.cc-site-theme--rooftop-sunset, body.cc-site-theme--city-night,
 body.cc-site-theme--neon-tokyo, body.cc-site-theme--cyber-dark,
 body.cc-site-theme--campfire-stars, body.cc-site-theme--starlight-camp
) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-consent-card,.cc-policy-card,.cc-profile-google-card,.cc-profile-completion-card,
 .cc-nursery-mini-card,.cc-tip-box,.cc-surprise-box,.cc-list,.cc-content-section
 ){
  background:color-mix(in srgb,var(--cc-theme-surface,#fff) 18%,transparent)!important;
  border-color:color-mix(in srgb,var(--cc-theme-line,#d8e4df) 30%,transparent)!important;
  backdrop-filter:blur(5px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.06)!important;
  box-shadow:0 8px 24px rgba(18,44,52,.05)!important;
}
:is(body.cc-site-theme--deep-sea,body.cc-site-theme--aquarium) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-nursery-mini-card,.cc-list,.cc-content-section
 ){
  background:rgba(6,34,57,.10)!important;
  border-color:rgba(166,231,244,.22)!important;
  backdrop-filter:blur(3px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(3px) saturate(1.05)!important;
}
/* Mobile nav: intentionally denser than the footer/cards. */
@media(max-width:1180px){
 html body.cc-theme-runtime .cc-mobile-app-bottom,
 html body.cc-home-page.cc-theme-runtime .cc-mobile-app-bottom,
 html body .cc-mobile-app-bottom{
   background:color-mix(in srgb,var(--cc-theme-footer-bg,#12344d) 62%,transparent)!important;
   border-color:rgba(255,255,255,.20)!important;
   backdrop-filter:blur(14px) saturate(1.1)!important;
   -webkit-backdrop-filter:blur(14px) saturate(1.1)!important;
   box-shadow:0 12px 30px rgba(12,28,40,.16)!important;
 }
 html body.cc-theme-runtime .cc-mobile-app-bottom .cc-mobile-app-navitem{color:rgba(240,250,252,.78)!important}
 html body.cc-theme-runtime .cc-mobile-app-bottom .cc-mobile-app-navitem.is-active{color:var(--cc-theme-primary-readable,#43c9d8)!important}
}
/* Bright themes need dark footer copy when the footer is transparent. */
:is(body.cc-site-theme--snowy-morning,body.cc-site-theme--sky,body.cc-site-theme--sunflower-field,body.cc-site-theme--cloud-island) .cc-site-footer,
:is(body.cc-site-theme--snowy-morning,body.cc-site-theme--sky,body.cc-site-theme--sunflower-field,body.cc-site-theme--cloud-island) .cc-site-footer :is(strong,b,p,small,span,a){
  color:#29475a!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
}
:is(body.cc-site-theme--snowy-morning,body.cc-site-theme--sky,body.cc-site-theme--sunflower-field,body.cc-site-theme--cloud-island) .cc-site-footer__nav>a,
:is(body.cc-site-theme--snowy-morning,body.cc-site-theme--sky,body.cc-site-theme--sunflower-field,body.cc-site-theme--cloud-island) .cc-site-footer__bottom{
  border-color:rgba(38,72,92,.18)!important;
}


/* ==========================================================
   v0.8.622 - explicit glass surfaces + adaptive footer copy.
   Avoid color-mix alpha differences and target real UI layers.
   ========================================================== */
:is(
 body.cc-site-theme--tropical-shore,body.cc-site-theme--deep-sea,
 body.cc-site-theme--rainy-window,body.cc-site-theme--snowy-morning,
 body.cc-site-theme--aurora-lake,body.cc-site-theme--glass-office,
 body.cc-site-theme--deep-space,body.cc-site-theme--bubble-world,
 body.cc-site-theme--rainbow-lab,body.cc-site-theme--cloud-island,
 body.cc-site-theme--moon-garden,body.cc-site-theme--aquarium,
 body.cc-site-theme--aurora-dream,body.cc-site-theme--sky,
 body.cc-site-theme--meadow-breeze,body.cc-site-theme--paradise-garden,
 body.cc-site-theme--cherry-park,body.cc-site-theme--sunflower-field,
 body.cc-site-theme--creative-atelier,body.cc-site-theme--rooftop-sunset,
 body.cc-site-theme--city-night,body.cc-site-theme--neon-tokyo,
 body.cc-site-theme--cyber-dark,body.cc-site-theme--campfire-stars,
 body.cc-site-theme--starlight-camp
) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-consent-card,.cc-policy-card,.cc-profile-google-card,.cc-profile-completion-card,
 .cc-nursery-mini-card,.cc-tip-box,.cc-surprise-box,.cc-list,.cc-content-section
){
 background:rgba(255,255,255,.13)!important;
 background-color:rgba(255,255,255,.13)!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.22)!important;
 backdrop-filter:blur(3px) saturate(1.04)!important;
 -webkit-backdrop-filter:blur(3px) saturate(1.04)!important;
 box-shadow:0 8px 22px rgba(10,30,40,.05)!important;
}
:is(body.cc-site-theme--deep-sea,body.cc-site-theme--aquarium) :is(
 .cc-card,.cc-panel,.cc-profile-card,.cc-profile-quick-card,.cc-profile-edit-panel,
 .cc-resource-card,.cc-resource-detail-panel,.cc-market-card,.cc-material-card,
 .cc-download-card,.cc-submit-card,.cc-my-submission-card,.cc-mypage-store-card,
 .cc-library-searchpanel,.cc-library-listpanel,.cc-library-leadpanel,.cc-library-crosspromo__card,
 .cc-home-content-tabs__panel,.cc-detail-more-card,.cc-progress-panel,.cc-points-panel,
 .cc-nursery-mini-card,.cc-list,.cc-content-section
){
 background:rgba(3,25,46,.07)!important;
 background-color:rgba(3,25,46,.07)!important;
 background-image:none!important;
 border-color:rgba(178,236,246,.20)!important;
 backdrop-filter:blur(1.5px)!important;
 -webkit-backdrop-filter:blur(1.5px)!important;
}
/* Transparent footer: use the theme's own foreground color rather than a hardcoded white/dark list. */
body.cc-theme-runtime .cc-site-footer{color:var(--cc-theme-ink,#f4fbfc)!important}
body.cc-theme-runtime .cc-site-footer .cc-site-footer__brand strong,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__brand p,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__nav>b,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__nav>a,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__bottom,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__bottom>span,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__bottom>small,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__bottom>a{
 color:var(--cc-theme-ink,#f4fbfc)!important;
 text-shadow:0 1px 2px color-mix(in srgb,var(--cc-theme-bg,#102c40) 46%,transparent)!important;
}
body.cc-theme-runtime .cc-site-footer .cc-site-footer__brand strong span,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__nav>a span{
 color:var(--cc-theme-primary-readable,var(--cc-theme-primary,#47c4cf))!important;
}
body.cc-theme-runtime .cc-site-footer .cc-site-footer__nav>a,
body.cc-theme-runtime .cc-site-footer .cc-site-footer__bottom{
 border-color:color-mix(in srgb,var(--cc-theme-ink,#fff) 22%,transparent)!important;
}


/* v0.8.674: dark-theme transparency surfaces use a low-contrast checker.
   Keep transparent PNGs recognizable without the harsh white/navy chessboard effect. */
body.cc-theme-is-dark :is(.cc-material-card__thumb,.cc-material-resource-preview),
body.cc-theme-is-dark .cc-preview-modal--v851 .cc-preview-modal__stage{
  background-color:color-mix(in srgb,var(--cc-theme-surface,#152038) 96%,#fff 4%)!important;
  background-image:
    linear-gradient(45deg,color-mix(in srgb,var(--cc-theme-surface,#152038) 88%,#fff 12%) 25%,transparent 25%),
    linear-gradient(-45deg,color-mix(in srgb,var(--cc-theme-surface,#152038) 88%,#fff 12%) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--cc-theme-surface,#152038) 88%,#fff 12%) 75%),
    linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--cc-theme-surface,#152038) 88%,#fff 12%) 75%)!important;
  background-position:0 0,0 9px,9px -9px,-9px 0!important;
  background-size:18px 18px!important;
}
body.cc-theme-is-dark .cc-material-resource-preview{background-position:0 0,0 12px,12px -12px,-12px 0!important;background-size:24px 24px!important;}

/* v0.8.678 — My Page semantic-card contrast exception.
   Theme runtime intentionally recolors generic card descendants. These My Page
   cards have light semantic surfaces even while the surrounding theme is dark,
   so their own foreground palette must win over the generic theme ink. */
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-workflow-stat > span{
  color:#2c3f38!important;
  -webkit-text-fill-color:#2c3f38!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-workflow-stat > strong{
  color:#245f50!important;
  -webkit-text-fill-color:#245f50!important;
  opacity:1!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-workflow-stat--pending > strong{
  color:#8b651e!important;
  -webkit-text-fill-color:#8b651e!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-workflow-stat > strong small,
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-workflow-stat > em{
  color:#6f817b!important;
  -webkit-text-fill-color:#6f817b!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-google-pill__kicker{
  color:#667770!important;
  -webkit-text-fill-color:#667770!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-google-pill strong{
  color:#214238!important;
  -webkit-text-fill-color:#214238!important;
  opacity:1!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-google-pill small{
  color:#5f7069!important;
  -webkit-text-fill-color:#5f7069!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-stat strong{
  color:#233730!important;
  -webkit-text-fill-color:#233730!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-stat span{
  color:#66756f!important;
  -webkit-text-fill-color:#66756f!important;
  opacity:1!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-stat--points strong{
  color:#8a7600!important;
  -webkit-text-fill-color:#8a7600!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-btn--notice,
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-btn--notice strong,
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-btn--notice span:not(.cc-notice-badge){
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
html body.cc-theme-runtime .cc-dashboard > .cc-profile-card--mypage-v420 .cc-btn--notice .cc-notice-badge{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
