@font-face{font-family:"Z80 Barlow";font-weight:400;src:url("fonts/barlow-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Z80 Barlow";font-weight:500;src:url("fonts/barlow-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Z80 Barlow";font-weight:600;src:url("fonts/barlow-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Z80 Barlow Condensed";font-weight:600;src:url("fonts/barlow-condensed-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Z80 Barlow Condensed";font-weight:700;src:url("fonts/barlow-condensed-latin-700-normal.woff2") format("woff2")}
#z80f-root{all:initial;display:block;position:relative;width:100%;box-sizing:border-box;
  --bg:#e7e6e2;--panel:rgba(251,250,247,.9);--ink:#23221e;--ink2:#5f5c53;--line:rgba(35,34,30,.15);--accent:#a8841f;--accent-ink:#ffffff;
  --display:"Z80 Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"Z80 Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--bg);color:var(--ink);font:400 14px/normal var(--body);text-align:left;-webkit-text-size-adjust:100%;outline:none;padding:16px 16px 14px;overflow:hidden}
#z80f-root.z80f-full{position:fixed;left:0;top:0;right:0;bottom:0;width:auto;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:16px;z-index:2147483000}
#z80f-root:fullscreen{height:100vh;display:flex;flex-direction:column;padding:16px}
#z80f-root:-webkit-full-screen{height:100vh;display:flex;flex-direction:column;padding:16px}
#z80f-root *,#z80f-root *::before,#z80f-root *::after{box-sizing:content-box}
#z80f-root [hidden]{display:none!important}
#z80f-root div,#z80f-root img,#z80f-root span,#z80f-root section{margin:0;padding:0;border:0;text-transform:none;font-style:normal;text-decoration:none;color:inherit;letter-spacing:normal;font-family:inherit}
#z80f-root #z80f-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding-bottom:10px}
#z80f-root #z80f-title{font:700 clamp(30px,5vw,44px)/.95 var(--display);letter-spacing:.005em}
#z80f-root #z80f-sub{font:500 14px/1.3 var(--body);color:var(--ink2)}
#z80f-root #z80f-stage{position:relative;width:100%;flex:1;min-height:0;display:flex;justify-content:center;padding:6px 0 10px}
#z80f-root #z80f-book{position:relative;flex:none;perspective:2800px;transition:transform .6s cubic-bezier(.4,0,.2,1);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer}
#z80f-root .z80f-pg{position:absolute;top:0;bottom:0;width:50%;background:#fff;overflow:hidden;box-shadow:0 12px 36px rgba(20,18,10,.28)}
#z80f-root .z80f-L{left:0}
#z80f-root .z80f-R{left:50%}
#z80f-root .z80f-portrait .z80f-R{left:0;width:100%}
#z80f-root .z80f-img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-drag:none;pointer-events:none}
#z80f-root .z80f-spine{position:absolute;top:0;bottom:0;left:47%;width:6%;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.16) 50%,rgba(0,0,0,0));pointer-events:none;z-index:2}
#z80f-root .z80f-portrait .z80f-spine{display:none}
#z80f-root .z80f-leaf{position:absolute;top:0;bottom:0;width:50%;transform-style:preserve-3d;display:none;z-index:3;will-change:transform}
#z80f-root .z80f-fwd{left:50%;transform-origin:0 50%}
#z80f-root .z80f-bwd{left:0;transform-origin:100% 50%}
#z80f-root .z80f-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;overflow:hidden}
#z80f-root .z80f-back{transform:rotateY(180deg)}
#z80f-root .z80f-sh{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background:#000}
#z80f-root #z80f-bar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;justify-content:center;padding-top:6px}
#z80f-root button{font:inherit;color:inherit;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal;text-shadow:none;box-shadow:none;box-sizing:border-box;-webkit-appearance:none;appearance:none;line-height:1}
#z80f-root button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#z80f-root .z80f-btn{border:1px solid var(--line);background:var(--panel);padding:9px 14px;border-radius:999px;font:500 13.5px/1 var(--body);color:var(--ink)}
#z80f-root .z80f-btn:hover{border-color:var(--accent)}
#z80f-root .z80f-btn:disabled{opacity:.4;cursor:default}
#z80f-root .z80f-btn.z80f-main{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
#z80f-root #z80f-range{flex:1 1 160px;max-width:420px;min-width:120px;accent-color:var(--accent);margin:0}
#z80f-root #z80f-count{font:600 15px/1 var(--display);letter-spacing:.02em;min-width:9em;text-align:center;font-variant-numeric:tabular-nums}
@media (max-width:620px){#z80f-root{padding:12px}#z80f-root #z80f-range{order:5;flex-basis:100%;max-width:none}}
@media (prefers-reduced-motion:reduce){#z80f-root #z80f-book{transition:none}}