:root{--bg:#f5f6f7;--bg-accent:#eef0f2;--surface:#ffffffd6;--surface-strong:#fff;--surface-muted:#f2f4f6;--border:#12182014;--border-strong:#12182024;--text:#1f2933;--text-muted:#667280;--accent:#25364a;--accent-strong:#121a23;--accent-soft:#25364a14;--shadow:0 20px 50px #19222c14;--shadow-soft:0 14px 30px #19222c0f;--font-sans:Aptos, "Trebuchet MS", "Segoe UI", sans-serif;--font-heading:"Aptos Display", "Trebuchet MS", "Segoe UI", sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top, #fffffff2, transparent 34%), linear-gradient(180deg, #f7f8f9 0%, var(--bg-accent) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{min-height:100%;overflow-x:clip}body{background:radial-gradient(circle at top, #fffffff0, transparent 28%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);min-height:100svh;margin:0;overflow-x:clip}body,button,input,select{font-family:var(--font-sans)}button,input,select{font:inherit}button{color:inherit}img,canvas{max-width:100%;display:block}#root{min-height:100svh}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);color:var(--text)}a{color:inherit}input[type=number]::-webkit-outer-spin-button{margin:0}input[type=number]::-webkit-inner-spin-button{margin:0}.flipbook-viewer{border:1px solid var(--border-strong);background:linear-gradient(160deg, #ffffffb8, #fff8eaeb), var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;gap:18px;padding:20px;display:grid}.flipbook-viewer:fullscreen{background:#f4efe2;border-radius:0;width:100%;height:100%;padding:24px}.flipbook-toolbar{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 2px 0;display:flex}.flipbook-toolbar__title-block{text-align:left;gap:4px;display:grid}.flipbook-toolbar__title-block h2{font-size:clamp(1.4rem,2vw,2rem);line-height:1}.flipbook-toolbar__eyebrow,.flipbook-sidebar__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);font-size:.74rem;font-weight:700}.flipbook-toolbar__controls{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.flipbook-toolbar__group,.flipbook-toolbar__jump{border:1px solid var(--border);background:#ffffff9e;border-radius:18px;align-items:center;gap:8px;padding:8px;display:flex}.flipbook-toolbar__group--compact{flex-wrap:wrap}.flipbook-toolbar button,.flipbook-sidebar button{background:var(--surface-strong);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:14px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.flipbook-toolbar button{min-height:40px;padding:0 14px}.flipbook-toolbar button:hover,.flipbook-sidebar button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.flipbook-toolbar button:disabled{cursor:not-allowed;opacity:.48;transform:none}.flipbook-toolbar__status{background:var(--accent-soft);min-width:72px;min-height:40px;color:var(--accent-strong);border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.flipbook-toolbar__jump label{color:var(--text-muted);font-size:.92rem}.flipbook-toolbar__jump input{border:1px solid var(--border-strong);background:var(--surface-strong);border-radius:12px;width:72px;min-height:40px;padding:0 12px}.flipbook-viewer__body{grid-template-columns:auto minmax(0,1fr);gap:18px;min-height:720px;display:grid}.flipbook-sidebar{border:1px solid var(--border);background:#fffaf0e0;border-radius:22px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:236px;padding:16px;transition:width .22s,padding .22s,opacity .22s,border-color .22s;display:grid;overflow:hidden}.flipbook-sidebar.is-collapsed{opacity:0;border-color:#0000;width:0;padding-inline:0}.flipbook-sidebar__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.flipbook-sidebar__header h3{font-size:1.1rem}.flipbook-sidebar__header button{min-height:34px;padding:0 10px}.flipbook-sidebar__list{gap:8px;padding-right:4px;display:grid;overflow-y:auto}.flipbook-sidebar__list button{text-align:left;border-color:var(--border);gap:3px;padding:12px 14px;display:grid}.flipbook-sidebar__list button small{color:var(--text-muted)}.flipbook-sidebar__list button.is-active{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#106b671f,#ffffffeb);border-color:#106b674d}.flipbook-viewer__stage{align-content:start;gap:18px;min-width:0;display:grid}.flipbook-viewer__page-info{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:.95rem;display:flex}.flipbook-viewer__state-card{border:1px dashed var(--border-strong);text-align:center;background:#fffcf5bd;border-radius:26px;place-items:center;gap:8px;min-height:420px;padding:32px;display:grid}.flipbook-viewer__state-card--error{background:#fff2e9eb}.flipbook-canvas{background:radial-gradient(circle at top,#ffffffeb,#0000 36%),linear-gradient(#f2ebdce0,#e8e0d0cc);border:1px solid #544d4026;border-radius:30px;place-items:center;min-height:620px;padding:24px;display:grid;box-shadow:inset 0 1px #ffffffb3}.flipbook-canvas__sheet{background:linear-gradient(#fffefb,#f6f2e9);border-radius:18px;place-items:center;width:100%;min-height:540px;padding:20px;display:grid;position:relative;box-shadow:0 14px 40px #4c443729,inset -12px 0 24px #2421190a}.flipbook-canvas__sheet:before{content:"";pointer-events:none;background:linear-gradient(#cec2a57a,#fff0);border-radius:12px;width:16px;position:absolute;top:18px;bottom:18px;left:18px}.flipbook-canvas canvas{z-index:1;border-radius:8px;position:relative;box-shadow:0 18px 40px #1e1c1629}.flipbook-canvas__loading{z-index:2;color:#fff;background:#1f2d35c7;border-radius:999px;padding:8px 12px;font-size:.88rem;position:absolute;top:20px;right:20px}@media (width<=980px){.flipbook-toolbar,.flipbook-viewer__page-info{grid-template-columns:1fr;display:grid}.flipbook-toolbar__controls{justify-content:flex-start}.flipbook-viewer__body{grid-template-columns:1fr;min-height:auto}.flipbook-sidebar,.flipbook-sidebar.is-collapsed{opacity:1;border-color:var(--border);width:100%}.flipbook-sidebar.is-collapsed{min-height:0;max-height:0;padding-block:0}}@media (width<=720px){.flipbook-viewer{border-radius:22px;padding:14px}.flipbook-toolbar__group,.flipbook-toolbar__jump{flex-wrap:wrap;justify-content:space-between;width:100%}.flipbook-toolbar__jump input{flex:92px}.flipbook-canvas{min-height:420px;padding:12px}.flipbook-canvas__sheet{min-height:340px;padding:14px}.flipbook-canvas__sheet:before{width:10px;left:10px}}.real-flipbook-viewer{grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%;min-height:100svh;display:grid;position:relative;overflow:hidden}.real-flipbook-viewer:fullscreen{background:linear-gradient(#f5f6f7,#eceff2);min-height:100svh;padding:18px}.real-flipbook-controls{z-index:20;justify-items:end;gap:8px;display:grid;position:absolute;top:12px;right:max(12px,50% - 670px)}.real-flipbook-controls__meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.real-flipbook-controls__meta span,.real-flipbook-controls__zoom{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:36px;color:var(--text-muted);box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #12182014;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.real-flipbook-controls__cluster{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #12182014;border-radius:20px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.real-flipbook-controls__cluster button{background:var(--surface-strong);min-width:42px;min-height:40px;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:14px;padding:0 14px;transition:transform .18s,border-color .18s,opacity .18s}.real-flipbook-controls__cluster button:hover{border-color:#1218201f;transform:translateY(-1px)}.real-flipbook-controls__cluster button:disabled{opacity:.45;cursor:not-allowed;transform:none}.real-flipbook-page-list{z-index:18;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(240px,100vw - 24px);max-height:min(62vh,560px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#ffffffe0;border:1px solid #12182014;border-radius:22px;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:116px;right:max(12px,50% - 670px);transform:translateY(-8px)}.real-flipbook-page-list.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.real-flipbook-page-list__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.real-flipbook-page-list__header span{font-size:.9rem;font-weight:700}.real-flipbook-page-list__header button,.real-flipbook-page-list__items button{background:var(--surface-strong);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:14px}.real-flipbook-page-list__header button{min-height:36px;padding:0 10px}.real-flipbook-page-list__items{gap:8px;display:grid;overflow-y:auto}.real-flipbook-page-list__items button{text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.real-flipbook-page-list__items button small{color:var(--text-muted)}.real-flipbook-page-list__items button.is-active{background:var(--surface-muted);border-color:#12182024}.real-flipbook-viewer__state-card{text-align:center;min-height:60vh;color:var(--text-muted);align-content:center;place-items:center;gap:6px;display:grid}.real-flipbook-viewer__state-card strong{color:var(--text);font-size:1.05rem}.real-flipbook-viewer__state-card--error strong{max-width:560px}.real-flipbook-stage{place-items:center;width:100%;min-width:0;min-height:100svh;padding:120px 24px 24px;display:grid;position:relative;overflow:hidden}.real-flipbook-stage__inner{flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;max-width:1340px;display:flex}.real-flipbook-stage__spread{align-items:center;width:100%;min-width:0;display:flex;position:relative}.real-flipbook-stage__viewport{flex:1;place-items:center;min-width:0;max-width:100%;display:grid;overflow:hidden}.real-flipbook-stage__viewport.is-zoomed{transform:scale(var(--book-zoom,1));transform-origin:50%;transition:transform .22s}.real-flipbook-stage__book{margin:0 auto}.real-flipbook-stage__nav{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:54px;height:54px;color:var(--accent-strong);cursor:pointer;background:#fffffff0;border:2px solid #1218202e;border-radius:999px;justify-content:center;align-items:center;font-size:2.4rem;font-weight:700;line-height:1;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 24px #12182038,0 1px 4px #1218201f}.real-flipbook-stage__nav--prev{left:8px}.real-flipbook-stage__nav--next{right:8px}.real-flipbook-stage__nav:hover:not(:disabled){transform:translateY(-50%)scale(1.06)}.real-flipbook-stage__nav:disabled{opacity:.34;cursor:not-allowed}.real-flipbook-stage__footer{box-shadow:var(--shadow-soft);color:var(--text-muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #12182014;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:.875rem;display:inline-flex}.real-flipbook-page{pointer-events:none;background:0 0;width:100%;height:100%;padding:4px}.real-flipbook-page__surface{background:#fff;border-radius:6px;grid-template-rows:auto minmax(0,1fr);gap:10px;width:100%;height:100%;padding:14px;display:grid;box-shadow:0 20px 48px #1218201f,inset 0 1px #fffffff2}.real-flipbook-page__header{color:#8a939d;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;display:flex}.real-flipbook-page img,.real-flipbook-page__placeholder{object-fit:contain;background:#fbfcfd;border-radius:2px;width:100%;height:100%}.real-flipbook-page__placeholder{color:var(--text-muted);border:1px dashed #1218201f;align-content:center;place-items:center;gap:8px;display:grid}.real-flipbook-page__placeholder strong{color:var(--text)}@media (width<=980px){.real-flipbook-stage{padding-inline:16px}}@media (width<=1100px){.real-flipbook-controls,.real-flipbook-page-list{right:12px}}@media (width<=720px){.real-flipbook-viewer,.real-flipbook-stage{min-height:100svh}.real-flipbook-viewer{overflow-x:hidden}.real-flipbook-stage{align-items:start;padding:108px 14px 12px;overflow:hidden auto}.real-flipbook-stage__inner{gap:10px}.real-flipbook-controls{justify-items:stretch;top:8px;left:8px;right:8px}.real-flipbook-controls__meta,.real-flipbook-controls__cluster{justify-content:center}.real-flipbook-page-list{width:auto;top:118px;left:8px;right:8px}.real-flipbook-stage__nav{width:44px;height:44px;font-size:2rem;font-weight:700}.real-flipbook-stage__footer{font-size:.8rem}}.viewer-page{min-height:100svh;padding:0}.viewer-page__frame{min-height:100svh;position:relative}@media (width<=720px){.viewer-page{padding:0}.viewer-page__frame{min-height:100svh}}