.zc-panel{margin:32px 0;padding:26px;border:1px solid #bda16b66;border-radius:24px;background:linear-gradient(145deg,#101a2d,#091721);color:#f9edcf;box-shadow:0 24px 65px #07122122}.zc-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.zc-heading small,.zc-caption small{font-size:10px;letter-spacing:.23em;color:#edcc8c}.zc-heading h2{font:clamp(30px,4.5vw,48px)/1.15 Georgia,serif;color:#fff0d1;margin:9px 0}.zc-heading h2 em{font-weight:normal;color:#eac786}.zc-heading p{font-size:12px;line-height:1.8;color:#cfccd2}.zc-screen{isolation:isolate;position:relative;overflow:hidden;height:clamp(350px,47vw,600px);border-radius:16px;background:#111d2b;border:1px solid #e8ce9944}.zc-art{position:absolute;inset:0;background-position:center;background-size:cover;transition:opacity 2.4s ease,transform 12s ease;transform:scale(1.025);opacity:0}.zc-calm{background-image:url('/sealed-lion-calm-v248.webp');opacity:1}.zc-lion{background-image:url('/lion-roar.webp')}.zc-eagle{background-image:url('/eagle-flight.webp')}.zc-screen[data-beat=lion] .zc-lion{opacity:1;transform:scale(1.1) translateX(-1%)}.zc-screen[data-beat=eagle] .zc-eagle,.zc-screen[data-beat=accord] .zc-eagle{opacity:1;transform:scale(1.12) translateY(-2%)}.zc-screen[data-beat=accord] .zc-eagle{transform:scale(1.18) translateY(-3%)}.zc-shade{position:absolute;inset:0;background:linear-gradient(#08111b1a,#08111b00 30%,#08111be6 100%)}.zc-caption{position:absolute;bottom:40px;left:6%;right:6%;text-shadow:0 2px 18px #000,0 0 35px #f9cc7955}.zc-caption h3{font:clamp(28px,4.5vw,58px)/1.12 Georgia,serif;margin:12px 0;color:#fff5df}.zc-caption p{font-size:12px;letter-spacing:.1em;color:#f0dfbe}.zc-shafts{position:absolute;inset:-60%;opacity:.2;transform-origin:50% 25%;background:repeating-conic-gradient(from 20deg at 50% 25%,transparent 0deg 15deg,#ffe1a852 18deg 23deg,transparent 27deg 45deg);mix-blend-mode:screen}.zc-running .zc-shafts{animation:zc-rays 24s linear both}.zc-embers{position:absolute;inset:-15%;background-image:radial-gradient(circle,#fff4bfbb 1px,transparent 2px),radial-gradient(circle,#ffe4a366 2px,transparent 3px);background-size:93px 137px,163px 191px;opacity:.45;mix-blend-mode:screen}.zc-running .zc-embers{animation:zc-dust 24s linear both}.zc-wave{position:absolute;left:57%;top:39%;width:20%;aspect-ratio:1;border:2px solid #ffe6a7;border-radius:50%;opacity:0;box-shadow:0 0 55px #f9d08266}.zc-running[data-beat=lion] .zc-wave{animation:zc-wave 5s 1s ease-out both}.zc-wings{position:absolute;inset:18% -20% 22%;border-top:1px solid #fff4ce66;border-radius:50%;opacity:0;box-shadow:0 -12px 35px #f9e4a344;transform:rotate(-15deg)}.zc-running[data-beat=eagle] .zc-wings{animation:zc-flight 8s ease-out both}.zc-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffedc322}.zc-progress i{display:block;background:#fff0ba;box-shadow:0 0 12px #ffd68b;height:100%;width:0}.zc-running .zc-progress i{animation:zc-progress 24s linear both}.zc-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.zc-controls button{border:1px solid #e9d3a45e;background:#1b2a3d;color:#fff0d1;min-height:44px;border-radius:24px;padding:10px 18px;font-size:12px}.zc-controls .zc-primary{background:linear-gradient(115deg,#eed69c,#bd9352);color:#18202a;box-shadow:0 0 24px #f1dba333}.zc-controls button:disabled{opacity:.45}.zc-controls button:focus-visible{outline:3px solid #fff0c6;outline-offset:4px}.zc-controls label{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px}.zc-controls input{accent-color:#e7c380}.zc-status{font-size:12px;line-height:1.7;min-height:2em;color:#e3d4b6}.zc-footnote{font-size:11px;line-height:1.8;color:#acb5c3;max-width:800px}.zc-panel:fullscreen{overflow:auto;max-width:none;width:100%;height:100dvh;border-radius:0;padding:max(22px,env(safe-area-inset-top)) 24px}.zc-panel:fullscreen .zc-screen{height:65dvh}@keyframes zc-rays{to{transform:rotate(24deg)}}@keyframes zc-dust{to{transform:translateY(-9%) translateX(3%)}}@keyframes zc-wave{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}15%{opacity:.65}100%{transform:translate(-50%,-50%) scale(9);opacity:0}}@keyframes zc-flight{0%{transform:translate(-20%,30%) rotate(-15deg);opacity:0}30%{opacity:.7}100%{transform:translate(15%,-45%) rotate(-20deg);opacity:0}}@keyframes zc-progress{to{width:100%}}.zc-gentle *,.reduced-motion .zc-screen *{animation:none!important;transition:none!important}.zc-gentle .zc-art,.reduced-motion .zc-art{transform:none!important}.zc-gentle .zc-wave,.zc-gentle .zc-wings{display:none}@media(prefers-reduced-motion:reduce){.zc-screen *{animation:none!important;transition:none!important}.zc-art{transform:none!important}.zc-wave,.zc-wings{display:none}}@media(max-width:600px){.zc-panel{padding:16px;border-radius:18px}.zc-heading{display:block}.zc-heading p{margin:12px 0}.zc-screen{height:410px}.zc-art{background-position:60% center}.zc-eagle{background-position:45% center}.zc-caption{bottom:24px}.zc-caption small{font-size:8px;letter-spacing:.15em}.zc-controls .zc-primary{width:100%}.zc-heading h2{font-size:34px}}
.zc-running[data-beat=lion] .zc-lion{animation:zc-roar 8.5s ease-in-out both}@keyframes zc-roar{0%{opacity:0}14%,80%{opacity:1}100%{opacity:.3}}
.zc-panel.zc-expanded{position:fixed;inset:0;z-index:10000;overflow:auto;margin:0;border-radius:0;padding:24px max(24px,calc((100vw - 1250px)/2));height:100dvh}.zc-expanded .zc-screen{height:65dvh;min-height:300px}body:has(.zc-expanded){overflow:hidden}
.zc-calm,.zc-lion{background-position:60% top}