:root{color:#24251f;font-synthesis:none;text-rendering:optimizelegibility;--stone:#e9e3d7;--paper:#faf8f1eb;--olive:#626645;--olive-dark:#454932;--gold:#ae942b;--ink:#24251f;--muted:#777164;background:#e9e3d7;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.welcome,.reader-preview{background:radial-gradient(circle at 18% 20%,#ffffffd9,#0000 32%),radial-gradient(circle at 82% 80%,#ae942b1f,#0000 34%),linear-gradient(135deg,#eee9df 0%,#ded5c6 100%);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.welcome:before,.reader-preview:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#46413214 1px,#0000 1px),linear-gradient(90deg,#46413214 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.welcome__decoration{aspect-ratio:1;border:1px solid #62664526;border-radius:50% 50% 42% 58%/55% 38% 62% 45%;width:min(72vw,850px);position:absolute;transform:rotate(-10deg)}.welcome__panel,.reader-preview__panel{z-index:1;text-align:center;background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #62664538;border-radius:4px;width:min(100%,660px);padding:clamp(42px,7vw,82px);animation:.8s ease-out both panel-arrival;position:relative;box-shadow:0 30px 80px #322c2129,0 4px 12px #322c2114}.brand-kicker{color:var(--olive);letter-spacing:.28em;margin:0 0 26px;font-size:.75rem;font-weight:700}h1,h2{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{letter-spacing:-.06em;font-size:clamp(4.2rem,12vw,7.5rem);line-height:.9}h2{font-size:clamp(2.1rem,6vw,3.8rem);line-height:1.05}.subtitle{margin:28px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,4vw,2.4rem)}.edition{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.95rem}.primary-button,.secondary-button{cursor:pointer;border:1px solid var(--olive);border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:52px;margin-top:38px;padding:0 26px;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.primary-button{color:#fff;background:var(--olive);box-shadow:0 10px 28px #45493238}.secondary-button{color:var(--olive-dark);background:0 0}.primary-button:hover,.secondary-button:hover{color:#fff;background:var(--olive-dark);transform:translateY(-2px);box-shadow:0 14px 30px #4549323d}.primary-button:focus-visible,.secondary-button:focus-visible{outline-offset:4px;outline:3px solid #ae942b66}.signature{color:var(--gold);margin:44px 0 0;font-family:Georgia,Times New Roman,serif;font-size:.92rem;font-style:italic}.reader-preview__panel p:not(.brand-kicker){max-width:480px;color:var(--muted);margin:24px auto 0;line-height:1.7}@keyframes panel-arrival{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.welcome,.reader-preview{padding:18px}.welcome__panel,.reader-preview__panel{padding:42px 24px}.brand-kicker{letter-spacing:.18em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.reader-shell{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 20%,#f8f5ed 0%,#0000 45%),linear-gradient(135deg,#ded5c6,#eee9df);flex-direction:column;display:flex}.reader-toolbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f1eb;border-bottom:1px solid #6266452e;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:76px;padding:12px 24px;display:grid;position:relative;box-shadow:0 4px 20px #2d281e12}.reader-heading{text-align:center;flex-direction:column;display:flex}.reader-heading strong{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:400}.reader-heading span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:.68rem}.reader-controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.reader-controls[hidden]{display:none}.reader-button{cursor:pointer;min-height:40px;color:var(--olive-dark);background:#ffffffa6;border:1px solid #62664559;border-radius:999px;padding:0 15px;transition:color .18s,background .18s,transform .18s}.reader-button:hover{color:#fff;background:var(--olive);transform:translateY(-1px)}.reader-arrow{width:42px;padding:0;font-size:1.6rem}.reader-page-number{min-width:92px;color:var(--muted);text-align:center;font-size:.78rem}.reader-stage{flex:1;place-items:center;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.reader-book{z-index:2;filter:drop-shadow(0 28px 35px #322c2138);margin:auto;position:relative}.reader-status{z-index:3;color:var(--olive-dark);background:#faf8f1f0;border:1px solid #62664538;border-radius:999px;margin:0;padding:16px 22px;position:absolute;box-shadow:0 12px 35px #322c211f}.reader-status[hidden]{display:none}@media (width<=720px){.reader-toolbar{grid-template-columns:auto 1fr;padding:10px 12px}.reader-heading{text-align:right}.reader-controls{grid-column:1/-1;justify-content:center}.reader-stage{padding:12px}}.tdc-page{background:#fff;width:100%;height:100%;overflow:hidden}.tdc-page__canvas{background:#fff;width:100%;height:100%;display:block}.tdc-page--spacer{opacity:0;pointer-events:none;box-shadow:none!important;background:0 0!important}.tdc-page__image{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}