.oc-scene{--oc-bg:var(--color-bg-elevated);background:var(--oc-bg);--oc-water-bg:var(--oc-bg);--oc-cloud-bg:#fff;--oc-cloud-hover-bg:#d0d0d0}[data-theme=dark] .oc-scene:not(.oc-night){--oc-bg:#444;--oc-water-bg:var(--color-bg-elevated);--oc-cloud-bg:#7b7b7b;--oc-cloud-hover-bg:#5e5e5e}:root:not([data-theme=dark]) .oc-scene.oc-night{--oc-bg:#ccc}.oc-scene{--oc-t-waterline:20s;--oc-t-dash-near:30s;--oc-t-dash-mid:45s;--oc-t-dash-far:60s;--oc-t-bob:10s;--oc-t-bob-storm:2.8s;--oc-t-star:3s;--oc-t-moon:6s;--oc-t-birds-fly:13s;--oc-t-wing-flap:.4s;--oc-t-shoot:1.1s}@keyframes oc-scroll{0%{transform:translate(0)}to{transform:translate(-640px)}}.oc-waterline{animation:oc-scroll var(--oc-t-waterline) linear infinite}.oc-dash-near{animation:oc-scroll var(--oc-t-dash-near) linear infinite}.oc-dash-mid{animation:oc-scroll var(--oc-t-dash-mid) linear infinite}.oc-dash-far{animation:oc-scroll var(--oc-t-dash-far) linear infinite}@keyframes oc-bob{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-12px)rotate(-1.5deg)}55%{transform:translateY(-4px)rotate(.5deg)}80%{transform:translateY(8px)rotate(1.2deg)}to{transform:translateY(0)rotate(0)}}.oc-bob{animation:oc-bob var(--oc-t-bob) ease-in-out infinite;transform-box:fill-box;transform-origin:50% 92%}@keyframes oc-bob-storm{0%{transform:translateY(0)rotate(0)}18%{transform:translateY(-22px)rotate(-5.5deg)}42%{transform:translateY(-5px)rotate(3deg)}68%{transform:translateY(16px)rotate(5deg)}88%{transform:translateY(-8px)rotate(-3.5deg)}to{transform:translateY(0)rotate(0)}}.oc-bob-storm{animation:oc-bob-storm var(--oc-t-bob-storm) ease-in-out infinite;transform-box:fill-box;transform-origin:50% 92%}@keyframes oc-twinkle{0%,to{opacity:.2}50%{opacity:1}}.oc-star{animation:oc-twinkle var(--oc-t-star) ease-in-out infinite}@keyframes oc-moon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.oc-moon-float{animation:oc-moon-bob var(--oc-t-moon) ease-in-out infinite}@keyframes oc-birds-fly{0%{transform:translate(720px,93px)}to{transform:translate(-260px,93px)}}.oc-birds{animation:oc-birds-fly var(--oc-t-birds-fly) linear forwards}@keyframes oc-cloud-drift{0%{transform:translate(700px)}to{transform:translate(-240px)}}.oc-cloud{animation:oc-cloud-drift var(--oc-t-cloud-duration) linear var(--oc-t-cloud-delay) infinite}@keyframes oc-flap-l{0%,to{transform:rotate(-8deg)}50%{transform:rotate(20deg)}}@keyframes oc-flap-r{0%,to{transform:rotate(8deg)}50%{transform:rotate(-20deg)}}.oc-wing-l{transform-box:fill-box;transform-origin:100% 100%;animation:oc-flap-l var(--oc-t-wing-flap) ease-in-out infinite}.oc-wing-r{transform-box:fill-box;transform-origin:0 100%;animation:oc-flap-r var(--oc-t-wing-flap) ease-in-out infinite}.oc-mode-toggle{z-index:10;background:var(--oc-bg);color:currentColor;opacity:.35;cursor:pointer;border:1px solid;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .15s;display:flex;position:absolute;bottom:8px;right:8px}.oc-mode-toggle:hover{opacity:.75}@keyframes oc-shoot{0%{opacity:0;transform:translate(0)}6%{opacity:1}78%{opacity:.75}to{transform:translate(var(--oc-sx), var(--oc-sy));opacity:0}}.oc-shoot{animation:oc-shoot var(--oc-t-shoot) linear forwards}@keyframes oc-raindrop{0%{opacity:0;transform:translateY(0)}8%{opacity:.55}80%{opacity:.38}to{opacity:0;transform:translateY(90px)}}.oc-raindrop{animation:.75s linear both oc-raindrop}.oc-cloud path{transition:fill .25s,stroke-opacity .25s}.oc-hint{z-index:10;font-size:10px;font-family:var(--font-mono,monospace);color:currentColor;opacity:0;pointer-events:none;white-space:nowrap;line-height:1;transition:opacity .2s;position:absolute;bottom:10px;left:10px}.oc-hint--visible{opacity:.5}
@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:2s step-end infinite cursor-blink}