.chh-frame{--chh-bg:#faf9f6;--chh-ink:#1a1a1a;--chh-g1:#e4e0d9;--chh-g2:#c9c4ba;--chh-water:#ece9e3;--chh-coral:#ff6847;border:1px solid var(--cm-line,#e8e6e1);aspect-ratio:21/9;background:var(--chh-bg);border-radius:16px;overflow:hidden}html[data-theme=dark] .chh-frame{--chh-bg:#13120f;--chh-ink:#f5f3ef;--chh-g1:#2a2823;--chh-g2:#3a372f;--chh-water:#1b1a16;--chh-coral:#ff7a5c}.chh-frame svg{width:100%;height:100%;display:block}.chh-cloud{animation:linear infinite chh-drift}@keyframes chh-drift{0%{transform:translate(-220px)}to{transform:translate(1650px)}}.chh-wave{animation:9s linear infinite chh-wv}@keyframes chh-wv{0%{transform:translate(0)}to{transform:translate(-80px)}}.chh-tw{animation:3.2s ease-in-out infinite chh-tw}@keyframes chh-tw{0%,to{opacity:.15}50%{opacity:1}}.chh-glow{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite chh-gl}@keyframes chh-gl{0%,to{opacity:.14;transform:scale(1)}50%{opacity:.24;transform:scale(1.12)}}.chh-beacon{animation:2s ease-in-out infinite chh-bk}@keyframes chh-bk{0%,to{opacity:.25}50%{opacity:1}}.chh-boat{animation:40s linear infinite chh-sail}@keyframes chh-sail{0%{transform:translate(-80px,478px)}to{transform:translate(1500px,478px)}}.chh-bat{opacity:0;animation:12s linear infinite chh-bat}@keyframes chh-bat{0%{opacity:0;transform:translate(0)}8%{opacity:1}to{opacity:0;transform:translate(420px,-330px)}}.chh-bus{animation:22s linear infinite chh-bus}@keyframes chh-bus{0%{transform:translate(620px)}to{transform:translate(1420px)}}@media (prefers-reduced-motion:reduce){.chh-frame *{animation:none!important}.chh-bat{opacity:0}.chh-tw,.chh-beacon{opacity:.8}.chh-boat{transform:translate(260px,478px)}.chh-bus{transform:translate(900px)}}.chh-wave{animation-duration:var(--chh-wavedur,9s)}.chh-cross{animation:linear infinite chh-crossx}@keyframes chh-crossx{0%{transform:translate(-120px, var(--chh-y,470px))}to{transform:translate(1520px, var(--chh-y,470px))}}.chh-spin{transform-box:fill-box;transform-origin:50%;animation:linear infinite chh-spin}@keyframes chh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chh-sparkle{opacity:0;animation:8s ease-in-out infinite chh-sparkle}@keyframes chh-sparkle{0%,86%{opacity:0}89%{opacity:1}92%{opacity:.2}95%{opacity:.9}to{opacity:0}}.chh-shimmer{animation:ease-in-out infinite chh-shimmer}@keyframes chh-shimmer{0%,to{opacity:.12}50%{opacity:.35}}.chh-rise{transform-box:fill-box;transform-origin:50%;animation:ease-in-out infinite alternate chh-rise}@keyframes chh-rise{0%{transform:translateY(26px)}to{transform:translateY(-12px)}}.chh-beam{transform-box:fill-box;transform-origin:0%;animation:ease-in-out infinite alternate chh-beam}@keyframes chh-beam{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}.chh-tick{transform-box:fill-box;transform-origin:var(--chh-tick-origin,50% 100%);animation:24s steps(12,end) infinite chh-tick}@keyframes chh-tick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chh-glide{animation:ease-in-out infinite alternate chh-glide}@keyframes chh-glide{0%{transform:translate(0)}to{transform:translate(var(--chh-glide-x,180px), var(--chh-glide-y,-40px))}}.chh-fog{animation:linear infinite alternate chh-fog}@keyframes chh-fog{0%{transform:translate(-160px)}to{transform:translate(160px)}}.chh-rainband{animation:ease-in-out infinite chh-rainband}@keyframes chh-rainband{0%,55%{opacity:.5}70%,90%{opacity:0}to{opacity:.5}}.chh-raindrop{animation:linear infinite chh-rain}@keyframes chh-rain{0%{transform:translateY(-60px)}to{transform:translateY(420px)}}.chh-sway{transform-box:fill-box;transform-origin:50% 100%;animation:ease-in-out infinite alternate chh-sway}@keyframes chh-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}.chh-flutter{transform-box:fill-box;transform-origin:0%;animation:ease-in-out infinite alternate chh-flutter}@keyframes chh-flutter{0%{transform:skewY(-6deg)scaleX(1)}to{transform:skewY(5deg)scaleX(.92)}}.chh-fall{opacity:0;animation:linear infinite chh-fall}@keyframes chh-fall{0%{opacity:0;transform:translateY(-40px)rotate(0)}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(90px,420px)rotate(300deg)}}.chh-lift{opacity:0;animation:ease-out infinite chh-lift}@keyframes chh-lift{0%{opacity:0;transform:translate(0)}10%{opacity:1}80%{opacity:.4}to{transform:translate(var(--chh-lift-x,120px), -260px);opacity:0}}@media (prefers-reduced-motion:reduce){.chh-cross{transform:translate(640px, var(--chh-y,470px))}.chh-fall,.chh-lift{opacity:0}.chh-sparkle{opacity:.6}.chh-shimmer{opacity:.2}.chh-rainband{opacity:0}}