@font-face{font-family:ZephyrStoryDisplay;src:url("menu-display.woff2") format("woff2");font-display:swap}
@font-face{font-family:ZephyrStoryBody;src:url("menu-body.woff2") format("woff2");font-display:swap}
#zephyrStory{--zs-ivory:#f8f3e8;--zs-muted:#c3cec7;--zs-lime:#d9ff5c;--zs-aqua:#9af7e7;position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:clamp(12px,3vw,36px);overflow:hidden;background:#050810;color:var(--zs-ivory);font-family:ZephyrStoryBody,ui-sans-serif,system-ui,sans-serif;isolation:isolate}
#zephyrStory[hidden]{display:none}#zephyrStory *{box-sizing:border-box}#zephyrStory button{font:800 11px/1 ZephyrStoryBody,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.zs-frame{position:relative;width:min(1180px,100%);height:min(82vh,760px);min-height:390px;overflow:hidden;border:1px solid rgba(216,255,92,.4);background:#0a1018;box-shadow:0 25px 75px rgba(0,0,0,.75)}.zs-frame:before{position:absolute;z-index:3;inset:0;content:"";pointer-events:none;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 8px rgba(5,9,15,.35),inset 0 0 130px rgba(0,0,0,.42)}
.zs-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .55s ease,transform 5.2s cubic-bezier(.18,.72,.22,1)}.zs-art.zs-visible{opacity:1;transform:scale(1.16)}.zs-art.zs-alt{transform:scale(1.11) translate3d(-1.2%,.5%,0)}.zs-art.zs-alt.zs-visible{transform:scale(1.2) translate3d(1.6%,-.8%,0)}
.zs-top{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:16px 19px;background:linear-gradient(#050811c9,transparent)}.zs-kicker{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.zs-progress{display:flex;flex:1;gap:5px}.zs-progress i{height:3px;flex:1;background:rgba(247,243,232,.28)}.zs-progress i.zs-done{background:var(--zs-lime);box-shadow:0 0 12px rgba(217,255,92,.65)}
.zs-caption{position:absolute;z-index:4;left:clamp(17px,4vw,54px);bottom:clamp(82px,13vh,122px);max-width:min(610px,82%);padding:17px 20px;border-left:3px solid var(--zs-lime);background:rgba(4,9,16,.78);box-shadow:0 12px 35px rgba(0,0,0,.35);backdrop-filter:blur(10px)}.zs-speaker{display:block;margin-bottom:6px;color:var(--zs-aqua);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.zs-caption p{margin:0;font-size:clamp(15px,2vw,22px);font-weight:650;line-height:1.28;letter-spacing:-.015em}
.zs-controls{position:absolute;z-index:4;right:clamp(17px,3vw,38px);bottom:23px;display:flex;align-items:center;gap:8px}.zs-controls button{min-height:42px;padding:0 14px;border:1px solid rgba(236,245,233,.38);border-radius:2px;background:rgba(6,14,23,.86);color:var(--zs-ivory);transition:background .15s,border-color .15s,transform .15s}.zs-controls button:hover,.zs-controls button:focus-visible{border-color:var(--zs-lime);background:rgba(35,56,45,.95);outline:0;transform:translateY(-2px)}.zs-controls .zs-next{border-color:var(--zs-lime);background:var(--zs-lime);color:#0c160e}.zs-controls .zs-next:hover,.zs-controls .zs-next:focus-visible{background:#e5ff83}.zs-controls .zs-pause{min-width:42px;padding:0}
.zs-status{position:absolute;z-index:5;inset:0;display:grid;place-content:center;gap:16px;padding:25px;text-align:center;background:rgba(5,9,16,.72);backdrop-filter:blur(12px)}.zs-status[hidden]{display:none}.zs-status p{max-width:360px;margin:0;color:var(--zs-ivory);font-size:16px;line-height:1.45}.zs-status-actions{display:flex;justify-content:center;gap:9px}.zs-status button{min-height:42px;padding:0 15px;border:1px solid var(--zs-lime);background:var(--zs-lime);color:#0c160e}.zs-status button+button{border-color:rgba(236,245,233,.38);background:#101c27;color:var(--zs-ivory)}
@media(max-width:600px){#zephyrStory{padding:0}.zs-frame{width:100%;height:100%;min-height:0;border:0}.zs-caption{bottom:78px;max-width:calc(100% - 34px);padding:13px 15px}.zs-caption p{font-size:16px}.zs-top{padding:13px 15px}.zs-kicker{font-size:9px}.zs-controls{right:15px;bottom:18px}.zs-controls button{min-height:40px;padding:0 11px;font-size:10px}}
@media(orientation:landscape) and (max-height:560px){.zs-frame{height:100%;min-height:0}.zs-caption{bottom:64px;max-width:60%;padding:11px 14px}.zs-caption p{font-size:14px}.zs-speaker{margin-bottom:3px}.zs-controls{bottom:13px}.zs-controls button{min-height:34px}.zs-top{padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.zs-art,.zs-art.zs-visible,.zs-art.zs-alt,.zs-art.zs-alt.zs-visible{transition:opacity .15s linear;transform:none}}