:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--panel:#111827;--panel-2:#0f172a;--line:#ffffff1f;--text:#f8fafc;--muted:#f8fafcb8;--accent:#8b5cf6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top, #162033, var(--bg) 45%);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{width:min(1100px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.app--embed{width:100vw;min-height:100vh;padding:16px}.hero{margin-bottom:24px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px;font-size:12px;font-weight:700}h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.hero p{max-width:65ch;color:var(--muted)}.toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#111827cc;border-radius:20px;gap:16px;padding:16px;display:grid}.field{gap:8px;display:grid}.field span{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:12px}.field input{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);border-radius:14px;padding:14px 16px}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions button,.pager button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:999px;padding:12px 16px}.actions button:hover,.pager button:hover{border-color:color-mix(in srgb, var(--accent) 60%, white 40%)}.actions button:disabled,.pager button:disabled{opacity:.45;cursor:not-allowed}.state{border:1px solid var(--line);color:var(--muted);background:#11182799;border-radius:16px;margin-top:16px;padding:16px}.state--error{color:#fecaca}.viewer{border:1px solid var(--line);background:#0f172ab8;border-radius:24px;margin-top:20px;padding:20px}.book{perspective:1800px;touch-action:pan-y;max-width:1000px;height:min(74vh,840px);margin:0 auto;position:relative}.book__spread{width:100%;height:100%;position:relative}.page{background-color:#fff;background-position:50%;background-size:cover;border-radius:18px;width:50%;height:100%;position:absolute;top:0;box-shadow:0 16px 40px #00000047}.page--left{transform-origin:100%;left:0}.page--current{transform-origin:100%;z-index:2;left:0}.page--right{transform-origin:0;right:0}.sheet{width:50%;height:100%;transform-style:preserve-3d;z-index:5;transition:transform .72s cubic-bezier(.22,.94,.24,1);position:absolute;top:0}.sheet--next{transform-origin:0;left:50%;transform:rotateY(0)}.sheet--next.sheet--animate{transform:rotateY(-180deg)}.sheet--prev{transform-origin:100%;left:0;transform:rotateY(180deg)}.sheet--prev.sheet--animate{transform:rotateY(0)}.sheet__face{backface-visibility:hidden;background-color:#fff;background-position:50%;background-size:cover;border-radius:18px;position:absolute;inset:0;box-shadow:0 16px 40px #00000047}.sheet__face--back{transform:rotateY(180deg)}.book__hotspot{z-index:10;background:0 0;border:0;width:50%;position:absolute;top:0;bottom:0}.book__hotspot:disabled{cursor:not-allowed}.book__hotspot--prev{left:0}.book__hotspot--next{right:0}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.pager span{color:var(--muted)}.dots{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.dot{background:#ffffff47;border:none;border-radius:999px;width:10px;height:10px}.dot--active{background:var(--accent);transform:scale(1.15)}@media (width<=720px){.book{height:62vh}.page{width:100%}.page--left,.page--right{display:none}.book__hotspot{width:50%}}