:root{--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: clamp(1.625rem, 4vw, 2.25rem);--text-4xl: clamp(2rem, 5vw, 3rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-display: -.03em;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .22s;--focus-ring-width: 2px;--focus-ring-offset: 2px;--interaction-hover-duration: var(--duration-fast);--interaction-hover-ease: var(--ease-out)}:root,[data-theme=light]{--color-bg: #f5f2eb;--color-bg-elevated: #faf8f4;--color-surface: #fffcf7;--color-surface-hover: #fffaf2;--color-border: rgb(28 25 23 / 10%);--color-border-strong: rgb(28 25 23 / 16%);--color-ink: #1c1917;--color-ink-secondary: #44403c;--color-ink-muted: #78716c;--color-ink-faint: #a8a29e;--color-accent: #0f766e;--color-accent-hover: #0d9488;--color-accent-muted: rgb(15 118 110 / 12%);--color-accent-foreground: #f0fdfa;--color-danger: #b91c1c;--color-danger-muted: rgb(185 28 28 / 10%);--color-success: #15803d;--color-selection-bg: rgb(15 118 110 / 18%);--color-selection-fg: var(--color-ink);--color-link-hover-fg: color-mix(in srgb, var(--color-accent-hover) 68%, var(--color-ink));--color-link-chip-bg: color-mix(in srgb, var(--color-accent) 12%, var(--color-bg-elevated));--color-link-chip-hover-bg: color-mix(in srgb, var(--color-accent) 36%, var(--color-bg-elevated));--color-button-outline-hover-bg: color-mix( in srgb, var(--color-ink) 5%, var(--color-bg-elevated) );--color-button-outline-hover-border: var(--color-border-strong);--shadow-xs: 0 1px 2px rgb(28 25 23 / 5%);--shadow-sm: 0 2px 8px rgb(28 25 23 / 6%), 0 1px 2px rgb(28 25 23 / 4%);--shadow-md: 0 8px 24px rgb(28 25 23 / 8%), 0 2px 6px rgb(28 25 23 / 5%);--shadow-lg: 0 24px 48px rgb(28 25 23 / 10%), 0 8px 16px rgb(28 25 23 / 6%);--overlay-scrim: rgb(28 25 23 / 40%);--image-grain: none;color-scheme:light}[data-theme=dark]{--color-bg: #0c0a09;--color-bg-elevated: #141211;--color-surface: #1c1917;--color-surface-hover: #292524;--color-border: rgb(245 245 244 / 9%);--color-border-strong: rgb(245 245 244 / 14%);--color-ink: #fafaf9;--color-ink-secondary: #e7e5e4;--color-ink-muted: #a8a29e;--color-ink-faint: #78716c;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-muted: rgb(45 212 191 / 14%);--color-accent-foreground: #042f2e;--color-danger: #f87171;--color-danger-muted: rgb(248 113 113 / 12%);--color-success: #4ade80;--color-selection-bg: rgb(45 212 191 / 22%);--color-selection-fg: var(--color-ink);--color-link-hover-fg: color-mix(in srgb, var(--color-accent-hover) 78%, #ffffff);--color-link-chip-bg: color-mix(in srgb, var(--color-accent) 14%, var(--color-bg-elevated));--color-link-chip-hover-bg: color-mix(in srgb, var(--color-accent) 42%, var(--color-bg-elevated));--color-button-outline-hover-bg: color-mix( in srgb, var(--color-ink) 7%, var(--color-bg-elevated) );--color-button-outline-hover-border: var(--color-border-strong);--shadow-xs: 0 1px 2px rgb(0 0 0 / 35%);--shadow-sm: 0 2px 12px rgb(0 0 0 / 45%), 0 1px 2px rgb(0 0 0 / 35%);--shadow-md: 0 12px 32px rgb(0 0 0 / 55%), 0 4px 12px rgb(0 0 0 / 40%);--shadow-lg: 0 32px 64px rgb(0 0 0 / 60%), 0 12px 24px rgb(0 0 0 / 45%);--overlay-scrim: rgb(0 0 0 / 55%);color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--color-bg: #0c0a09;--color-bg-elevated: #141211;--color-surface: #1c1917;--color-surface-hover: #292524;--color-border: rgb(245 245 244 / 9%);--color-border-strong: rgb(245 245 244 / 14%);--color-ink: #fafaf9;--color-ink-secondary: #e7e5e4;--color-ink-muted: #a8a29e;--color-ink-faint: #78716c;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-muted: rgb(45 212 191 / 14%);--color-accent-foreground: #042f2e;--color-danger: #f87171;--color-danger-muted: rgb(248 113 113 / 12%);--color-success: #4ade80;--color-selection-bg: rgb(45 212 191 / 22%);--color-selection-fg: var(--color-ink);--color-link-hover-fg: color-mix(in srgb, var(--color-accent-hover) 78%, #ffffff);--color-link-chip-bg: color-mix(in srgb, var(--color-accent) 14%, var(--color-bg-elevated));--color-link-chip-hover-bg: color-mix( in srgb, var(--color-accent) 42%, var(--color-bg-elevated) );--color-button-outline-hover-bg: color-mix( in srgb, var(--color-ink) 7%, var(--color-bg-elevated) );--color-button-outline-hover-border: var(--color-border-strong);--shadow-xs: 0 1px 2px rgb(0 0 0 / 35%);--shadow-sm: 0 2px 12px rgb(0 0 0 / 45%), 0 1px 2px rgb(0 0 0 / 35%);--shadow-md: 0 12px 32px rgb(0 0 0 / 55%), 0 4px 12px rgb(0 0 0 / 40%);--shadow-lg: 0 32px 64px rgb(0 0 0 / 60%), 0 12px 24px rgb(0 0 0 / 45%);--overlay-scrim: rgb(0 0 0 / 55%);color-scheme:dark}}@media(prefers-color-scheme:light){:root[data-theme=auto]{color-scheme:light}}.bookey-btn{box-sizing:border-box;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;margin:0;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;border-style:solid;border-width:1px;text-decoration:none;transition:background-color var(--interaction-hover-duration) var(--interaction-hover-ease),border-color var(--interaction-hover-duration) var(--interaction-hover-ease),color var(--interaction-hover-duration) var(--interaction-hover-ease),filter var(--interaction-hover-duration) var(--interaction-hover-ease)}.bookey-btn:disabled{opacity:.65;cursor:not-allowed}.bookey-btn--nav{border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);background:transparent;color:var(--color-ink-secondary)}.bookey-btn--ghost{border-top:1px solid var(--color-border-strong);border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);border-left:1px solid var(--color-border-strong);background:transparent;color:var(--color-ink-secondary)}.bookey-btn--page-link{border-color:transparent;background:transparent;color:var(--color-ink-secondary);font-weight:500}.bookey-btn--page-link--active{position:relative;color:var(--color-ink);font-weight:600;text-decoration:none;cursor:default}.bookey-btn--page-link--active:after{content:"";position:absolute;left:var(--space-md);right:var(--space-md);bottom:var(--space-3xs);height:2px;border-radius:1px;background:var(--color-accent);pointer-events:none}.bookey-btn--action{border-color:transparent;background:var(--color-accent);color:var(--color-accent-foreground);font-weight:600}.bookey-btn--action-strong{background:color-mix(in srgb,var(--color-accent) 88%,#000 12%)}@media(hover:hover){.bookey-btn--nav:hover:not(:disabled),.bookey-btn--page-link:hover:not(:disabled){background:var(--color-button-outline-hover-bg);border-color:var(--color-button-outline-hover-border);color:var(--color-ink)}.bookey-btn--page-link--active:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--color-ink)}.bookey-btn--ghost:hover:not(:disabled){background:var(--color-button-outline-hover-bg);border-color:var(--color-border-strong);color:var(--color-ink)}.bookey-btn--action:hover:not(:disabled){background:var(--color-accent-hover)}.bookey-btn--action-strong:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-hover) 84%,#000 16%)}.bookey-btn--text:hover:not(:disabled){background:var(--color-button-outline-hover-bg);color:var(--color-link-hover-fg);border-color:transparent}}.bookey-btn--text{border-color:transparent;background:transparent;color:var(--color-accent);font-weight:600}.bookey-btn--drawer{display:flex;width:100%;align-items:center;min-height:44px;padding:var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;color:var(--color-ink-secondary);text-align:left}.bookey-btn--drawer--active{position:relative;background:var(--color-surface);font-weight:600;color:var(--color-ink);text-decoration:none;cursor:default}.bookey-btn--drawer--active:after{content:"";position:absolute;left:var(--space-md);right:var(--space-md);bottom:var(--space-xs);height:2px;border-radius:1px;background:var(--color-accent);pointer-events:none}.bookey-btn--drawer-primary{margin-top:var(--space-xs);justify-content:center;font-weight:600;background:var(--color-accent);color:var(--color-accent-foreground)}@media(hover:hover){.bookey-btn--drawer:hover:not(:disabled):not(.bookey-btn--drawer--active){background:var(--color-button-outline-hover-bg)}.bookey-btn--drawer--active:hover:not(:disabled){background:var(--color-surface)}.bookey-btn--drawer-primary:hover:not(:disabled){background:var(--color-accent-hover)}}.bookey-btn--icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-ink-secondary);cursor:pointer}@media(hover:hover){.bookey-btn--icon:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-button-outline-hover-border);color:var(--color-ink)}}.bookey-btn--reader-choice{display:block;width:100%;text-align:left;font-size:var(--text-base);font-weight:500;padding:var(--space-md);border-color:var(--color-border);background:var(--color-bg-elevated);color:var(--color-ink)}.bookey-btn.bookey-btn--reader-choice.bookey-btn--reader-choice--selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-elevated))}@media(hover:hover){.bookey-btn--reader-choice:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-button-outline-hover-border);color:var(--color-ink)}}select.bookey-select-field{width:100%;box-sizing:border-box;margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);cursor:pointer;transition:background-color var(--interaction-hover-duration) var(--interaction-hover-ease),border-color var(--interaction-hover-duration) var(--interaction-hover-ease),box-shadow var(--interaction-hover-duration) var(--interaction-hover-ease)}select.bookey-select-field:disabled{opacity:.65;cursor:not-allowed}@media(hover:hover){select.bookey-select-field:hover:not(:disabled){background:var(--color-button-outline-hover-bg);border-color:var(--color-button-outline-hover-border)}}a.bookey-link{display:inline-block;color:var(--color-accent);text-decoration:none;cursor:pointer;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);box-shadow:0 0 0 1px transparent;transition:color var(--interaction-hover-duration) var(--interaction-hover-ease),background-color var(--interaction-hover-duration) var(--interaction-hover-ease),box-shadow var(--interaction-hover-duration) var(--interaction-hover-ease)}a.bookey-link:visited{color:var(--color-accent)}a.bookey-link.bookey-link--muted,a.bookey-link.bookey-link--muted:visited{color:var(--color-ink-secondary)}a.bookey-link.bookey-link--pill{border-radius:var(--radius-full);background-color:var(--color-link-chip-bg);box-shadow:0 0 0 1px transparent}@media(hover:hover){a.bookey-link:hover,a.bookey-link:visited:hover{color:var(--color-link-hover-fg);box-shadow:0 0 0 1px var(--color-button-outline-hover-border)}a.bookey-link.bookey-link--pill:hover{background-color:var(--color-link-chip-hover-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 38%,var(--color-border))}}.bookey-dropdown{position:relative}.bookey-dropdown-panel{position:absolute;top:calc(100% + var(--space-xs));margin:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);z-index:50}.bookey-dropdown-panel--align-end{right:0}.bookey-dropdown-panel--align-start{left:0}.bookey-dropdown-panel--tight{padding:var(--space-3xs);min-width:12.5rem;max-height:min(70dvh,20rem);overflow-y:auto}ul.bookey-dropdown-panel--tight{list-style:none}.bookey-dropdown-panel--comfortable{padding:var(--space-sm);width:min(20rem,calc(100vw - var(--space-lg) * 2))}.bookey-dropdown-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-md);margin:0;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-tight);color:var(--color-ink-muted);text-align:left;box-sizing:border-box;transition:background-color var(--interaction-hover-duration) var(--interaction-hover-ease),color var(--interaction-hover-duration) var(--interaction-hover-ease),box-shadow var(--interaction-hover-duration) var(--interaction-hover-ease)}.bookey-dropdown-option:disabled{opacity:.65;cursor:not-allowed}.bookey-dropdown-option--selected{background:var(--color-surface);font-weight:600;color:var(--color-ink);box-shadow:var(--shadow-xs);cursor:default}@media(hover:hover){.bookey-dropdown-option:hover:not(:disabled):not(.bookey-dropdown-option--selected){background:var(--color-button-outline-hover-bg);color:var(--color-ink)}.bookey-dropdown-option--selected:hover:not(:disabled){background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-xs)}}@keyframes bookey-spinner-spin{to{transform:rotate(360deg)}}.bookey-spinner{display:inline-block;box-sizing:border-box;flex-shrink:0;vertical-align:middle;border-style:solid;border-radius:50%;border-color:color-mix(in srgb,var(--color-accent) 22%,var(--color-border));border-top-color:var(--color-accent);animation:bookey-spinner-spin .65s linear infinite}.bookey-spinner--sm{width:.875rem;height:.875rem;border-width:2px}.bookey-spinner--md{width:1.125rem;height:1.125rem;border-width:2px}.bookey-spinner--lg{width:1.5rem;height:1.5rem;border-width:3px}.bookey-spinner--inverse{border-color:color-mix(in srgb,var(--color-accent-foreground) 32%,transparent);border-top-color:var(--color-accent-foreground)}@media(prefers-reduced-motion:reduce){.bookey-spinner{animation-duration:1.6s}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:100%;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:light dark}body{margin:0;min-height:100dvh;background:var(--color-bg);color:var(--color-ink);transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}::selection{background:var(--color-selection-bg);color:var(--color-selection-fg)}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}