:root{--color-stage:#ece9e4;--color-paper:#fdf8ee;--color-page:var(--color-paper);--color-page-alt:#f5f0e6;--color-page-back:#f5f2eb;--color-rule:#1a18162e;--color-ink:#1a1816;--color-muted:#5c5854;--color-accent:#4a423c;--color-accent-soft:#4a423c59;--color-placeholder:#b5b5b5;--font-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-display:"Fraunces", Georgia, serif;--font-sans:"Outfit", system-ui, sans-serif;--color-cover-cloth:#bdd3e0;--color-cover-ink:#1e2832;--color-cover-card-bg:#ebe6d9;--color-cover-monogram-border:#ece9e4;--color-cover-type-light:#fff;--color-cover-face-shadow:0 6px 20px #19191933;--font-cover-shippori:"Shippori Mincho B1", Georgia, "Times New Roman", serif;--font-cover-symbols:"Noto Sans Symbols 2", sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-ink);background-color:var(--color-stage);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-size:16px;line-height:1.5}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}.book-viewport{--flip-duration:.65s;--spread-layout-duration:.55s;--book-page-w:min(42vw, 520px);grid-template-columns:var(--book-page-w) var(--book-page-w);width:calc(var(--book-page-w) * 2);max-width:min(96vw, calc(var(--book-page-w) * 2 + 4px));border-radius:var(--book-radius);height:min(72vh,580px);min-height:min(72vh,580px);transition:width var(--spread-layout-duration) cubic-bezier(0, 0, .2, 1), max-width var(--spread-layout-duration) cubic-bezier(0, 0, .2, 1), grid-template-columns var(--spread-layout-duration) cubic-bezier(0, 0, .2, 1);margin:0 auto;display:grid;overflow:visible;box-shadow:0 28px 56px #00000038,0 8px 20px #0000001f}.book-viewport--closing{transition-timing-function:cubic-bezier(.4,0,1,1)}.book-viewport--closed{width:var(--book-page-w);max-width:min(96vw, var(--book-page-w));grid-template-columns:1fr}.book-verso{background:var(--color-cover-cloth)}.page-sheet--cover .page-face--front{background:var(--color-cover-card-bg);box-shadow:var(--color-cover-face-shadow)}.book-verso{border-right:1px solid #1e28321f;flex-direction:column;min-width:0;min-height:100%;display:flex;box-shadow:inset 0 0 0 1px #1e28320f}@media (prefers-reduced-motion:reduce){.book-viewport{transition:none}}.book-verso .verso-page__kicker{color:#1e2832b8;border-bottom-color:#1e283224}.book-verso .verso-page__body{color:#1e2832e6}.book-verso .verso-page__visual{box-shadow:inset 0 0 0 1px #1e28321f}.book-verso .verso-page__folio{color:#1e28329e;border-top-color:#1e283224}.book-recto-stack{perspective:1600px;perspective-origin:0;width:100%;min-width:0;height:100%;min-height:100%;position:relative}.page-sheet{pointer-events:none;position:absolute;inset:0}.page-sheet-inner{width:100%;height:100%;transform-style:preserve-3d;transform-origin:0;transition:transform var(--flip-duration) cubic-bezier(.4, .02, .2, 1);will-change:transform;position:relative}.page-sheet-inner--flipped{transform:rotateY(-180deg)}.page-face{border-radius:var(--book-radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.page-face--front{background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule)}.page-face--back{background:linear-gradient(145deg, var(--color-page-back) 0%, #faf6ed 55%, #f2ebe0 100%);box-shadow:inset 0 0 0 1px var(--color-rule);transform:rotateY(180deg)}.book-page{background:var(--color-paper);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-rule);flex-direction:column;padding:0;display:flex;overflow:auto}.book-page--cover{box-shadow:none;background:0 0;overflow:hidden}.book-page--verso{background:var(--color-page-back);box-shadow:inset 0 0 0 1px var(--color-rule)}.verso-page{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;padding:clamp(1rem,3vw,1.5rem);display:flex}.verso-page--cover-back,.verso-page--message-back{justify-content:space-between}.verso-page__kicker{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-rule);margin:0 0 .75rem;padding-bottom:.5rem;font-size:.62rem;font-weight:600}.verso-page__body{font-family:var(--font-serif);color:var(--color-ink);white-space:pre-line;margin:0 0 .75rem;font-size:clamp(.88rem,2vw,.98rem);line-height:1.65}.verso-page__visual{background:var(--color-placeholder);flex:1;min-height:100px;margin-bottom:.75rem;position:relative;overflow:hidden}.verso-page__visual--tall{min-height:55%}.verso-page__visual-img{object-fit:cover;object-position:center;background:var(--color-placeholder);width:100%;height:100%;display:block;position:absolute;inset:0}.verso-page__folio{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);border-top:1px solid var(--color-rule);margin:0;padding-top:.5rem;font-size:.62rem;font-weight:500}.cover-page{background:var(--color-cover-card-bg);flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.cover-page__media{z-index:0;background:#8c9caf;position:absolute;inset:0}.cover-page__media-img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.cover-page__media-fallback{background:linear-gradient(160deg,#c4d0de 0%,#9eb0c4 50%,#8c9caf 100%);position:absolute;inset:0}.cover-page__content{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:clamp(1.15rem,5vw,1.85rem) clamp(.65rem,3vw,1rem) clamp(1.15rem,5.5vw,2rem);display:flex;position:relative}.cover-page__title{text-align:center;width:100%;max-width:27.125rem;font-family:var(--font-cover-shippori);letter-spacing:.12em;text-transform:uppercase;color:var(--color-cover-type-light);text-shadow:0 1px 14px #0000002e;margin:0;font-size:clamp(1.05rem,3.4vw,1.75rem);font-weight:400;line-height:normal}.cover-page__title--top,.cover-page__title--bottom{flex-shrink:0}.cover-page__monogram{--cover-monogram-outdent:clamp(.5rem, 3vw, 1.1rem);--cover-monogram-edge-inset:clamp(.65rem, 3.6vw, 1.15rem);min-height:0;width:calc(100% + 2 * var(--cover-monogram-outdent));margin-inline:calc(-1 * var(--cover-monogram-outdent));padding-inline:var(--cover-monogram-edge-inset);box-sizing:border-box;flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:0;display:flex}.cover-page__ornament{font-family:var(--font-cover-symbols);color:var(--color-cover-type-light);text-shadow:0 1px 10px #00000026;flex-shrink:0;font-size:clamp(1rem,2.6vw,1.25rem);line-height:1}.cover-page__monogram-rings{flex-shrink:0;width:4rem;height:6.25rem;position:relative}.cover-page__ring{border:1px solid var(--color-cover-monogram-border);pointer-events:none;border-radius:999px;position:absolute}.cover-page__ring--outer{inset:0}.cover-page__ring--inner{inset:4px}.cover-page__initials{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding-bottom:.15rem;display:flex;position:absolute;inset:0}.cover-page__initial{font-family:var(--font-cover-shippori);color:var(--color-cover-type-light);text-shadow:0 1px 10px #00000026;font-size:clamp(1.05rem,3.4vw,1.75rem);font-weight:400;line-height:1}.message-page{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.message-page__text{flex-direction:column;flex:1;min-width:0;padding:clamp(1rem,3vw,1.65rem);display:flex;position:relative}.message-page__kicker{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-rule);margin:0 0 1rem;padding-bottom:.65rem;font-size:.62rem;font-weight:600}.message-page__body-stack{flex-direction:column;flex:1;justify-content:center;gap:0;min-height:0;display:flex}.message-page__body-stack:not(.message-page__body-stack--multi) .message-page__content{flex:1}.message-page__body-stack--multi{justify-content:flex-start;gap:0}.message-page__content{flex-direction:column;justify-content:center;min-height:0;display:flex}.message-page__body-stack--multi .message-page__content{flex:0 auto}.message-page__content--segment{border-top:1px solid var(--color-rule);flex:0 auto;margin-top:.35rem;padding-top:1rem}.message-page__body{font-family:var(--font-serif);color:var(--color-ink);white-space:pre-line;text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0 0 1.25rem;font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:400;line-height:1.75}.message-page__author{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:.72rem;font-weight:600}.message-page__folio{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);border-top:1px solid var(--color-rule);margin:1rem 0 0;padding-top:.65rem;font-size:.62rem;font-weight:500}.book-app{--book-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem;display:flex}.book-spread{flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;max-width:min(100vw,1120px);min-height:0;display:flex}.book-root{border-radius:var(--book-radius);justify-content:center;align-items:center;width:100%;max-width:min(100vw,1120px);margin:0 auto;padding:.5rem;display:flex;overflow:visible}.book-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.book-nav__btn{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--color-ink);min-height:44px;color:var(--color-ink);cursor:pointer;background:0 0;border-radius:2px;padding:.55rem 1rem;font-size:.65rem;font-weight:600;transition:background .15s,color .15s,opacity .15s}.book-nav__btn:hover:not(:disabled){background:#1a18160f}.book-nav__btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.book-nav__btn:disabled{opacity:.35;cursor:not-allowed}.book-nav__btn--prev{color:var(--color-ink);background:0 0}.book-nav__btn--next{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.book-nav__btn--next:hover:not(:disabled){background:#2a2624}.book-nav__progress{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem;font-weight:500}.app{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}