:root{color-scheme:light;font-family:Avenir Next,Segoe UI Variable,Gill Sans,sans-serif;line-height:1.5;font-weight:400;background:linear-gradient(135deg,#061831,#143960 34%,#eff1ef 66%,#f5eadb);color:#10233d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #10233d;--ink-soft: #34506f;--panel: rgba(255, 251, 245, .9);--panel-strong: rgba(253, 248, 239, .96);--panel-line: rgba(14, 37, 64, .16);--panel-line-strong: rgba(14, 37, 64, .26);--fawn: #f4e6d6;--fawn-deep: #e9d1b7;--navy: #0a2648;--navy-deep: #05162b;--navy-mid: #21476f;--accent: #bf7a46;--accent-soft: #efd4b5;--shadow: 0 18px 60px rgba(7, 20, 40, .14);--shadow-soft: 0 10px 30px rgba(7, 20, 40, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}code{padding:.18rem .42rem;border:1px solid rgba(10,38,72,.16);background:#fff8efb3;color:var(--navy)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.presenter-shell{position:relative;min-height:100vh;padding:1.35rem}.presenter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.1),transparent 16%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%);pointer-events:none}.hero,.workspace{position:relative;z-index:1;max-width:1600px;margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:1rem;align-items:stretch;margin-bottom:1rem}.eyebrow,.panel__eyebrow{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:#fff8efd6}.hero__copy,.hero__card{position:relative}.hero__copy{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:1.2rem 1.3rem;border:1px solid rgba(255,248,239,.18);box-shadow:inset 0 0 0 1px #fff8ef14,var(--shadow);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 44%),linear-gradient(135deg,#05162beb,#153960e6);color:#f8f3ea}.hero h1,.panel h2,.gallery-section h3{margin:0;font-family:Avenir Next Condensed,Avenir Next,Franklin Gothic Medium,sans-serif;letter-spacing:.02em;line-height:.96}.hero h1{font-size:clamp(2.3rem,5vw,4.7rem);max-width:11ch}.hero__lede{max-width:60ch;margin:1rem 0 0;color:#f8f3eacc}.hero__card{transform-style:preserve-3d;transition:transform .14s ease-out;min-height:220px}.hero__spine,.hero__cover{position:absolute;top:0;right:0;bottom:0;left:0}.hero__spine{transform:translateZ(-10px) translate(-10px);background:linear-gradient(180deg,#274d76,#0c2341);border:1px solid rgba(255,248,239,.18);box-shadow:var(--shadow)}.hero__cover{display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem;padding:1.2rem;border:1px solid rgba(255,248,239,.26);box-shadow:inset 0 0 0 1px #fff8ef1f,var(--shadow);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%),linear-gradient(135deg,#f6efe6,#e4ccb0 14%,#17375f 14%,#0b2544);color:#f8f3ea}.hero__cover span{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:#f7e5d0}.hero__cover strong{font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:1}.hero__cover p{margin:0;color:#f8f3eac7;word-break:break-word}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr) 330px;gap:1rem;align-items:start}.stack{display:grid;gap:1rem}.panel{border:1px solid var(--panel-line-strong);box-shadow:inset 0 0 0 1px #ffffffb8,var(--shadow-soft);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel,.dropzone,.button,.input,.package-chip,.statusbar__chip,.leaf__paper,.manifest__item,.gallery-card,.thumb,.toggle,.empty-state,.package-preview{border-radius:10px}.panel{padding:1rem}.panel__heading{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.panel__heading--spread{align-items:center}.panel__eyebrow{color:var(--navy-mid)}.package-chip,.statusbar__chip,.gallery-card__badge,.gallery-card__code{display:inline-flex;align-items:center;min-height:30px;padding:.22rem .66rem;border:1px solid var(--panel-line-strong);background:#ffffff94;color:var(--navy);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.field{display:grid;gap:.4rem;margin-bottom:.9rem}.field label{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.input{width:100%;min-height:46px;padding:.78rem .86rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#ffffffb8;color:var(--ink)}.toggle{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:.85rem .9rem;margin-bottom:1rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#ffffff9e}.toggle input{width:18px;height:18px;margin-top:.15rem;accent-color:var(--navy)}.toggle strong,.gallery-card__meta strong,.meta-list dd,.manifest__item strong{color:var(--navy-deep)}.toggle small,.spec-list p,.manifest--placeholder p,.empty-state p,.statusbar,.gallery-card__meta p,.gallery-card__meta small,.meta-list dt{color:var(--ink-soft)}.dropzone{display:grid;place-items:center;min-height:220px;padding:1.2rem;border:2px solid rgba(10,38,72,.18);box-shadow:inset 0 0 0 1px #ffffffb8;background:linear-gradient(180deg,#ffffff57,#ffffff1f),linear-gradient(135deg,#f0e9dff5,#d9e6f2d6);text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dropzone:hover{transform:translateY(-1px);border-color:#0a264857;box-shadow:inset 0 0 0 1px #ffffffe6,0 14px 32px #0f2b4e1f}.dropzone--loading{opacity:.72}.dropzone__kicker{margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--navy-mid)}.dropzone strong{font-size:1.4rem;color:var(--navy)}.dropzone p{margin:.65rem 0 0;max-width:24ch;color:var(--ink-soft)}.button-stack{display:grid;gap:.7rem;margin-top:1rem}.button{min-height:44px;padding:.78rem 1rem;border:1px solid var(--panel-line-strong);box-shadow:inset 0 0 0 1px #ffffffb8;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.46;cursor:not-allowed}.button--primary{background:linear-gradient(180deg,#113763,#0a2648);color:#f7f1e8}.button--ghost{background:#ffffffb8;color:var(--navy)}.button--danger{color:#7b2c16}.toolbar,.pager{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.spec-list{display:grid;gap:.7rem;margin-top:1rem}.feedback{margin-top:1rem;padding:.84rem .92rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8}.feedback strong{display:block;margin-bottom:.3rem}.feedback--status{background:#e2efe6c2}.feedback--error{background:#fce2ded6}.feedback--warning{background:#fbefd9e6}.panel--stage{min-height:calc(100vh - 220px)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.stats div{padding:.85rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#ffffffa3}.stats span{display:block;margin-bottom:.35rem;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.stats strong{font-size:1.25rem;color:var(--navy)}.statusbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:1rem}.reader-shell{display:grid;gap:.75rem}.reader-shell:fullscreen,.reader-shell--fullscreen{padding:.65rem;background:linear-gradient(180deg,#030a16fb,#061223f7),linear-gradient(135deg,#f5eadb0f,#ffffff08)}.reader-shell:fullscreen .book-stage,.reader-shell--fullscreen .book-stage,.reader-shell:fullscreen .dual-stage,.reader-shell--fullscreen .dual-stage{height:calc(100vh - 84px);max-height:none}.book-stage{position:relative;height:clamp(680px,86vh,1320px);min-height:560px;padding:.3rem;perspective:2600px;background:linear-gradient(180deg,#0d244014,#0d244005),linear-gradient(135deg,#ffffff85,#f5eadb8f);border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8}.book-stage__frame{position:relative;height:100%;min-height:0;transform-style:preserve-3d;transition:transform .14s ease-out}.book-stage__stack,.book-stage__base,.book-stage__flip,.book-stage__glow{position:absolute;top:0;right:0;bottom:0;left:0}.book-stage__stack{top:10px;right:10px;bottom:6px;left:10px;background:linear-gradient(180deg,#0a2648db,#061831fa),repeating-linear-gradient(180deg,#fff3e02e 0,#fff3e02e 2px,#405b7d1f 2px,#405b7d1f 4px);transform:translateZ(-18px);border:1px solid rgba(245,234,219,.18)}.book-stage__glow{inset:auto 12% -2% 12%;height:16%;background:radial-gradient(circle,rgba(34,87,134,.26),transparent 72%);filter:blur(24px);transform:translateZ(-28px)}.book-stage__flip{transform-style:preserve-3d;backface-visibility:hidden}.book-stage__flip--next{transform-origin:left center;animation:flip-next .52s cubic-bezier(.2,.66,.2,1) forwards}.book-stage__flip--prev{transform-origin:right center;animation:flip-prev .52s cubic-bezier(.2,.66,.2,1) forwards}@keyframes flip-next{0%{transform:rotateY(0) translateZ(0)}to{transform:rotateY(-168deg) translateZ(8px)}}@keyframes flip-prev{0%{transform:rotateY(0) translateZ(0)}to{transform:rotateY(168deg) translateZ(8px)}}.turn-zone{position:absolute;top:50%;z-index:3;width:44px;height:110px;margin-top:-55px;border:1px solid rgba(10,38,72,.16);background:#ffffff70;box-shadow:inset 0 0 0 1px #ffffffb8;opacity:.6}.turn-zone--left{left:12px}.turn-zone--right{right:12px}.leaf{height:100%;min-height:0;padding:.8rem}.leaf--compact{min-height:auto;height:auto;padding:0}.leaf--immersive{padding:.08rem}.leaf__paper{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.26),transparent 18%),linear-gradient(180deg,#fffaf2,#f7ecd9);border:1px solid rgba(10,38,72,.16);box-shadow:0 20px 46px #0a26481f;color:var(--navy-deep)}.leaf__paper--immersive{position:relative;grid-template-rows:1fr;background:linear-gradient(180deg,rgba(8,23,43,.16),transparent 14%),linear-gradient(180deg,#fffaf3,#f3e6d5)}.leaf__meta,.leaf__footer{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#0a2648b8}.leaf__reader-badge{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;min-height:24px;padding:.12rem .4rem;border:1px solid rgba(10,38,72,.14);background:#fff9;color:#0a2648d6;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.leaf__art{min-height:0;padding:0 1rem 1rem;display:grid;place-items:center}.leaf__art--immersive{padding:.18rem}.leaf__art img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:1px solid rgba(10,38,72,.12);box-shadow:0 16px 34px #0a264824}.leaf--single .leaf__art img{max-width:min(100%,78%)}.leaf--spread .leaf__art img{max-width:min(100%,96%)}.leaf--immersive .leaf__art img,.leaf--immersive.leaf--single .leaf__art img,.leaf--immersive.leaf--spread .leaf__art img{max-width:100%;max-height:100%}.dual-stage{height:clamp(680px,86vh,1320px);min-height:560px;padding:.3rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:linear-gradient(180deg,#0d244014,#0d244005),linear-gradient(135deg,#ffffff85,#f5eadb8f)}.dual-stage__grid{display:grid;grid-template-columns:minmax(0,1fr);height:100%;gap:1rem;align-items:stretch}.dual-stage__grid--paired{grid-template-columns:repeat(2,minmax(0,1fr))}.dual-stage__placeholder{display:grid;place-items:center;align-content:center;padding:1.2rem;border:1px dashed rgba(10,38,72,.2);background:#ffffff80;color:var(--ink-soft);text-align:center}.dual-stage__placeholder span{margin-bottom:.45rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}.dual-stage__placeholder p{margin:0}.reader-actions,.pager{justify-content:space-between;margin-top:.2rem}.reader-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.reader-actions__left,.reader-actions__right{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.reader-actions p,.pager p{margin:0;color:var(--ink-soft)}.reader-shell:fullscreen .thumb-strip,.reader-shell--fullscreen .thumb-strip{display:none}.thumb-strip{display:grid;grid-auto-flow:column;grid-auto-columns:144px;gap:.7rem;overflow-x:auto;padding-top:1rem}.thumb{display:grid;gap:.45rem;align-content:start;padding:.55rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#ffffffbd;color:var(--ink-soft)}.thumb img{display:block;width:100%;aspect-ratio:.74;object-fit:cover;border:1px solid rgba(10,38,72,.12)}.thumb span{font-size:.78rem;text-align:left}.thumb--active{border-color:#0a264857;background:#f4e6d6f0}.strip{display:grid;gap:1rem}.strip__item{border:0;padding:0;background:transparent}.focus-reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;background:radial-gradient(circle at top,rgba(34,78,128,.12),transparent 34%),linear-gradient(180deg,#02060efc,#030914fe)}.focus-reader:fullscreen{background:radial-gradient(circle at top,rgba(34,78,128,.12),transparent 34%),linear-gradient(180deg,#02060e,#030914)}.focus-reader__zone{position:absolute;top:0;bottom:0;z-index:1;width:min(18vw,180px);border:0;background:transparent;opacity:0}.focus-reader__zone--left{left:0}.focus-reader__zone--right{right:0}.focus-reader__chrome{position:absolute;inset:.8rem 1rem auto;z-index:2;display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;pointer-events:none}.focus-reader__chip,.focus-reader__controls{pointer-events:auto}.focus-reader__chip{display:grid;gap:.16rem;max-width:min(56ch,calc(100vw - 18rem));padding:.42rem .6rem;border:1px solid rgba(255,255,255,.12);background:#07101db3;box-shadow:0 14px 34px #00000047;color:#fcf8f2f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-reader__chip strong{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.focus-reader__chip span{font-size:.74rem;color:#fcf8f2b8}.focus-reader__controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.focus-reader__button{min-height:34px;padding:.42rem .75rem;border:1px solid rgba(255,255,255,.14);background:#07101da3;color:#fcf8f2d1;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.focus-reader__button--active{border-color:#f4e6d6c2;background:#f4e6d629;color:#fff8f0}.focus-reader__canvas{display:grid;align-items:center;justify-items:center;min-height:100vh;padding:2.7rem clamp(3.2rem,7vw,6rem) 1.4rem;gap:clamp(.8rem,1.8vw,1.6rem)}.focus-reader__canvas--single{grid-template-columns:minmax(0,1fr)}.focus-reader__canvas--dual{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-reader__panel{display:grid;place-items:center;width:100%;height:calc(100vh - 4.1rem);min-height:0;pointer-events:none}.focus-reader__panel img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 48px #00000061}.focus-reader__canvas--single .focus-reader__panel img{max-width:min(100%,calc(100vw - 8rem))}.focus-reader__canvas--dual .focus-reader__panel img{max-width:min(100%,calc(50vw - 4.8rem))}.gallery-view{display:grid;gap:1rem}.gallery-section{display:grid;gap:.85rem}.gallery-section__header{display:flex;justify-content:space-between;gap:1rem;align-items:end}.gallery-section__header span{font-size:1.1rem;color:var(--navy)}.gallery-grid{display:grid;gap:.8rem}.gallery-card{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:.85rem;padding:.8rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#ffffffb8}.gallery-card--collector{background:linear-gradient(180deg,#f3e8d8eb,#fffc)}.gallery-card--active{border-color:#0a264857;box-shadow:inset 0 0 0 1px #ffffffe0,0 12px 28px #0a26481a}.gallery-card__cover{aspect-ratio:.74;overflow:hidden;border:1px solid rgba(10,38,72,.16);background:linear-gradient(135deg,#d8e1ea,#f2e6d7)}.gallery-card__cover img{width:100%;height:100%;object-fit:cover}.gallery-card__cover span{display:grid;place-items:center;height:100%;color:var(--ink-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.gallery-card__meta{display:grid;gap:.24rem}.gallery-card__topline,.gallery-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.gallery-card__actions{align-content:start}.meta-list{display:grid;gap:.8rem;margin:0 0 1rem}.meta-list div{display:grid;gap:.16rem}.meta-list dt{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.meta-list dd{margin:0;word-break:break-word}.package-preview{margin:0;padding:.9rem;min-height:220px;overflow:auto;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#f6efe5cc;color:var(--navy-deep);font-size:.76rem}.manifest{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.manifest__item{width:100%;display:grid;gap:.16rem;text-align:left;padding:.8rem .92rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#ffffffbd;color:var(--ink-soft)}.manifest__item--active{border-color:#0a264852;background:#f4e6d6f0}.empty-state,.manifest--placeholder{min-height:220px;display:grid;place-items:center;text-align:center;padding:1rem;border:1px solid var(--panel-line);box-shadow:inset 0 0 0 1px #ffffffb8;background:#ffffffa8}.empty-state strong{color:var(--navy)}.empty-state--reader{min-height:700px}@media (max-width: 1320px){.workspace{grid-template-columns:300px minmax(0,1fr)}.stack{grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media (max-width: 980px){.hero,.workspace,.stack{grid-template-columns:1fr}.gallery-card{grid-template-columns:96px minmax(0,1fr)}.gallery-card__actions{grid-column:1 / -1}.book-stage,.dual-stage{height:clamp(460px,68vh,760px);min-height:460px}}@media (max-width: 720px){.presenter-shell{padding:.75rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel--stage{min-height:auto}.book-stage,.dual-stage{height:clamp(360px,62vh,520px);min-height:360px;padding-inline:.5rem}.dual-stage__grid--paired{grid-template-columns:minmax(0,1fr)}.turn-zone{width:34px}.leaf--single .leaf__art img,.leaf--spread .leaf__art img{max-width:100%}.reader-actions,.pager{flex-direction:column;align-items:stretch}.reader-actions__right{justify-content:center}.reader-actions p,.pager p{text-align:center}.thumb-strip{grid-auto-columns:124px}.gallery-card{grid-template-columns:1fr}.focus-reader__chrome{inset:.7rem .7rem auto;gap:.55rem;flex-direction:column}.focus-reader__chip{max-width:100%}.focus-reader__controls{width:100%;justify-content:flex-start}.focus-reader__canvas{padding:4.8rem 1rem 1rem}.focus-reader__zone{width:min(22vw,92px)}.focus-reader__panel{height:calc(100vh - 6rem)}.focus-reader__canvas--single .focus-reader__panel img{max-width:calc(100vw - 2rem)}.focus-reader__canvas--dual .focus-reader__panel img{max-width:min(100%,calc(50vw - 1.7rem))}}