:root{--color-bg: #2b1d14;--color-panel: #3d2a1e;--color-accent: #c9a227;--color-text: #f1e6d3;--color-muted: #8c7355;--color-highlight: #c1502e;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}button{font-family:inherit}.reader-viewport{height:100vh;height:100dvh}.file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 16px;border:1.5px dashed var(--color-muted);border-radius:10px;background:var(--color-panel);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.file-dropzone:hover,.file-dropzone:focus-within,.file-dropzone.file-dropzone--active{border-color:var(--color-accent);background:#c9a22714}.file-dropzone__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.file-dropzone__icon{font-size:20px;opacity:.8}.file-dropzone__hint{font-size:11px;color:var(--color-muted)}