:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#10100f;--surface:#1c1c19;--text:#f3f0e8;--muted:#aaa79e;--border:#6f6b60;--accent:#e5b94e;--accent-text:#18140a;--error:#ff9d92;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{min-height:100dvh;color:var(--text);background:var(--background);margin:0}button,input{font:inherit}.landing{width:min(100% - 2rem,72rem);min-height:100dvh;margin-inline:auto;padding-block:clamp(2.5rem,9vw,7rem) 2.5rem}.landing-copy{max-width:54rem}.wordmark{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 clamp(3rem,9vw,7rem);font-size:.875rem;font-weight:700}h1{letter-spacing:-.055em;text-wrap:balance;max-width:13ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,9vw,7.25rem);font-weight:400;line-height:.88}.introduction{max-width:37rem;color:var(--muted);margin:clamp(1.75rem,4vw,3rem) 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.reader-entry{border-top:1px solid var(--border);max-width:54rem;margin-top:clamp(3rem,8vw,6rem);padding-top:clamp(1.5rem,3vw,2.25rem)}.book-form label{font-size:1rem;font-weight:700;display:block}.field-help,.availability-note{color:var(--muted);line-height:1.55}.field-help{margin:.5rem 0 1rem}.form-row{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}input,button{border:1px solid var(--border);border-radius:.25rem;min-height:3rem}input{min-width:0;color:var(--text);background:var(--surface);padding:.75rem .875rem}input::placeholder{color:#aaa79e;opacity:1}input[aria-invalid=true]{border-color:var(--error)}button{border-color:var(--accent);color:var(--accent-text);background:var(--accent);cursor:pointer;padding:.75rem 1.25rem;font-weight:700;transition:background-color .12s,border-color .12s}button:hover{background:#f3cf76;border-color:#f3cf76}button:active{background:#c99b2d;border-color:#c99b2d}input:focus-visible,button:focus-visible{outline:3px solid var(--text);outline-offset:3px}.form-error{min-height:1.5rem;color:var(--error);margin:.625rem 0 0;line-height:1.5}.availability-note{max-width:45rem;margin:1rem 0 0;font-size:.9rem}.reader-shell{width:100%;height:100dvh;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:#0b0b0a;display:grid;position:relative;overflow:hidden}.reader-header,.reader-controls{z-index:20;visibility:hidden;opacity:0;transition:opacity .16s,transform .16s,visibility .16s;position:absolute}.reader-header{top:max(.75rem, env(safe-area-inset-top));background:#10100fe0;border-radius:.5rem;align-items:center;gap:1rem;width:min(100% - 1.5rem,56rem);min-width:0;padding:.5rem .625rem;display:flex;left:50%;transform:translate(-50%,-.75rem);box-shadow:0 .5rem 2rem #00000059}.reader-header h1,.reader-state h1{letter-spacing:-.02em;max-width:none;font-family:Georgia,Times New Roman,serif;line-height:1.1}.reader-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400;overflow:hidden}.reader-back,.reader-state a{min-height:2.75rem;color:var(--accent);font-weight:700}.reader-back{flex:none;align-items:center;padding-inline:.25rem;text-decoration:none;display:inline-flex}.book-stage{cursor:pointer;touch-action:pan-y;place-items:center;min-height:0;display:grid;overflow:hidden}.book-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.flip-book{filter:drop-shadow(0 1.25rem 1.5rem #00000061);background:#292925;height:100%!important;min-height:0!important}.book-page{color:#171612;background:#eeece4;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c5c0b3}.page-image{object-fit:contain;-webkit-user-select:none;user-select:none;background:#eeece4;width:100%;height:100%;display:block}.page-image.is-loading{opacity:.35}.page-image-error{text-align:center;place-content:center;justify-items:center;width:100%;height:100%;padding:1rem;display:grid}.page-image-error button{color:var(--accent-text)}.reader-controls{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));background:#10100fe6;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:fit-content;max-width:calc(100% - 1.5rem);margin-inline:auto;padding:.5rem;display:flex;transform:translateY(.75rem);box-shadow:0 .75rem 2.5rem #00000073}.reader-shell.is-chrome-visible .reader-header,.reader-shell.is-chrome-visible .reader-controls{visibility:visible;opacity:1}.reader-shell.is-chrome-visible .reader-header{transform:translate(-50%)}.reader-shell.is-chrome-visible .reader-controls{transform:translateY(0)}.reader-controls button:disabled{border-color:var(--border);color:var(--muted);background:var(--surface);cursor:not-allowed}.page-jump{align-items:center;gap:.5rem;display:flex}.page-jump input{text-align:center;width:4rem;min-height:2.75rem;padding:.5rem}.page-jump button,.reader-controls>button{min-height:2.75rem;padding:.5rem .875rem}.page-status{min-width:5rem;color:var(--muted);text-align:center;margin:0;font-size:.875rem}.reader-state{place-content:center;justify-items:start;min-height:100dvh;padding:2rem;display:grid}.reader-state h1{font-size:clamp(2rem,6vw,4rem)}.reader-state p{max-width:40rem;color:var(--muted);line-height:1.5}.state-actions{align-items:center;gap:1rem;display:flex}.state-actions a{align-items:center;display:inline-flex}@media (max-width:47.9375rem){.reader-shell{padding:max(.375rem, env(safe-area-inset-top)) max(.375rem, env(safe-area-inset-right)) max(.375rem, env(safe-area-inset-bottom)) max(.375rem, env(safe-area-inset-left))}.reader-header{top:max(.5rem, env(safe-area-inset-top));gap:.625rem;width:calc(100% - 1rem);padding:.375rem .5rem;left:50%}.reader-controls{right:max(.5rem, env(safe-area-inset-right));bottom:max(.5rem, env(safe-area-inset-bottom));left:max(.5rem, env(safe-area-inset-left));grid-template-columns:minmax(5rem,1fr) auto minmax(5rem,1fr);gap:.375rem;width:auto;max-width:none;padding:.5rem;display:grid}.page-jump{grid-area:2/1/auto/4;justify-content:center;font-size:.875rem}.page-status{grid-area:1/2;min-width:0}.reader-controls>button:first-child{grid-column:1}.reader-controls>button:last-child{grid-column:3}.reader-controls>button:first-child,.reader-controls>button:last-child{grid-row:1;width:100%}.reader-header h1{font-size:.9375rem}.page-jump button{border-color:var(--border);color:var(--text);background:var(--surface)}}@media (max-width:47.9375rem) and (orientation:portrait){.flip-book{max-width:439px!important}}@media (max-width:38rem){.landing{width:min(100% - 1.5rem,72rem);padding-block:1.5rem 2rem}.wordmark{margin-bottom:3.5rem}.form-row{grid-template-columns:1fr}.book-form button{width:100%}.reader-state{padding:1.25rem}.state-actions{flex-direction:column;align-items:stretch;width:100%}.state-actions button,.state-actions a{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
