@font-face {
  font-family: "OpenDyslexic";
  src: url(fonts/OpenDyslexic-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url(fonts/OpenDyslexic-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  background: var(--bg);
}
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--ink);
  font: 400 14.5px/1.5 var(--sans);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.sprite {
  display: none;
}
.ico {
  width: 18px;
  height: 18px;
  flex: none;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 20px;
  border-bottom: 1px solid var(--hairline);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(10px) saturate(1.4);
  -webkit-backdrop-filter: blur(10px) saturate(1.4);
}
.mark {
  width: 40px;
  height: 40px;
  padding: 6px;
  color: #fff;
  background: var(--accent-grad);
  border-radius: 11px;
  box-shadow: 0 3px 10px rgba(59, 91, 219, .35);
  flex: none;
}
.mark svg {
  width: 100%;
  height: 100%;
}
.topbar h1 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  letter-spacing: -.01em;
}
.spacer {
  flex: 1;
}
.store-links {
  display: flex;
  gap: 8px;
  margin-right: 8px;
}
.btn-store.is-soon {
  opacity: .55;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 780px) {
  .store-links {
    display: none;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font: inherit;
  font-weight: 600;
  font-size: 13.5px;
  border: none;
  border-radius: var(--r-md);
  padding: 9px 14px;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background .14s var(--ease),
    color .14s var(--ease),
    box-shadow .14s var(--ease),
    transform .1s var(--ease);
}
.btn:disabled {
  opacity: .5;
  cursor: default;
}
.btn:active:not(:disabled) {
  transform: translateY(1px);
}
.btn-primary {
  background: var(--accent-dynamic, var(--accent-grad));
  color: var(--on-accent-dynamic, var(--on-accent));
  box-shadow: var(--lift-accent-dynamic, 0 2px 8px rgba(59, 91, 219, .28));
}
.btn-primary:hover:not(:disabled) {
  box-shadow: var(--lift-accent-dynamic, 0 4px 14px rgba(59, 91, 219, .38));
  filter: brightness(1.04);
}
.btn-quiet {
  background: var(--surface);
  color: var(--ink-2);
}
.btn-quiet:hover:not(:disabled) {
  background: var(--surface-2);
  color: var(--ink);
}
.btn-round {
  background: var(--surface);
  color: var(--ink-2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
}
.btn-round:hover {
  background: var(--surface-2);
  color: var(--ink);
}
.btn-store {
  background: none;
  box-shadow: none;
  opacity: 1;
  color: var(--ink-2);
  text-decoration: none;
  padding: 6px 4px;
}
.btn-store:hover:not(:disabled) {
  background: none;
  box-shadow: none;
  color: var(--ink);
}
.btn-store .ico-store {
  width: 18px;
  height: 18px;
  flex: none;
}
.btn-sm {
  padding: 6px 10px;
  font-size: 12.5px;
}
.btn-block {
  width: 100%;
}
main {
  max-width: 1320px;
  margin: 0 auto;
  padding: 32px 24px 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
}
@media (max-width: 860px) {
  main {
    grid-template-columns: 1fr;
  }
}
.settings {
  position: sticky;
  top: 78px;
  max-height: calc(100vh - 96px);
  overflow-y: auto;
}
@media (max-width: 860px) {
  .settings {
    position: static;
    max-height: none;
  }
}
.card {
  background: var(--surface);
  border-radius: var(--r-lg);
  padding: 26px;
  box-shadow: var(--shadow);
}
.topnav {
  display: flex;
  gap: 4px;
  margin-left: 14px;
}
.topnav .btn {
  color: var(--ink-2);
}
.topnav .btn .ico {
  width: 15px;
  height: 15px;
}
.topnav .btn.is-active {
  background: var(--accent-soft);
  color: var(--accent);
}
@media (max-width: 560px) {
  .topnav {
    margin-left: 6px;
  }
  .topnav .btn span {
    display: none;
  }
}
.account-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex: none;
  display: grid;
  place-items: center;
  background: var(--accent-grad);
  color: var(--on-accent);
  font-weight: 750;
  font-size: 18px;
  letter-spacing: .02em;
}
.account-head .lede {
  margin: 0;
  font-weight: 650;
  word-break: break-all;
}
.account-head .sub {
  margin: 2px 0 0;
  font-size: 12.5px;
  color: var(--ink-3);
}
.account-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.account-section {
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  padding: 16px 18px;
  background: var(--bg);
}
.account-section h3 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--ink-2);
  text-transform: uppercase;
}
.account-section p {
  margin: 0 0 10px;
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.5;
}
.account-section p:last-child {
  margin-bottom: 0;
}
.ext-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.feature-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  color: var(--ink);
}
.feature-list li .ico {
  width: 16px;
  height: 16px;
  flex: none;
  margin-top: 2px;
  color: var(--accent);
}
.feature-list li small {
  display: block;
  color: var(--ink-3);
  font-size: 12px;
}
.account-foot {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.library-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.library-head h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.library-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.view-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: var(--bg);
  border: 1px solid var(--hairline);
  border-radius: var(--r-md);
  padding: 3px;
}
.view-switch-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 7px;
  background: none;
  color: var(--ink-3);
  cursor: pointer;
  transition: background .14s var(--ease), color .14s var(--ease);
}
.view-switch-btn:hover {
  color: var(--ink);
}
.view-switch-btn.is-active {
  background: var(--surface-2);
  color: var(--accent);
}
.view-switch-btn .ico {
  width: 16px;
  height: 16px;
}
@media (max-width: 480px) {
  .library-head {
    flex-wrap: wrap;
  }
  .library-head-actions {
    width: 100%;
    justify-content: space-between;
  }
}
.library-empty {
  color: var(--ink-3);
  font-size: 13.5px;
  margin: 0;
  padding: 36px 20px;
  text-align: center;
  border: 1.5px dashed var(--hairline);
  border-radius: var(--r-md);
}
.doc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}
.doc-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--bg);
  border-radius: var(--r-md);
  padding: 13px 14px;
  box-shadow: var(--shadow);
  transition: box-shadow .16s var(--ease), transform .16s var(--ease);
}
.doc-item:hover {
  box-shadow: var(--shadow-lift);
  transform: translateY(-1px);
}
.doc-open {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  min-width: 0;
}
.doc-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  flex: none;
  background: var(--accent-soft);
  color: var(--accent);
}
.doc-badge .ico {
  width: 17px;
  height: 17px;
}
.doc-badge[data-type=pdf] {
  background-color: rgba(216, 78, 62, .13);
  color: #D84E3E;
}
.doc-badge[data-type=epub] {
  background-color: rgba(140, 82, 200, .14);
  color: #7B4BC4;
}
.doc-badge[data-type=md] {
  background-color: rgba(47, 158, 94, .13);
  color: var(--live);
}
.doc-badge[data-type=txt] {
  background-color: var(--accent-soft);
  color: var(--accent);
}
.doc-badge[data-type=paste] {
  background-color: var(--surface-2);
  color: var(--ink-2);
}
.doc-badge[data-type=web] {
  background-color: rgba(216, 130, 30, .14);
  color: #B8761A;
}
.doc-badge[data-type=pdf],
.doc-badge[data-type=epub],
.doc-badge[data-type=md],
.doc-badge[data-type=txt],
.doc-badge[data-type=web] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 66%;
}
.doc-badge[data-type=pdf] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiNGNjFGMTUiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iI0Y2MUYxNSIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjRjYxRjE1Ii8+PC9nPgo8cGF0aCBkPSJNMTkuMDAyODU4NTg4NjM3Nzk2IDEwOS4zMTdWOTIuNTc3SDI1LjUzMzQ0ODI4NDkyMDMwNFEyNy40Mzk3ODc5Nzc5MjU3NTcgOTIuNTc3IDI4Ljc3NjUxMzMzNzc0NjQzNyA5My4zMDI1NDkzMDQ5MzY1NVEzMC4xMTMyMzg2OTc1NjcxMTYgOTQuMDI4MDk4NjA5ODczMTEgMzAuODE2NTM5NjkyNjQ0OTggOTUuMzAzMDMyMDIzMzg1MDdRMzEuNTE5ODQwNjg3NzIyODQgOTYuNTc3OTY1NDM2ODk3MDIgMzEuNTE5ODQwNjg3NzIyODQgOTguMjI5OTM4NjE1ODM3MzZRMzEuNTE5ODQwNjg3NzIyODQgOTkuODg3OTc4MzkzNTU0NjggMzAuODA3NDM5Nzk0NDc5NDc1IDEwMS4xNTI5MTM2MTA2NzU5OFEzMC4wOTUwMzg5MDEyMzYxMSAxMDIuNDE3ODQ4ODI3Nzk3MjkgMjguNzM5NjY0NTk1OTcxODQ2IDEwMy4xMzM4NDkwODU0NTU3NlEyNy4zODQyOTAyOTA3MDc1ODIgMTAzLjg0OTg0OTM0MzExNDI0IDI1LjQ1MzY4NDIwMjU5NDEyIDEwMy44NDk4NDkzNDMxMTQyNEgyMS4yNTgzNTM3NzMwMDQ5M1YxMDEuMDgxODMxMTM0OTc1MzVIMjQuOTA5NzA4Mzk3OTEzMTc1UTI1Ljk1NjM2Mjk3NDk3NjQwOCAxMDEuMDgxODMxMTM0OTc1MzUgMjYuNjM3ODc3MTUyMzM3MTk3IDEwMC43MTc4MTY2OTM4MTE2UTI3LjMxOTM5MTMyOTY5Nzk5IDEwMC4zNTM4MDIyNTI2NDc4NSAyNy42NTExNTkyNjQ2MTIzOTIgOTkuNzEwMzczNTE5OTk5ODZRMjcuOTgyOTI3MTk5NTI2Nzk1IDk5LjA2Njk0NDc4NzM1MTg3IDI3Ljk4MjkyNzE5OTUyNjc5NSA5OC4yMjk5Mzg2MTU4MzczNlEyNy45ODI5MjcxOTk1MjY3OTUgOTcuMzgwNzk5MjQ2NzY4ODIgMjcuNjUxMTU5MjY0NjEyMzkyIDk2Ljc0NTU3MjExNDA2MTE5UTI3LjMxOTM5MTMyOTY5Nzk5IDk2LjExMDM0NDk4MTM1MzU1IDI2LjYzNTI5MzAwMjA2MTI2NyA5NS43NTgwMTQ1ODg2MzEyM1EyNS45NTExOTQ2NzQ0MjQ1NSA5NS40MDU2ODQxOTU5MDg5MiAyNC44OTkzNzE3OTY4MDk0NiA5NS40MDU2ODQxOTU5MDg5MkgyMi40MzU3NDE1OTkzOTk2NVYxMDkuMzE3WiIgZmlsbD0iI0Y2MUYxNSIvPjxwYXRoIGQ9Ik00MC4wMjcxNDgxOTA5MDE1OCAxMDkuMzE3SDM1LjY5MTM4NzY5MTIxNjE4VjEwNi4zNjE4MTU1Mjc5OTkxNkgzOS44NjgwNjMwMDM4NDcyNTRRNDEuNDgyMDg2MTY4NTMyNCAxMDYuMzYxODE1NTI3OTk5MTYgNDIuNTc1OTI2MDg4NDczOTM1IDEwNS43OTAyODc2ODI0NTAwNFE0My42Njk3NjYwMDg0MTU0NyAxMDUuMjE4NzU5ODM2OTAwOTQgNDQuMjIzNDI2MjkwODMyMTEgMTA0LjAxNjA1MzM3MjE3MTlRNDQuNzc3MDg2NTczMjQ4NzQgMTAyLjgxMzM0NjkwNzQ0Mjg1IDQ0Ljc3NzA4NjU3MzI0ODc0IDEwMC45Mzc1NjE2OTcxMjE0MlE0NC43NzcwODY1NzMyNDg3NCA5OS4wNjYwNDY0ODkxMjY3MyA0NC4yMTk5NDM4NDIzMzEwMzQgOTcuODcxMDkyNDc1MjI1NDVRNDMuNjYyODAxMTExNDEzMzIgOTYuNjc2MTM4NDYxMzI0MTkgNDIuNTc3NTAxMTk2MTI1MjA1IDk2LjEwNDE2MTQ2NjY2MjVRNDEuNDkyMjAxMjgwODM3MDkgOTUuNTMyMTg0NDcyMDAwODQgMzkuODg4MjkzMjI4NDU2NjMgOTUuNTMyMTg0NDcyMDAwODRIMzUuNjEzNjQxNjk0MTM5MzFWOTIuNTc3SDQwLjA4ODk0NjMwODcyNDgzUTQyLjYxMDk1MzU0Nzc0MDE0IDkyLjU3NyA0NC40MjI1Nzc5Nzg3NjEzOTYgOTMuNTc5OTM5MzM5NjU2OTZRNDYuMjM0MjAyNDA5NzgyNjYgOTQuNTgyODc4Njc5MzEzOTEgNDcuMjEyNjQ3Njk0MDE4MDYgOTYuNDU2NTIyNzE2OTU3NDRRNDguMTkxMDkyOTc4MjUzNDUgOTguMzMwMTY2NzU0NjAwOTggNDguMTkxMDkyOTc4MjUzNDUgMTAwLjkzNzU2MTY5NzEyMTQyUTQ4LjE5MTA5Mjk3ODI1MzQ1IDEwMy41NDkyMjY2NDE5Njg1OSA0Ny4yMTMwOTY4NDMxMzA2MyAxMDUuNDI4MDM4OTgwMTYzOThRNDYuMjM1MTAwNzA4MDA3ODA2IDEwNy4zMDY4NTEzMTgzNTkzNiA0NC40MDYyODU1MjMyODAyIDEwOC4zMTE5MjU2NTkxNzk2OFE0Mi41Nzc0NzAzMzg1NTI1OSAxMDkuMzE3IDQwLjAyNzE0ODE5MDkwMTU4IDEwOS4zMTdaTTM3LjU3NDU0Mzc0NzA1MDY1IDkyLjU3N1YxMDkuMzE3SDM0LjE0MTY2MDczNjI4ODhWOTIuNTc3WiIgZmlsbD0iI0Y2MUYxNSIvPjxwYXRoIGQ9Ik01MC45ODgxNjc1ODE5MjYzNzYgMTA5LjMxN1Y5Mi41NzdINjIuMDAyNjAxODk3NDQ3ODJWOTUuNDIyOTg1Njk0MDE0NzhINTQuNDIxMDUwNTkyNjg4MjI1VjEwMC4wOTcxOTYxNjQ1MzQ0SDYxLjI2Mjg5NTEzODE5MzQxNFYxMDIuODk0NjQ5MDY4MzMzMTVINTQuNDIxMDUwNTkyNjg4MjI1VjEwOS4zMTdaIiBmaWxsPSIjRjYxRjE1Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmb2xkIiB4PSI2My43MzgzIiB5PSIwIiB3aWR0aD0iMzcuOTUyNCIgaGVpZ2h0PSI0MC41NjM1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.doc-badge[data-type=epub] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiM3QjRCQzQiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iIzdCNEJDNCIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjN0I0QkM0Ii8+PC9nPgo8cGF0aCBkPSJNMTUuMDMwODgyODU4NzExNzM2IDEwOS4zMTdWOTQuOTIwNjAwMDAwMDAwMDFIMjQuNjcwMDU4Njg4MDM2MTM2Vjk3LjM2ODE0NzY5Njg1MjcySDE3Ljk4MzE2MjI0Nzk2NjkyN1YxMDAuODQzMDQzODgyNDU4NTdIMjQuMTYwMDk5MTA1NjgwNDU1VjEwMy4yNDg4NTMzNzk3MjU1MkgxNy45ODMxNjIyNDc5NjY5MjdWMTA2Ljg2OTQ1MjMwMzE0NzI4SDI0LjY4OTE5MjIzNDUxNDYxVjEwOS4zMTdaIiBmaWxsPSIjN0I0QkM0Ii8+PHBhdGggZD0iTTI3LjI0ODMwNTU5MTU5NzYzNSAxMDkuMzE3Vjk0LjkyMDYwMDAwMDAwMDAxSDMyLjg2NDYxMjczMDQwMDU5NFEzNC41MDQwNjQ4NjYzODUyOCA5NC45MjA2MDAwMDAwMDAwMSAzNS42NTM2NDg2NzU4MzEwNjQgOTUuNTQ0NTcyNDAyMjQ1NDVRMzYuODAzMjMyNDg1Mjc2ODUgOTYuMTY4NTQ0ODA0NDkwODggMzcuNDA4MDcxMzQxMDQzODEgOTcuMjY0OTg3NTQwMTExMTVRMzguMDEyOTEwMTk2ODEwNzcgOTguMzYxNDMwMjc1NzMxNDQgMzguMDEyOTEwMTk2ODEwNzcgOTkuNzgyMTI3MjA5NjIwMTFRMzguMDEyOTEwMTk2ODEwNzcgMTAxLjIwODA0MTQxODQ1NzAzIDM3LjQwMDI0NTQyODYyMTQ3NCAxMDIuMjk1ODg1NzA1MTgxMzVRMzYuNzg3NTgwNjYwNDMyMTg0IDEwMy4zODM3Mjk5OTE5MDU2NyAzNS42MjE5NTg3NTc5MDQ5MiAxMDMuOTk5NDkwMjEzNDkxOTVRMzQuNDU2MzM2ODU1Mzc3NjUgMTA0LjYxNTI1MDQzNTA3ODI1IDMyLjc5NjAxNTYxOTYwMDA3IDEwNC42MTUyNTA0MzUwNzgyNUgyOS4xODgwMzE0NTAxNTMzN1YxMDIuMjM0NzU0Nzc2MDc4OEgzMi4zMjgxOTY0Mjc1NzQ0NlEzMy4yMjgzMTkzNjM4NDg4NCAxMDIuMjM0NzU0Nzc2MDc4OCAzMy44MTQ0MjE1NTYzNzkxMTYgMTAxLjkyMTcwMjM1NjY3Nzk4UTM0LjQwMDUyMzc0ODkwOTQgMTAxLjYwODY0OTkzNzI3NzE2IDM0LjY4NTg0NDE3MjkzNTc5IDEwMS4wNTUzMDEyMjcxOTk4OVEzNC45NzExNjQ1OTY5NjIxNzYgMTAwLjUwMTk1MjUxNzEyMjYyIDM0Ljk3MTE2NDU5Njk2MjE3NiA5OS43ODIxMjcyMDk2MjAxMVEzNC45NzExNjQ1OTY5NjIxNzYgOTkuMDUxODY3MzUyMjIxMTggMzQuNjg1ODQ0MTcyOTM1NzkgOTguNTA1NTcyMDE4MDkyNjFRMzQuNDAwNTIzNzQ4OTA5NCA5Ny45NTkyNzY2ODM5NjQwNSAzMy44MTIxOTkxODcxNDE4MiA5Ny42NTYyNzI1NDYyMjI4NVEzMy4yMjM4NzQ2MjUzNzQyNCA5Ny4zNTMyNjg0MDg0ODE2NyAzMi4zMTkzMDY5NTA2MjUyNyA5Ny4zNTMyNjg0MDg0ODE2N0gzMC4yMDA1ODQ5ODA4NTI4MjdWMTA5LjMxN1oiIGZpbGw9IiM3QjRCQzQiLz48cGF0aCBkPSJNNDYuMjA4NDQ4NDg2MDI1OTggMTA5LjUxNzU4NDY3MjQ1ODMxUTQ0LjQyNDQ1NzcyNDQzODMxIDEwOS41MTc1ODQ2NzI0NTgzMSA0My4wODYwNzgzODUwMTA3NSAxMDguODU4NzMxNjU4NzA2MTVRNDEuNzQ3Njk5MDQ1NTgzMTggMTA4LjE5OTg3ODY0NDk1Mzk4IDQxLjAwNzY4NzI0MjA4MDM0IDEwNy4wMTY5NTkyOTY5NDg3M1E0MC4yNjc2NzU0Mzg1Nzc1IDEwNS44MzQwMzk5NDg5NDM0NyA0MC4yNjc2NzU0Mzg1Nzc1IDEwNC4yNjcwNTgyMjExMzI0MlY5NC45MjA2MDAwMDAwMDAwMUg0My4yMTk5NTQ4Mjc4MzI2OVYxMDQuMDIyOTk5Nzk1NzczOVE0My4yMTk5NTQ4Mjc4MzI2OSAxMDQuODYzNzk2MDU4OTMxMjkgNDMuNTkyODE1NDI4NzcwOTA1IDEwNS41MTQwNTU5MzEyODk5N1E0My45NjU2NzYwMjk3MDkxMyAxMDYuMTY0MzE1ODAzNjQ4NjYgNDQuNjM1OTM3MjI1MjAzNTA2IDEwNi41MzY3OTAxMzYzNTAwOFE0NS4zMDYxOTg0MjA2OTc4OCAxMDYuOTA5MjY0NDY5MDUxNDggNDYuMjA4NDQ4NDg2MDI1OTggMTA2LjkwOTI2NDQ2OTA1MTQ4UTQ3LjExNTkxNTgyNjMwMjMgMTA2LjkwOTI2NDQ2OTA1MTQ4IDQ3Ljc4NjU2MzI5MDAzMzQ4NCAxMDYuNTM2NzkwMTM2MzUwMDhRNDguNDU3MjEwNzUzNzY0NjggMTA2LjE2NDMxNTgwMzY0ODY2IDQ4LjgyNzg0ODk4NTQ2NTYgMTA1LjUxNDA1NTkzMTI4OTk3UTQ5LjE5ODQ4NzIxNzE2NjUyIDEwNC44NjM3OTYwNTg5MzEyOSA0OS4xOTg0ODcyMTcxNjY1MiAxMDQuMDIyOTk5Nzk1NzczOVY5NC45MjA2MDAwMDAwMDAwMUg1Mi4xNTA3NjY2MDY0MjE3MVYxMDQuMjY3MDU4MjIxMTMyNDJRNTIuMTUwNzY2NjA2NDIxNzEgMTA1LjgzNDAzOTk0ODk0MzQ3IDUxLjQwODE0NjE2NTQ0NDc1NSAxMDcuMDE2OTU5Mjk2OTQ4NzNRNTAuNjY1NTI1NzI0NDY3OCAxMDguMTk5ODc4NjQ0OTUzOTggNDkuMzI4OTgyNDg2MDQwNzIgMTA4Ljg1ODczMTY1ODcwNjE1UTQ3Ljk5MjQzOTI0NzYxMzY0NiAxMDkuNTE3NTg0NjcyNDU4MzEgNDYuMjA4NDQ4NDg2MDI1OTggMTA5LjUxNzU4NDY3MjQ1ODMxWiIgZmlsbD0iIzdCNEJDNCIvPjxwYXRoIGQ9Ik01NC45NDg5MTE1OTQyODIxOTQgMTA5LjMxN1Y5NC45MjA2MDAwMDAwMDAwMUg2MC42NjYwOTMxMjU0MjA3N1E2Mi4yNDY0MDkwNjg2NTU2MTYgOTQuOTIwNjAwMDAwMDAwMDEgNjMuMzAyNzUzOTE3ODIwOTUgOTUuMzk4Mzg4MTU2MDA5MTNRNjQuMzU5MDk4NzY2OTg2MjggOTUuODc2MTc2MzEyMDE4MjcgNjQuODg2OTMyNTQzNDIzOTIgOTYuNzA5NjIyODYzNjcxMjNRNjUuNDE0NzY2MzE5ODYxNTcgOTcuNTQzMDY5NDE1MzI0MTcgNjUuNDE0NzY2MzE5ODYxNTcgOTguNjE3MDk3OTc4MjA0M1E2NS40MTQ3NjYzMTk4NjE1NyA5OS40NzE2MDk0MTc1MTk3OSA2NS4wNzU4MjMzMTM1ODkzIDEwMC4xMDQxODAyNjg2NjEyUTY0LjczNjg4MDMwNzMxNzAxIDEwMC43MzY3NTExMTk4MDI1OSA2NC4xNTM2ODMwODc4MTY1NiAxMDEuMTM4NTkyNDUzNTA2NzdRNjMuNTcwNDg1ODY4MzE2MTEgMTAxLjU0MDQzMzc4NzIxMDk2IDYyLjgyNzY3NDk0Njk3MTk5NiAxMDEuNzA5MTMyNzUzODczNDhWMTAxLjg1NDgzNTQ5MTY4OTM5UTYzLjYzOTY2NTAzNTIyMzA5NiAxMDEuODg4MjY2MjcwNDMyNDQgNjQuMzU4MTMwNDQyNjQzIDEwMi4zMTYwMDM0OTg1MTA1OFE2NS4wNzY1OTU4NTAwNjI5MiAxMDIuNzQzNzQwNzI2NTg4NzEgNjUuNTI1ODc5NDc0MjIzOTggMTAzLjUxMzMyMDYyNjQ2NjQ4UTY1Ljk3NTE2MzA5ODM4NTA1IDEwNC4yODI5MDA1MjYzNDQyNSA2NS45NzUxNjMwOTgzODUwNSAxMDUuMzUwNzQ4Nzk3NDM1MzdRNjUuOTc1MTYzMDk4Mzg1MDUgMTA2LjQ4NTA2NzA1MDI3MzMgNjUuNDE3NTcwNzQ1MjA1MzIgMTA3LjM4MzM0MzI3MDU0MjIxUTY0Ljg1OTk3ODM5MjAyNTYxIDEwOC4yODE2MTk0OTA4MTExMiA2My43NjA2MzU5OTA4Nzc5OSAxMDguNzk5MzA5NzQ1NDA1NTdRNjIuNjYxMjkzNTg5NzMwMzYgMTA5LjMxNyA2MS4wMzM4MjEwNzY1ODkzNyAxMDkuMzE3Wk01Ny45MDExOTA5ODM1MzczOCAxMDYuODkwMzIxNDAyOTQwMTdINjAuNDQ4MTMxNjg5ODA4MzU2UTYxLjc0ODQ2MDk1NDE1ODU4IDEwNi44OTAzMjE0MDI5NDAxNyA2Mi4zNDM4Mzg4OTE4NzQ4NyAxMDYuMzg5MDUwMjAyMTYxNTRRNjIuOTM5MjE2ODI5NTkxMTQ2IDEwNS44ODc3NzkwMDEzODI5MSA2Mi45MzkyMTY4Mjk1OTExNDYgMTA1LjA3MDU2MTAyMzE3ODYxUTYyLjkzOTIxNjgyOTU5MTE0NiAxMDQuNDYwNjkwMDY1MzI4MSA2Mi42NDUxMDIxNjg3OTkxNSAxMDMuOTkwMjQxMDA1ODE4NFE2Mi4zNTA5ODc1MDgwMDcxNSAxMDMuNTE5NzkxOTQ2MzA4NzEgNjEuODA5OTA5NDQ4ODI2ODEgMTAzLjI1MTc2MzY2MDI1Nzg0UTYxLjI2ODgzMTM4OTY0NjQ2NSAxMDIuOTgzNzM1Mzc0MjA2OTQgNjAuNTIzODgyNzI0MjQzNjUgMTAyLjk4MzczNTM3NDIwNjk0SDU3LjkwMTE5MDk4MzUzNzM4Wk01Ny45MDExOTA5ODM1MzczOCAxMDAuOTY4MjU4NDgxMjE1OTFINjAuMjI1MTMyODQ0NjA5ODk1UTYwLjg1NzIyNzQ5NDgzMzM5IDEwMC45NjgyNTg0ODEyMTU5MSA2MS4zNTc0MzUxMzEwODUxNTQgMTAwLjc0MjE2NDE4MjYyMDQ2UTYxLjg1NzY0Mjc2NzMzNjkzIDEwMC41MTYwNjk4ODQwMjUgNjIuMTQ2NTQwMTUzMTgwNyAxMDAuMDk2MTUzMjYwODY2NzFRNjIuNDM1NDM3NTM5MDI0NDggOTkuNjc2MjM2NjM3NzA4NDEgNjIuNDM1NDM3NTM5MDI0NDggOTkuMDkzOTk3MTI3NTQ2MjdRNjIuNDM1NDM3NTM5MDI0NDggOTguMzA4MDgyNzk5MDMxMyA2MS44NzcxNjI1ODIwNTIyMTUgOTcuODE3MjQ2MTQ4MTQ5MTFRNjEuMzE4ODg3NjI1MDc5OTUgOTcuMzI2NDA5NDk3MjY2OTQgNjAuMjgzMTA0OTI1MTQ2ODEgOTcuMzI2NDA5NDk3MjY2OTRINTcuOTAxMTkwOTgzNTM3MzhaIiBmaWxsPSIjN0I0QkM0Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmb2xkIiB4PSI2My43MzgzIiB5PSIwIiB3aWR0aD0iMzcuOTUyNCIgaGVpZ2h0PSI0MC41NjM1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.doc-badge[data-type=md] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiMyRjlFNUUiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iIzJGOUU1RSIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjMkY5RTVFIi8+PC9nPgo8cGF0aCBkPSJNMjIuNjA2MzQwMTk5Mzc2MDUgMTA5LjMxN1Y5Mi41NzdIMjcuODcyMjcxMzY4MTA1MDc1TDMwLjU4MTk2MTkwNjc1NDY2OCAxMDAuMjYyMjM3NTQ4ODI4MTJRMzAuNzUyMjgxOTkzMTM3ODQ2IDEwMC43OTY3ODczOTM2NTk1NCAzMC45NzEwMjQxMjUzMzc1MzYgMTAxLjY1MzIxMTU0OTg5OTcxUTMxLjE4OTc2NjI1NzUzNzIzIDEwMi41MDk2MzU3MDYxMzk4OSAzMS40MTU4MTE2OTE0NTIxMyAxMDMuNDk3OTU2MDk5MzM3MzdRMzEuNjQxODU3MTI1MzY3MDMyIDEwNC40ODYyNzY0OTI1MzQ4NiAzMS44Mzg5MTcwMTI3MzQ2MzcgMTA1LjQxNzQxMzM0NjQ2MzM5UTMyLjAzNTk3NjkwMDEwMjI0IDEwNi4zNDg1NTAyMDAzOTE5MyAzMi4xNjM4MzA3OTUwNDY0IDEwNy4wMzg1OTIwMzkzNzcxSDMxLjQ5MTc2NzI2MzU5MzIyNVEzMS42MjQ3ODk0NTkwODkyNDMgMTA2LjM2NDA1NTEwMjA0NzUgMzEuODE4ODE2MDQ3MDY4MzQ2IDEwNS40MzgwODY1NDg2NzA4MlEzMi4wMTI4NDI2MzUwNDc0NSAxMDQuNTEyMTE3OTk1Mjk0MTUgMzIuMjM4ODg4MDY4OTYyMzUgMTAzLjUyMTIxMzQ1MTgyMDczUTMyLjQ2NDkzMzUwMjg3NzI2IDEwMi41MzAzMDg5MDgzNDczMSAzMi42ODMyMjY0ODU5NjQzNzYgMTAxLjY2NjEzMjMwMTI3OTM2UTMyLjkwMTUxOTQ2OTA1MTQ5IDEwMC44MDE5NTU2OTQyMTE0IDMzLjA3MTgzOTU1NTQzNDY2NCAxMDAuMjYyMjM3NTQ4ODI4MTJMMzUuNzQzNTU1MzkzNzcwOTc2IDkyLjU3N0g0MS4wMjA3MjE0NjE4Mjg4NTZWMTA5LjMxN0gzNy41NzkwNzY5NTc2MTQ1NlYxMDEuNDI0NDE1MzM0ODE2NzRRMzcuNTc5MDc2OTU3NjE0NTYgMTAwLjg3NzI3Njk3MTgwNDIgMzcuNTk2ODI3NjA0ODMyOTk1IDEwMC4wNTk3MTk2NDI1ODc5NVEzNy42MTQ1NzgyNTIwNTE0MyA5OS4yNDIxNjIzMTMzNzE3IDM3LjY0MDUzMDQ5OTIxMDIzIDk4LjI5MzQ5NjMwMTAyMzc1UTM3LjY2NjQ4Mjc0NjM2OTAyIDk3LjM0NDgzMDI4ODY3NTgxIDM3LjY4OTQwMTY5NDEzOTMwNiA5Ni4zNzk3NjEwNzY0NDcxNVEzNy43MTIzMjA2NDE5MDk2IDk1LjQxNDY5MTg2NDIxODQ4IDM3LjcxNzQ4ODk0MjQ2MTQ2IDk0LjU2NzM2MTQzNDYyOTI5SDM3LjkzOTcxMzUyMzE2MjIyNlEzNy43MjE5ODA0MzM1ODcxOSA5NS41MDAzMDEwNTY1MjI2NCAzNy40NjA5OTM1OTg3NDc1MSA5Ni40OTE2NjA5MjA2MjMxNlEzNy4yMDAwMDY3NjM5MDc4MiA5Ny40ODMwMjA3ODQ3MjM2OCAzNi45MzgxMjE2MzA4NDI5ODYgOTguNDE4MjA2MTUyMTc5ODlRMzYuNjc2MjM2NDk3Nzc4MTU2IDk5LjM1MzM5MTUxOTYzNjEyIDM2LjQzOTQwNTMxMzY0Njk3IDEwMC4xMzIwNzU4NTAzMTM5NFEzNi4yMDI1NzQxMjk1MTU3OCAxMDAuOTEwNzYwMTgwOTkxNzYgMzYuMDMzMTUyMzQxMzU3NzUgMTAxLjQyNDQxNTMzNDgxNjc0TDMzLjI2MjU4NjY2OTE2ODE1IDEwOS4zMTdIMzAuMzcxNDM5ODg5MDM4OTAzTDI3LjU1NjgzMjkxNzc1OTAyIDEwMS40MjQ0MTUzMzQ4MTY3NFEyNy4zODc0MTExMjk2MDA5ODggMTAwLjkxNTkyODQ4MTU0MzYyIDI3LjE1MjcxNDk0NjYzMzE1NCAxMDAuMTQ0OTk2NjAxNjkzNThRMjYuOTE4MDE4NzYzNjY1MzIzIDk5LjM3NDA2NDcyMTg0MzU0IDI2LjY1MDA2NzAzMTgyMzQ4NiA5OC40NDQwNDc2NTQ5MzkxN1EyNi4zODIxMTUyOTk5ODE2NSA5Ny41MTQwMzA1ODgwMzQ4MSAyNi4xMTU1MTEwMTU0Nzc1MzQgOTYuNTE3NTAyNDIzMzgyNDRRMjUuODQ4OTA2NzMwOTczNDE4IDk1LjUyMDk3NDI1ODczMDA4IDI1LjYwNDQzMzg0MDQxMzk2IDk0LjU2NzM2MTQzNDYyOTI5SDI1Ljg3MzM5NDYxNDg4MDQ1M1EyNS44ODM3MzEyMTU5ODQxNjcgOTUuMzc4NTEzNzYwMzU1NDkgMjUuOTA2NjUwMTYzNzU0NDU2IDk2LjMzMzI0NjM3MTQ4MDQ0UTI1LjkyOTU2OTExMTUyNDc1IDk3LjI4Nzk3ODk4MjYwNTM4IDI1Ljk1MjkzNzIwODQwNzYxNSA5OC4yNDQzOTc0NDU3ODExMlEyNS45NzYzMDUzMDUyOTA0OCA5OS4yMDA4MTU5MDg5NTY4NCAyNS45OTY2NDAxMDI3ODQ4NDUgMTAwLjAzMTI5Mzk4OTU1Mjc1UTI2LjAxNjk3NDkwMDI3OTIwNSAxMDAuODYxNzcyMDcwMTQ4NjUgMjYuMDE2OTc0OTAwMjc5MjA1IDEwMS40MjQ0MTUzMzQ4MTY3NFYxMDkuMzE3WiIgZmlsbD0iIzJGOUU1RSIvPjxwYXRoIGQ9Ik01MC4xNTgxMDYzMTE3MDY5NSAxMDkuMzE3SDQ1LjgyMjM0NTgxMjAyMTU1VjEwNi4zNjE4MTU1Mjc5OTkxNkg0OS45OTkwMjExMjQ2NTI2M1E1MS42MTMwNDQyODkzMzc3NyAxMDYuMzYxODE1NTI3OTk5MTYgNTIuNzA2ODg0MjA5Mjc5MzEgMTA1Ljc5MDI4NzY4MjQ1MDA0UTUzLjgwMDcyNDEyOTIyMDg0NiAxMDUuMjE4NzU5ODM2OTAwOTQgNTQuMzU0Mzg0NDExNjM3NDggMTA0LjAxNjA1MzM3MjE3MTlRNTQuOTA4MDQ0Njk0MDU0MTEgMTAyLjgxMzM0NjkwNzQ0Mjg1IDU0LjkwODA0NDY5NDA1NDExIDEwMC45Mzc1NjE2OTcxMjE0MlE1NC45MDgwNDQ2OTQwNTQxMSA5OS4wNjYwNDY0ODkxMjY3MyA1NC4zNTA5MDE5NjMxMzY0MSA5Ny44NzEwOTI0NzUyMjU0NVE1My43OTM3NTkyMzIyMTg3IDk2LjY3NjEzODQ2MTMyNDE5IDUyLjcwODQ1OTMxNjkzMDU4IDk2LjEwNDE2MTQ2NjY2MjVRNTEuNjIzMTU5NDAxNjQyNDYgOTUuNTMyMTg0NDcyMDAwODQgNTAuMDE5MjUxMzQ5MjYyMDEgOTUuNTMyMTg0NDcyMDAwODRINDUuNzQ0NTk5ODE0OTQ0Njg1VjkyLjU3N0g1MC4yMTk5MDQ0Mjk1MzAyUTUyLjc0MTkxMTY2ODU0NTUxIDkyLjU3NyA1NC41NTM1MzYwOTk1NjY3NyA5My41Nzk5MzkzMzk2NTY5NlE1Ni4zNjUxNjA1MzA1ODgwMzUgOTQuNTgyODc4Njc5MzEzOTEgNTcuMzQzNjA1ODE0ODIzNDM0IDk2LjQ1NjUyMjcxNjk1NzQ0UTU4LjMyMjA1MTA5OTA1ODgyNSA5OC4zMzAxNjY3NTQ2MDA5OCA1OC4zMjIwNTEwOTkwNTg4MjUgMTAwLjkzNzU2MTY5NzEyMTQyUTU4LjMyMjA1MTA5OTA1ODgyNSAxMDMuNTQ5MjI2NjQxOTY4NTkgNTcuMzQ0MDU0OTYzOTM2IDEwNS40MjgwMzg5ODAxNjM5OFE1Ni4zNjYwNTg4Mjg4MTMxOCAxMDcuMzA2ODUxMzE4MzU5MzYgNTQuNTM3MjQzNjQ0MDg1NTcgMTA4LjMxMTkyNTY1OTE3OTY4UTUyLjcwODQyODQ1OTM1Nzk2IDEwOS4zMTcgNTAuMTU4MTA2MzExNzA2OTUgMTA5LjMxN1pNNDcuNzA1NTAxODY3ODU2MDIgOTIuNTc3VjEwOS4zMTdINDQuMjcyNjE4ODU3MDk0MTdWOTIuNTc3WiIgZmlsbD0iIzJGOUU1RSIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZm9sZCIgeD0iNjMuNzM4MyIgeT0iMCIgd2lkdGg9IjM3Ljk1MjQiIGhlaWdodD0iNDAuNTYzNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
}
.doc-badge[data-type=txt] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiMzNDg1RkYiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iIzM0ODVGRiIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjMzQ4NUZGIi8+PC9nPgo8cGF0aCBkPSJNMTYuOTk5NDQwOTcyMTcxMjUgOTUuNDIyOTg1Njk0MDE0NzhWOTIuNTc3SDMwLjY2OTEyNjIxMTAwMzA0M1Y5NS40MjI5ODU2OTQwMTQ3OEgyNS41NTU4OTMzOTc1MTk5MjdWMTA5LjMxN0gyMi4xMjMwMTAzODY3NTgwOFY5NS40MjI5ODU2OTQwMTQ3OFoiIGZpbGw9IiMzNDg1RkYiLz48cGF0aCBkPSJNMzIuMzE1MDcyNzgyNTgwNDg2IDEwOS4zMTcgMzkuMjIyOTQ4NDE5MTQ4NDkgOTkuNDg1MTM0MTU0NDU0MTdWMTAyLjA4ODQ0MzU1NDM1OTc4TDMyLjg0OTYyMjYyNzQxMTkxIDkyLjU3N0gzNi44MzE4ODM1NzUyMzQ2MzVMMzguNjY0OTkzNDQ4MzQ3MDU1IDk1LjM4NzEwMzEzNzEyNTExUTM5LjE4MDAwMjIyMTAyNDI3NCA5Ni4xNzk2MTI2ODg5MjIyMyAzOS41MTA1MzM0NTMwMDA0NyA5Ni44MTg5ODY3MzY1MjgwMlEzOS44NDEwNjQ2ODQ5NzY2NjUgOTcuNDU4MzYwNzg0MTMzOCA0MC4xMTU0MjE0MjAzMDg1NjQgOTguMDQ0OTMyMDM5MTk2ODVRNDAuMzg5Nzc4MTU1NjQwNDcgOTguNjMxNTAzMjk0MjU5OSA0MC43MjUwMjg1MzkwNTU5NCA5OS4yNjU2MDQ0Njg0Mjg4NUgzOS44MTQzNDk1NzAwNTAzNFE0MC4xNjE3MzMxNTEwMTk4MiA5OC42MzY2NzE1OTQ4MTE3NiA0MC40MzkxMjMxODU3NDAyMiA5OC4wNTAxMDAzMzk3NDg3MVE0MC43MTY1MTMyMjA0NjA2MyA5Ny40NjM1MjkwODQ2ODU2NiA0MS4wNTUyNDYwNTIzNzcxOCA5Ni44MjE1NzA4ODY4MDM5NVE0MS4zOTM5Nzg4ODQyOTM3MyA5Ni4xNzk2MTI2ODg5MjIyMyA0MS45MDg5ODc2NTY5NzA5NSA5NS4zODcxMDMxMzcxMjUxMUw0My43NzQ5MDM5Mjk4NDQ4IDkyLjU3N0g0Ny42NTg1MjQxODk1ODQyMDZMNDEuMzk5NTY1NDc2Mzg1NTQgMTAxLjkwMTQ5ODc3OTI5Njg3Vjk5LjQyNDY4OTY1NTQ4MzE2TDQ4LjE1NTA5OTMzNDEwMjM0NiAxMDkuMzE3SDQ0LjA5MzA3NDMwMzk1MzQzNkw0MS43NjEzNTg4NTgwNDQ1MiAxMDUuODEwMzMzMTA0NDg1NjJRNDEuMzAxNjI2MjgzNzg2NDQgMTA1LjEwMTYzNjE0ODU0MjM1IDQxLjAxNTI0NzA5NTMwMDA1IDEwNC42MDc3NDk3MjcxODUxNFE0MC43Mjg4Njc5MDY4MTM2NTUgMTA0LjExMzg2MzMwNTgyNzkgNDAuNDk5NTYxNTEzMTk2NyAxMDMuNjcxNTQyOTc0MDc1MjFRNDAuMjcwMjU1MTE5NTc5NzUgMTAzLjIyOTIyMjY0MjMyMjUxIDM5Ljk2NDQzOTQzMTgyNDE0IDEwMi42NzgyNTcyNTQ1ODEzM0g0MC41MDM5MzYwODg0MDgzOTVRNDAuMjA5MzU1Mjk5OTgxNjQ1IDEwMy4yMTM3MTc3NDA2NjY5NCAzOS45NzQ0MzE0NTY3MDAyNjYgMTAzLjY1OTA3MTM3MTgwODE0UTM5LjczOTUwNzYxMzQxODg5IDEwNC4xMDQ0MjUwMDI5NDkzNCAzOS40NTA1NDQyNzQ2NTY1NjUgMTA0LjYwMzQ3OTcyNDg1ODQzUTM5LjE2MTU4MDkzNTg5NDI0IDEwNS4xMDI1MzQ0NDY3Njc1IDM4LjY3OTM3ODU2Mjk3ODQ1IDEwNS44MTAzMzMxMDQ0ODU2MkwzNi4yODI3MjcxMjY5NzI3OSAxMDkuMzE3WiIgZmlsbD0iIzM0ODVGRiIvPjxwYXRoIGQ9Ik00OS44MDQ4OTc2MTY0NjY1NSA5NS40MjI5ODU2OTQwMTQ3OFY5Mi41NzdINjMuNDc0NTgyODU1Mjk4MzRWOTUuNDIyOTg1Njk0MDE0NzhINTguMzYxMzUwMDQxODE1MjJWMTA5LjMxN0g1NC45Mjg0NjcwMzEwNTMzN1Y5NS40MjI5ODU2OTQwMTQ3OFoiIGZpbGw9IiMzNDg1RkYiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZvbGQiIHg9IjYzLjczODMiIHk9IjAiIHdpZHRoPSIzNy45NTI0IiBoZWlnaHQ9IjQwLjU2MzUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.doc-badge[data-type=web] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiNEODgyMUUiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iI0Q4ODIxRSIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjRDg4MjFFIi8+PC9nPgo8cGF0aCBkPSJNMTguNTEwNTI4NzYwMzg4MjcgMTA5LjMxNyAxNC4wMTU4OTIyMTk0MTg1MjUgOTIuNTc3SDE3Ljc2MDY0NTE3MzY4Mzk0TDE5LjcwMjI4OTM1ODM4NTMzMiAxMDAuODA3MzIwNzk3NTA0MTlRMTkuOTQwMDE4ODQwNzQxNjcgMTAxLjg0NTg2NjAwNDQ4MzAxIDIwLjEzNzA3ODcyODEwOTI3MyAxMDMuMDIxNjk3MjM3NzcwMDNRMjAuMzM0MTM4NjE1NDc2ODggMTA0LjE5NzUyODQ3MTA1NzA0IDIwLjUyMjk5NjkwMjkwNDEzMyAxMDUuMzgwNjYzMDA2MDU5MjhRMjAuNzExODU1MTkwMzMxMzggMTA2LjU2Mzc5NzU0MTA2MTUgMjAuODkzNDEwMTc2MDQzNDE3IDEwNy42NTQ5MjQwNTE3ODQwMkgyMC4yODkyMTEzNjExOTA0OTNRMjAuNDk0MTM0NDQzNzg1NCAxMDYuNTYzNzk3NTQxMDYxNSAyMC42OTIwOTI2MjkzNzgxNTIgMTA1LjM4MDY2MzAwNjA1OTI4UTIwLjg5MDA1MDgxNDk3MDkwNSAxMDQuMTk3NTI4NDcxMDU3MDQgMjEuMTA3NDQ1NDk5ODMyODc0IDEwMy4wMjE2OTcyMzc3NzAwM1EyMS4zMjQ4NDAxODQ2OTQ4NDMgMTAxLjg0NTg2NjAwNDQ4MzAxIDIxLjU3NDcwMjg2NDYwNTE4NiAxMDAuODA3MzIwNzk3NTA0MTlMMjMuNjIxMDU0MzM2MTY2OSA5Mi41NzdIMjcuMTg4MzEzMTYxMjc3MDA1TDI5LjIyNDMyODAzMTczNTAwNiAxMDAuODA3MzIwNzk3NTA0MTlRMjkuNDc5MzU5MDEyMTk3MiAxMDEuODQ1ODY2MDA0NDgzMDEgMjkuNjk0MTY5NTQ2NzgzMjQzIDEwMy4wMjE2OTcyMzc3NzAwM1EyOS45MDg5ODAwODEzNjkyODYgMTA0LjE5NzUyODQ3MTA1NzA0IDMwLjExMjEwNjU2NzUxMzg5OCAxMDUuMzgwNjYzMDA2MDU5MjhRMzAuMzE1MjMzMDUzNjU4NTA2IDEwNi41NjM3OTc1NDEwNjE1IDMwLjUyMDE1NjEzNjI1MzQxIDEwNy42NTQ5MjQwNTE3ODQwMkgyOS44OTQzODU4MjA5Njc5MTJRMzAuMDg3MTc1NzA2MDA4ODEgMTA2LjU2Mzc5NzU0MTA2MTUgMzAuMjczMDAwNjk0MDQ3NTYgMTA1LjM4MDY2MzAwNjA1OTI4UTMwLjQ1ODgyNTY4MjA4NjMwNyAxMDQuMTk3NTI4NDcxMDU3MDQgMzAuNjY0MDg3MTY5Mzk0MjcgMTAzLjAyMTY5NzIzNzc3MDAzUTMwLjg2OTM0ODY1NjcwMjIzNiAxMDEuODQ1ODY2MDA0NDgzMDEgMzEuMDk1ODQzMjM5NzI5NzEgMTAwLjgwNzMyMDc5NzUwNDE5TDMzLjAzODM4NTcyMjY1NjI1IDkyLjU3N0gzNi43OTM0NzUyNzgwMjUzNzZMMzIuMjg4NTAyMTM1OTUxOTE2IDEwOS4zMTdIMjguMzczODcyMDcyOTAxMzc4TDI2LjE1MjkzMDUxMjYyOTc3MyAxMDAuNzU1Njk4ODIxNDA3MDRRMjUuNzkzMTkyMjQ1MzA3MjYgOTkuMzI3NzU5MTYyNjQ2ODEgMjUuNTM3ODIyODYwMTMyMDAzIDk3LjY2Mjg3NzU3NTM1NTg4UTI1LjI4MjQ1MzQ3NDk1Njc0NiA5NS45OTc5OTU5ODgwNjQ5NiAyNC45NzQ2MTk3MDE5NTE4MTYgOTQuMjQ0OTA4NzE1MTY0OUgyNS44MjQ0MTExOTQzODgzNzVRMjUuNDgwMTc3ODI4NzIxNDI3IDk1Ljk1NjY0OTU4MzY1MDEyIDI1LjI1OTQxMTQzOTc1Nzg5NCA5Ny41OTk5NTk2NzA1MDg0N1EyNS4wMzg2NDUwNTA3OTQzNiA5OS4yNDMyNjk3NTczNjY4MiAyNC42NTIxNjY5ODI0ODc0MiAxMDAuNzU1Njk4ODIxNDA3MDRMMjIuNDMwMzI3MTIzOTkwNjcyIDEwOS4zMTdaIiBmaWxsPSIjRDg4MjFFIi8+PHBhdGggZD0iTTM5LjA4NTAxNjQ0MDk4Njc5IDEwOS4zMTdWOTIuNTc3SDUwLjI5MzM2MDQyODU3MzNWOTUuNDIyOTg1Njk0MDE0NzhINDIuNTE3ODk5NDUxNzQ4NjRWOTkuNDYzNTYyNjU0MDIxNkg0OS43MDAzODQxNzAwMjAxODZWMTAyLjI2MTAxNTU1NzgyMDM2SDQyLjUxNzg5OTQ1MTc0ODY0VjEwNi40NzEwMTQzMDU5ODUyMUg1MC4zMTU2MDg3Mzg0MzE5OVYxMDkuMzE3WiIgZmlsbD0iI0Q4ODIxRSIvPjxwYXRoIGQ9Ik01My4yOTEzMjE5NDQzNDI0OSAxMDkuMzE3VjkyLjU3N0g1OS45MzkyMDc0NDU2NjY0MlE2MS43NzY3ODQxMjM4NDY0NzUgOTIuNTc3IDYzLjAwNTA5MjA4Nzk5MjIxIDkzLjEzMjU2NzYyMzI2NjQ0UTY0LjIzMzQwMDA1MjEzNzk1IDkzLjY4ODEzNTI0NjUzMjg4IDY0Ljg0NzE2MDI1NzI5OCA5NC42NTcyNTkxNDM4MDM3NFE2NS40NjA5MjA0NjI0NTgwNSA5NS42MjYzODMwNDEwNzQ2IDY1LjQ2MDkyMDQ2MjQ1ODA1IDk2Ljg3NTI1MzQ2MzAyODI2UTY1LjQ2MDkyMDQ2MjQ1ODA1IDk3Ljg2ODg3MTQxNTcyMDY5IDY1LjA2NjgwMDY4NzcyMjgzIDk4LjYwNDQxODkxNzA0NzlRNjQuNjcyNjgwOTEyOTg3NjIgOTkuMzM5OTY2NDE4Mzc1MSA2My45OTQ1NDQ2MTEyNDI5MTUgOTkuODA3MjIzNzgzMTQ3NFE2My4zMTY0MDgzMDk0OTgyMTUgMTAwLjI3NDQ4MTE0NzkxOTcyIDYyLjQ1MjY3NDY4MDAyODMxIDEwMC40NzA2NDI3MzcwNjIxOFYxMDAuNjQwMDY0NTI1MjIwMjFRNjMuMzk2ODQ5MjAxMjUwNTIgMTAwLjY3ODkzNzUyMzc1ODY1IDY0LjIzMjI3NDA5MzU5OTI0IDEwMS4xNzYzMDYzOTM2MTY5NVE2NS4wNjc2OTg5ODU5NDc5OCAxMDEuNjczNjc1MjYzNDc1MjUgNjUuNTkwMTIxODA0NzM5OTQgMTAyLjU2ODUzNTYxMjE3MDMyUTY2LjExMjU0NDYyMzUzMTg3IDEwMy40NjMzOTU5NjA4NjU0IDY2LjExMjU0NDYyMzUzMTg3IDEwNC43MDUwNzk5OTcwMTc4OFE2Ni4xMTI1NDQ2MjM1MzE4NyAxMDYuMDI0MDU0NzA5NjIwMTIgNjUuNDY0MTgxNDIyMTYwMSAxMDcuMDY4NTYxOTQyNDkwOTZRNjQuODE1ODE4MjIwNzg4MzMgMTA4LjExMzA2OTE3NTM2MTc5IDYzLjUzNzUxMzEwMzE3NDgxIDEwOC43MTUwMzQ1ODc2ODA4OVE2Mi4yNTkyMDc5ODU1NjEyOSAxMDkuMzE3IDYwLjM2Njc5ODA4NjU2MDE0IDEwOS4zMTdaTTU2LjcyNDIwNDk1NTEwNDM0IDEwNi40OTUyODA3MDEwOTMyMkg1OS42ODU3NjM5MTU4ODQ1MzZRNjEuMTk3Nzc0Njg4Mzg0ODA0IDEwNi40OTUyODA3MDEwOTMyMiA2MS44OTAwNzQ2MTU5NjE4OCAxMDUuOTEyNDA3MjExODE1NzVRNjIuNTgyMzc0NTQzNTM4OTU0IDEwNS4zMjk1MzM3MjI1MzgyNyA2Mi41ODIzNzQ1NDM1Mzg5NTQgMTA0LjM3OTI4MDI1OTUxMDAxUTYyLjU4MjM3NDU0MzUzODk1NCAxMDMuNjcwMTI3OTgyOTM5NjUgNjIuMjQwMzgwNzUxOTIwMzU1IDEwMy4xMjMwOTQxOTI4MTIxUTYxLjg5ODM4Njk2MDMwMTc1IDEwMi41NzYwNjA0MDI2ODQ1NiA2MS4yNjkyMjY0MjYzNzExMiAxMDIuMjY0Mzk5NjA0OTUwOTdRNjAuNjQwMDY1ODkyNDQwNDkgMTAxLjk1MjczODgwNzIxNzM5IDU5Ljc3Mzg0NjUxNDA2NTEyIDEwMS45NTI3Mzg4MDcyMTczOUg1Ni43MjQyMDQ5NTUxMDQzNFpNNTYuNzI0MjA0OTU1MTA0MzQgOTkuNjA5MTYxMDI0NjY5NjdINTkuNDI2NDYyOTMzMDk1NjM1UTYwLjE2MTQ1NjcxMjQyNTI4IDk5LjYwOTE2MTAyNDY2OTY3IDYwLjc0MzA5MzQ5ODc2NDU0NCA5OS4zNDYyNjA2Nzc0NjU2NlE2MS4zMjQ3MzAyODUxMDM4MSA5OS4wODMzNjAzMzAyNjE2NCA2MS42NjA2NTc0Nzc5NDU0MSA5OC41OTUwODUxODcwNTQzMVE2MS45OTY1ODQ2NzA3ODcwMTYgOTguMTA2ODEwMDQzODQ2OTkgNjEuOTk2NTg0NjcwNzg3MDE2IDk3LjQyOTc4NzM1NzYxMTk0UTYxLjk5NjU4NDY3MDc4NzAxNiA5Ni41MTU5MzM0ODcyNDU2OSA2MS4zNDc0Mjc3NDQwNzUwOCA5NS45NDUxOTMxOTU1MjIyMlE2MC42OTgyNzA4MTczNjMxNDUgOTUuMzc0NDUyOTAzNzk4NzUgNTkuNDkzODcyMzI5MDY4Nzg2IDk1LjM3NDQ1MjkwMzc5ODc1SDU2LjcyNDIwNDk1NTEwNDM0WiIgZmlsbD0iI0Q4ODIxRSIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZm9sZCIgeD0iNjMuNzM4MyIgeT0iMCIgd2lkdGg9IjM3Ljk1MjQiIGhlaWdodD0iNDAuNTYzNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
}
.doc-badge[data-type=pdf] .ico,
.doc-badge[data-type=epub] .ico,
.doc-badge[data-type=md] .ico,
.doc-badge[data-type=txt] .ico,
.doc-badge[data-type=web] .ico {
  display: none;
}
.doc-open:hover .doc-name {
  color: var(--accent);
}
.doc-text {
  min-width: 0;
}
.doc-name {
  font-weight: 650;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.doc-meta {
  color: var(--ink-3);
  font-size: 12px;
  margin-top: 2px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc-progress-track {
  width: 40px;
  height: 4px;
  background: var(--surface-2);
  border-radius: 2px;
  overflow: hidden;
  flex: none;
}
.doc-progress-fill {
  height: 100%;
  background: var(--accent-grad);
}
.doc-delete {
  background: none;
  border: none;
  padding: 6px;
  border-radius: var(--r-sm);
  color: var(--ink-3);
  cursor: pointer;
  flex: none;
  display: inline-flex;
  opacity: 0;
  transition:
    opacity .14s var(--ease),
    background .14s var(--ease),
    color .14s var(--ease);
}
.doc-item:hover .doc-delete,
.doc-item:focus-within .doc-delete {
  opacity: 1;
}
.doc-delete:hover {
  background: var(--surface-2);
  color: var(--danger);
}
@media (hover: none) {
  .doc-delete {
    opacity: 1;
  }
}
.doc-list[data-view=compact] {
  grid-template-columns: 1fr;
  gap: 1px;
}
.doc-list[data-view=compact] .doc-item {
  padding: 8px 12px;
  border-radius: var(--r-sm);
  box-shadow: none;
  border-bottom: 1px solid var(--hairline);
}
.doc-list[data-view=compact] .doc-item:last-child {
  border-bottom: none;
}
.doc-list[data-view=compact] .doc-item:hover {
  transform: none;
  box-shadow: none;
  background: var(--surface);
}
.doc-list[data-view=compact] .doc-badge {
  width: 26px;
  height: 26px;
  border-radius: 7px;
}
.doc-list[data-view=compact] .doc-badge .ico {
  width: 14px;
  height: 14px;
}
.doc-list[data-view=compact] .doc-name {
  font-size: 13px;
}
.doc-list[data-view=compact] .doc-meta {
  display: none;
}
.doc-list[data-view=compact] .doc-progress-track {
  display: none;
}
.doc-list[data-view=tiles] {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}
.doc-list[data-view=tiles] .doc-item {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 20px 16px 16px;
  text-align: center;
  min-width: 0;
}
.doc-list[data-view=tiles] .doc-open {
  flex: none;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.doc-list[data-view=tiles] .doc-badge {
  width: 46px;
  height: 46px;
  border-radius: 12px;
}
.doc-list[data-view=tiles] .doc-badge .ico {
  width: 22px;
  height: 22px;
}
.doc-list[data-view=tiles] .doc-open {
  max-width: 100%;
}
.doc-list[data-view=tiles] .doc-text {
  width: 100%;
  max-width: 100%;
}
.doc-list[data-view=tiles] .doc-name {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.doc-list[data-view=tiles] .doc-meta {
  display: block;
  margin-top: 4px;
}
.doc-list[data-view=tiles] .doc-progress-track {
  width: 100%;
  margin-top: 2px;
}
.doc-list[data-view=tiles] .doc-delete {
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0;
}
.doc-list[data-view=tiles] .doc-item:hover .doc-delete,
.doc-list[data-view=tiles] .doc-item:focus-within .doc-delete {
  opacity: 1;
}
.compose-label {
  display: block;
  font-weight: 600;
}
.dropzone {
  border: 1.5px dashed var(--hairline);
  border-radius: var(--r-md);
  padding: 20px;
  text-align: center;
  margin-bottom: 14px;
  background: var(--bg-2);
  transition:
    border-color .14s var(--ease),
    background .14s var(--ease),
    box-shadow .14s var(--ease);
}
.dropzone.is-dragging {
  border-color: var(--accent);
  background: var(--accent-soft);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent);
}
.dropzone p {
  margin: 0;
  color: var(--ink-2);
  font-size: 13px;
}
.dropzone-ico {
  width: 34px;
  height: 34px;
  padding: 7px;
  color: var(--accent);
  background: var(--accent-soft);
  border-radius: 9px;
  margin-bottom: 8px;
}
.linkish {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: var(--accent);
  text-decoration: underline;
  cursor: pointer;
}
.dropzone-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 12px;
  color: var(--ink-3);
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.dropzone-divider::before,
.dropzone-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--hairline);
}
.url-import-row {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg);
  border: 1px solid var(--hairline);
  border-radius: var(--r-sm);
  padding: 6px 6px 6px 10px;
  text-align: left;
}
.url-import-row .ico {
  width: 16px;
  height: 16px;
  color: var(--ink-3);
  flex: none;
}
.url-import-row input {
  flex: 1;
  min-width: 0;
  background: none;
  border: none;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  padding: 4px 0;
}
.url-import-row input:focus {
  outline: none;
}
.url-import-row input::placeholder {
  color: var(--ink-3);
}
.url-import-row .btn {
  flex: none;
}
.import-msg {
  min-height: 16px;
  font-size: 12.5px;
  margin-top: 8px !important;
}
.import-msg.ok {
  color: var(--live);
}
.import-msg.error {
  color: var(--danger, #B42318);
}
.doc-title-field {
  margin-top: 14px;
}
.doc-title-field label {
  display: block;
  font-size: 12.5px;
  color: var(--ink-2);
  margin-bottom: 6px;
}
.doc-title-field input {
  width: 100%;
  background: var(--bg);
  color: var(--ink);
  border: 1px solid var(--hairline);
  border-radius: var(--r-sm);
  padding: 9px 10px;
  font: inherit;
}
.compose-buttons {
  display: flex;
  gap: 8px;
  flex: none;
}
.doc-title-line {
  font-weight: 650;
  font-size: 15px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hairline);
}
.doc-source {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  background: var(--surface);
}
.doc-source-mark {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  flex: none;
  display: grid;
  place-items: center;
  position: relative;
  background: var(--accent-soft);
  color: var(--accent);
}
.doc-source-mark .ico {
  width: 16px;
  height: 16px;
}
.doc-source-mark img {
  position: absolute;
  inset: 6px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--bg);
}
.doc-source-mark img:not([hidden]) + .ico {
  visibility: hidden;
}
.doc-source-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1;
}
.doc-source-host {
  font-weight: 650;
  font-size: 13.5px;
  color: var(--ink);
}
.doc-source-meta {
  font-size: 12px;
  color: var(--ink-3);
}
.doc-source-lock {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--surface-2);
  cursor: help;
}
.doc-source-lock .ico {
  width: 12px;
  height: 12px;
}
@media (max-width: 560px) {
  .doc-source-lock span {
    display: none;
  }
}
.reading-text.is-web {
  font-size: calc(18px * var(--zoom));
  line-height: 1.75;
  max-width: 42em;
  margin: 0 auto;
  letter-spacing: -.003em;
}
.reading-text.is-web.is-book {
  max-width: none;
  margin: 0;
}
.reading-text.is-web p {
  margin: 0 0 1.25em;
}
.reading-text.is-web .md-h1 {
  font-size: 30px;
  line-height: 1.2;
  margin: .4em 0 .6em;
}
.reading-text.is-web .md-h2 {
  font-size: 22px;
  margin: 1.4em 0 .5em;
}
.reading-text.is-web .md-h3 {
  font-size: 18px;
  margin: 1.2em 0 .4em;
}
.reading-text.is-web blockquote,
.reading-text.is-web .md-quote {
  margin: 1em 0;
  padding: 2px 0 2px 16px;
  border-left: 3px solid var(--accent);
  color: var(--ink-2);
}
#compose-text {
  width: 100%;
  min-height: 320px;
  resize: vertical;
  background: var(--bg);
  color: var(--ink);
  border: 1px solid var(--hairline);
  border-radius: var(--r-md);
  padding: 14px;
  font: inherit;
  line-height: 1.6;
}
#compose-text:focus {
  outline: 2px solid var(--accent);
  outline-offset: -1px;
}
#compose-text.is-readonly {
  background: var(--bg-2);
  color: var(--ink-2);
  cursor: default;
}
#compose-text.is-readonly:focus {
  outline-color: var(--hairline);
}
.compose-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
}
.hint {
  color: var(--ink-3);
  font-size: 12.5px;
}
.reading-back-btn {
  margin-bottom: 14px;
}
.now-playing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
.status-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-weight: 600;
}
.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ink-3);
  flex: none;
}
.status-dot.live {
  background: var(--live);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--live) 20%, transparent);
}
.progress-track {
  height: 4px;
  background: var(--surface-2);
  border-radius: 3px;
  margin: 16px 0 20px;
  overflow: hidden;
}
#progress-fill {
  height: 100%;
  width: 0%;
  background: var(--accent-dynamic, var(--accent));
  transition: width .15s linear;
}
.transport {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}
.transport .btn-primary {
  min-width: 132px;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 999px;
}
.transport .btn-round {
  width: 42px;
  height: 42px;
}
.reading-text {
  border-top: 1px solid var(--hairline);
  padding-top: 16px;
  max-height: 55vh;
  overflow-y: auto;
  font-size: calc(16px * var(--zoom));
  line-height: 1.75;
}
.reading-text p {
  margin: 0 0 1.1em;
  border-radius: var(--r-sm);
  transition: background .12s ease;
}
.reading-text p.hl-paragraph {
  background: var(--hl-paragraph);
}
.reading-text .sentence {
  border-radius: 4px;
}
.reading-text .sentence:hover {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  cursor: pointer;
}
.reading-text .sentence.hl-sentence {
  background: var(--hl-sentence);
}
.reading-text .word.hl-word {
  background: color-mix(in srgb, var(--accent-dynamic, var(--hl-word)) 34%, transparent);
  border-radius: 2px 2px 0 0;
  box-shadow: inset 0 -3px 0 0 color-mix(in srgb, var(--accent-dynamic, var(--hl-word)) 72%, var(--ink));
}
.reading-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: none;
}
.reading-actions .btn.is-active {
  background: var(--accent-soft);
  color: var(--accent);
}
.more-menu-wrap {
  position: relative;
}
.more-menu-btn.is-active {
  background: var(--accent-soft);
  color: var(--accent);
}
.more-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 6;
  width: 284px;
  max-width: calc(100vw - 24px);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-md);
  animation: more-menu-in .14s var(--ease);
}
@keyframes more-menu-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.more-menu-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 6px;
  border-radius: var(--r-sm);
  min-height: 32px;
}
.more-menu-row:empty,
.more-menu-row:has(.more-menu-controls:empty) {
  display: none;
}
.more-menu-row[hidden] {
  display: none;
}
.more-menu-controls--stack {
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  overflow: visible;
}
.more-menu-controls--stack .field-note {
  margin: 0;
  text-align: right;
  max-width: 34ch;
}
#more-menu-keepfile-row {
  align-items: flex-start;
}
#more-menu-keepfile-row .more-menu-label {
  padding-top: 4px;
}
#more-menu-view-row {
  display: none;
}
#more-menu-view-row:has(#doc-view-toggle-btn:not([hidden])),
#more-menu-view-row:has(#raw-toggle-btn:not([hidden])) {
  display: flex;
}
#more-menu-document-row {
  display: none;
}
#more-menu-document-row:has(#edit-text-btn:not([hidden])) {
  display: flex;
}
.more-menu-label {
  flex: none;
  width: 58px;
  font-size: 11.5px;
  font-weight: 650;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.more-menu-controls {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}
.more-menu .btn {
  width: auto;
}
.more-menu .zoom-group {
  background: var(--bg);
  margin-left: auto;
}
.more-menu-info {
  padding: 4px 6px 12px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--hairline);
}
.more-menu-info:has(.doc-meta-grid:empty) {
  display: none;
}
.doc-meta-grid {
  margin: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 6px;
}
.doc-meta-grid dt {
  grid-column: 1;
  margin: 0;
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--ink-3);
  white-space: nowrap;
  padding-top: 1px;
}
.doc-meta-grid dd {
  grid-column: 2;
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdf-doc-view {
  border-top: 1px solid var(--hairline);
  padding: 16px 2px 8px;
  height: calc(100vh - 330px);
  min-height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  scroll-behavior: smooth;
}
body.is-zoomed .pdf-doc-view {
  overflow: auto;
}
.pdf-doc-view[hidden] {
  display: none;
}
.pdf-page {
  position: relative;
  width: calc(min(100%, 860px) * var(--zoom));
  margin-inline: auto;
  background: #fff;
  border-radius: 4px;
  box-shadow: var(--shadow-md);
  overflow: hidden;
  flex: none;
}
.pdf-page canvas {
  display: block;
  width: 100%;
  height: auto;
}
.pdf-page:not(.is-painted)::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(20, 22, 26, .04) 50%,
      transparent 100%);
  background-size: 200% 100%;
  animation: pdf-page-shimmer 1.2s linear infinite;
  pointer-events: none;
}
@keyframes pdf-page-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.pdf-text-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.pdf-sentence {
  position: absolute;
  pointer-events: none;
}
.pdf-line {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  border-radius: 3px;
  transition: background .1s ease;
}
.pdf-sentence:hover .pdf-line {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}
.pdf-sentence.hl-paragraph .pdf-line {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.pdf-sentence.hl-sentence .pdf-line {
  background: color-mix(in srgb, var(--accent) 22%, transparent);
}
.pdf-word {
  position: absolute;
  color: transparent;
  white-space: pre;
  overflow: hidden;
  border-radius: 3px;
  transition: background .06s ease;
}
.pdf-word.hl-word {
  background: color-mix(in srgb, var(--hl-word) 34%, transparent) !important;
  border-radius: 2px 2px 0 0 !important;
  box-shadow: inset 0 -3px 0 0 color-mix(in srgb, var(--hl-word) 72%, var(--ink)) !important;
}
body.is-focus .pdf-doc-view {
  height: auto;
  max-height: none;
  min-height: 0;
  border-top: none;
  padding-top: 0;
}
body.is-focus .pdf-page {
  width: calc(min(100%, 1040px) * var(--zoom));
}
body.is-focus {
  overflow: hidden;
}
body.is-focus .topbar,
body.is-focus .settings,
body.is-focus .colophon {
  display: none;
}
body.is-focus main {
  display: block;
  max-width: none;
  padding: 0;
}
body.is-focus .reader-shell {
  display: block;
}
body.is-focus #view-reading {
  position: fixed;
  inset: 0;
  z-index: 1000;
  margin: 0;
  padding: 76px 24px 72px;
  border-radius: 0;
  box-shadow: none;
  background: var(--bg);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: focus-fade-in .16s var(--ease);
}
body.is-focus #view-reading > * {
  width: 100%;
  max-width: 760px;
}
body.is-focus #view-reading > .pdf-doc-view {
  max-width: 940px;
}
body.is-focus .reading-text,
body.is-focus .raw-view {
  font-size: calc(19px * var(--zoom));
  line-height: 1.9;
  max-height: none;
  border-top: none;
  padding-top: 0;
}
body.is-focus .reading-back-btn,
body.is-focus .doc-title-line,
body.is-focus .now-playing,
body.is-focus .transport {
  display: none;
}
body.is-focus .progress-track {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  margin: 0;
  border-radius: 0;
  background: transparent;
  z-index: 1002;
}
.focus-bar {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1001;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 3px;
  max-width: calc(100vw - 20px);
  padding: 4px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  border: 1px solid var(--hairline);
  box-shadow: var(--shadow);
  backdrop-filter: blur(12px) saturate(1.4);
  -webkit-backdrop-filter: blur(12px) saturate(1.4);
  opacity: 1;
  transition: opacity .35s var(--ease);
}
.focus-bar[hidden] {
  display: none;
}
.focus-bar.is-idle {
  opacity: 0;
  pointer-events: none;
}
.focus-bar:hover,
.focus-bar:focus-within,
.focus-bar.is-menu-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.focus-slot {
  display: flex;
  align-items: center;
  gap: 3px;
}
.focus-slot-pager {
  gap: 1px;
}
.focus-more-btn {
  padding: 5px 8px !important;
}
.focus-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1;
  width: 300px;
  max-width: calc(100vw - 24px);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(14px) saturate(1.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  animation: focus-menu-in .14s var(--ease);
}
@keyframes focus-menu-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.focus-menu-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 6px;
  border-radius: var(--r-sm);
  min-height: 32px;
}
.focus-menu-label {
  flex: none;
  width: 58px;
  font-size: 11.5px;
  font-weight: 650;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.focus-menu-controls {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}
.focus-menu-controls:empty {
  display: none;
}
.focus-bar .focus-menu .btn {
  padding: 6px 10px;
  font-size: 12.5px;
  width: auto;
  height: auto;
  border-radius: var(--r-md);
}
.focus-bar .focus-menu .btn span {
  display: inline;
}
.focus-bar .focus-menu select {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  font-size: 12.5px;
}
.focus-bar .focus-menu input[type=range] {
  width: auto;
  flex: 1;
}
.focus-bar .focus-menu .check {
  font-size: 12.5px;
  padding: 0;
}
.focus-bar .focus-menu .check span {
  display: inline;
}
.focus-menu .zoom-group {
  background: var(--bg);
}
.focus-slot:empty {
  display: none;
}
.focus-slot + .focus-slot:not(:empty) {
  margin-left: 4px;
  padding-left: 8px;
  border-left: 1px solid var(--hairline);
}
.focus-bar .btn {
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 600;
  background: transparent;
  color: var(--ink-2);
  box-shadow: none;
  border-radius: 999px;
  min-width: 0;
}
.focus-bar .btn:hover:not(:disabled) {
  background: var(--surface-2);
  color: var(--ink);
  filter: none;
  box-shadow: none;
}
.focus-bar .btn.is-active {
  background: var(--accent-soft);
  color: var(--accent);
}
.focus-bar .btn .ico {
  width: 15px;
  height: 15px;
}
.focus-bar .btn-round {
  width: 30px;
  height: 30px;
  padding: 0;
  background: transparent;
}
.focus-bar .btn-primary {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 50%;
  background: var(--accent-dynamic, var(--accent-grad));
  color: var(--on-accent-dynamic, var(--on-accent));
}
.focus-bar .btn-primary:hover:not(:disabled) {
  background: var(--accent-dynamic, var(--accent-grad));
  filter: brightness(1.05);
  color: var(--on-accent-dynamic, var(--on-accent));
}
.focus-bar .btn-primary span {
  display: none;
}
.focus-bar .btn-primary .ico {
  width: 16px;
  height: 16px;
}
.focus-slot-transport #stop span {
  display: none;
}
.focus-slot-transport #stop {
  width: 30px;
  height: 30px;
  padding: 0;
}
.focus-bar select {
  min-width: 0;
  max-width: 190px;
  padding: 5px 24px 5px 8px;
  font: inherit;
  font-size: 12px;
  color: var(--ink-2);
  background: transparent;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  text-overflow: ellipsis;
}
.focus-bar select:hover {
  background: var(--surface-2);
  color: var(--ink);
}
.focus-menu-row:has(#rate-range) .focus-menu-controls {
  gap: 8px;
}
.focus-bar input[type=range] {
  accent-color: var(--accent);
  margin: 0;
}
#rate-val {
  font-size: 12px;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  flex: none;
}
.focus-bar .check {
  font-size: 12px;
  color: var(--ink-2);
  gap: 6px;
  white-space: nowrap;
}
.focus-bar .check input {
  width: 14px;
  height: 14px;
}
body.is-docview #focus-menu-access-row {
  display: none;
}
@media (max-width: 560px) {
  .focus-bar {
    top: 8px;
    gap: 2px;
  }
  .focus-bar .btn span {
    display: none;
  }
  .focus-bar .btn {
    padding: 5px 7px;
  }
  .focus-slot + .focus-slot:not(:empty) {
    margin-left: 2px;
    padding-left: 5px;
  }
  .book-pos {
    font-size: 11px;
  }
  .focus-menu {
    width: min(300px, calc(100vw - 24px));
  }
  .focus-menu-label {
    width: 46px;
    font-size: 11px;
  }
}
.reading-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.now-playing {
  flex-wrap: wrap;
}
body.is-book #view-reading {
  overflow: hidden;
  padding: 64px 14px 18px;
}
body.is-book #view-reading > * {
  max-width: 1180px;
}
body.is-book #view-reading > .pdf-doc-view {
  max-width: none;
  width: 100%;
}
.reading-text.is-book {
  flex: 1;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: hidden;
  column-count: 2;
  column-gap: 72px;
  column-fill: auto;
  column-rule: 1px solid var(--hairline);
  padding: 0 6px;
  font-size: calc(18px * var(--zoom));
  line-height: 1.8;
}
.reading-text.is-book h1,
.reading-text.is-book h2,
.reading-text.is-book h3,
.reading-text.is-book h4 {
  break-after: avoid-column;
}
.reading-text.is-book .md-code-wrap,
.reading-text.is-book table.md-table {
  break-inside: avoid-column;
}
.reading-text.is-book > :first-child {
  margin-top: 0;
}
.pdf-doc-view.is-book {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: center;
  align-items: center;
  flex: 1;
  min-height: 0;
  height: auto;
  overflow: auto;
  padding: 0;
  border-top: none;
}
.pdf-doc-view.is-book.is-ovf-x {
  justify-content: flex-start;
}
.pdf-doc-view.is-book.is-ovf-y {
  align-items: flex-start;
}
.pdf-doc-view.is-book .pdf-page {
  flex: none;
  width: auto;
  margin: 0;
  aspect-ratio: auto !important;
  animation: page-in .2s var(--ease);
}
.pdf-doc-view.is-book .pdf-page canvas {
  width: 100%;
  height: 100%;
}
.pdf-page-spacer {
  flex: none;
  order: -1;
}
.pdf-doc-view.is-book .pdf-page:nth-child(even) {
  box-shadow: 4px 0 14px rgba(20, 22, 26, .12), var(--shadow-md);
}
.pdf-doc-view.is-book .pdf-page:nth-child(odd) {
  box-shadow: -4px 0 14px rgba(20, 22, 26, .12), var(--shadow-md);
}
@keyframes page-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.book-pos {
  font-size: 12px;
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  padding: 0 2px;
}
.book-turn {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 72px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--bg) 70%, transparent),
      transparent);
  color: var(--ink-2);
  opacity: 0;
  cursor: pointer;
  transition: opacity .2s var(--ease);
}
.book-turn-left {
  left: 0;
}
.book-turn-right {
  right: 0;
  background:
    linear-gradient(
      270deg,
      color-mix(in srgb, var(--bg) 70%, transparent),
      transparent);
}
.book-turn:hover {
  opacity: 1;
}
.book-turn:disabled {
  opacity: 0 !important;
  cursor: default;
}
.book-turn .ico {
  width: 30px;
  height: 30px;
}
@media (max-width: 900px) {
  .reading-text.is-book {
    column-count: 1;
  }
}
.zoom-group {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  background: var(--surface);
  border-radius: 999px;
  padding: 2px;
  flex: none;
}
.zoom-btn,
.zoom-level {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: var(--ink-2);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  transition: background .14s var(--ease), color .14s var(--ease);
}
.zoom-btn {
  width: 26px;
  height: 26px;
  padding: 0;
}
.zoom-btn .ico {
  width: 15px;
  height: 15px;
}
.zoom-level {
  min-width: 46px;
  height: 26px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.zoom-btn:hover:not(:disabled),
.zoom-level:hover {
  background: var(--surface-2);
  color: var(--ink);
}
.zoom-btn:disabled {
  opacity: .35;
  cursor: default;
}
.focus-bar .zoom-group {
  background: none;
  padding: 0;
}
.focus-bar .zoom-btn:hover:not(:disabled),
.focus-bar .zoom-level:hover {
  background: var(--surface-2);
}
.read-chip {
  position: fixed;
  z-index: 1003;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--accent-grad);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(59, 91, 219, .35);
  cursor: pointer;
  animation: chip-pop .12s var(--ease);
}
.read-chip[hidden] {
  display: none;
}
.read-chip .ico {
  width: 13px;
  height: 13px;
  margin-left: 1px;
}
.read-chip:hover {
  transform: scale(1.1);
}
@keyframes chip-pop {
  from {
    opacity: 0;
    transform: scale(.8);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes focus-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 560px) {
  body.is-focus #view-reading {
    padding: 40px 18px 56px;
  }
}
body.dyslexia-font #compose-text,
body.dyslexia-font .reading-text,
body.dyslexia-font .raw-view,
body.dyslexia-font .doc-title-line {
  font-family: "OpenDyslexic", var(--sans);
  letter-spacing: .015em;
  word-spacing: .12em;
  line-height: 1.9;
}
body.dyslexia-font .reading-text .md-code,
body.dyslexia-font .reading-text .word.md-code {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
}
.raw-view {
  border-top: 1px solid var(--hairline);
  padding-top: 16px;
  margin: 0;
  max-height: 55vh;
  overflow: auto;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  font-size: calc(13px * var(--zoom));
  line-height: 1.65;
  color: var(--ink-2);
  white-space: pre-wrap;
  word-break: break-word;
}
.reading-text.is-markdown h1,
.reading-text.is-markdown h2,
.reading-text.is-markdown h3,
.reading-text.is-markdown h4,
.reading-text.is-markdown h5,
.reading-text.is-markdown h6 {
  line-height: 1.3;
  margin: 1.5em 0 .5em;
  border-radius: var(--r-sm);
}
.reading-text.is-markdown > :first-child {
  margin-top: 0;
}
.reading-text .md-h1 {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.reading-text .md-h2 {
  font-size: 20px;
  font-weight: 660;
  padding-bottom: .28em;
  border-bottom: 1px solid var(--hairline);
}
.reading-text .md-h3 {
  font-size: 17px;
  font-weight: 650;
}
.reading-text .md-h4 {
  font-size: 15.5px;
  font-weight: 650;
}
.reading-text .md-h5,
.reading-text .md-h6 {
  font-size: 14px;
  font-weight: 650;
  color: var(--ink-2);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.reading-text .md-list {
  margin: 0 0 1.1em;
  padding-left: 1.45em;
}
.reading-text .md-list .md-list {
  margin-bottom: 0;
}
.reading-text .md-li {
  margin-bottom: .35em;
  border-radius: var(--r-sm);
}
.reading-text .md-li::marker {
  color: var(--ink-3);
}
.reading-text .in-quote {
  border-left: 3px solid var(--accent);
  padding-left: 14px;
  color: var(--ink-2);
  font-style: italic;
}
.reading-text .md-code {
  background: var(--surface);
  border-radius: var(--r-md);
  padding: 13px 15px;
  padding-right: 68px;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.6;
}
.reading-text .md-code code {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  color: var(--ink-2);
  display: block;
  counter-reset: code-line;
}
.reading-text .md-code .code-line {
  display: grid;
  grid-template-columns: 2.2em 1fr;
  column-gap: 1.1em;
  counter-increment: code-line;
}
.reading-text .md-code .code-line::before {
  content: counter(code-line);
  text-align: right;
  color: var(--ink-3);
  opacity: .65;
  user-select: none;
  -webkit-user-select: none;
}
.reading-text .md-code .code-src {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-width: 0;
}
.reading-text .md-hr {
  border: none;
  border-top: 1px solid var(--hairline);
  margin: 1.8em 0;
}
.reading-text table.md-table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 1.2em;
  font-size: 14px;
  display: block;
  overflow-x: auto;
}
.reading-text table.md-table th,
.reading-text table.md-table td {
  border: 1px solid var(--hairline);
  padding: 7px 11px;
  text-align: left;
  vertical-align: top;
}
.reading-text table.md-table th {
  background: var(--surface);
  font-weight: 650;
}
.reading-text .word.md-strong {
  font-weight: 700;
}
.reading-text .word.md-em {
  font-style: italic;
}
.reading-text .word.md-del {
  text-decoration: line-through;
  color: var(--ink-3);
}
.reading-text .word.md-link {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.reading-text .word.md-code {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  font-size: .9em;
  background: var(--surface);
  border-radius: 4px;
  padding: 1px 5px;
}
.reading-text .word.hl-word.md-code,
.reading-text .word.hl-word.md-link {
  background: color-mix(in srgb, var(--accent-dynamic, var(--hl-word)) 34%, transparent);
  border-radius: 2px 2px 0 0;
  box-shadow: inset 0 -3px 0 0 color-mix(in srgb, var(--accent-dynamic, var(--hl-word)) 72%, var(--ink));
}
.settings {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.section {
  flex: none;
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: border-color .15s var(--ease);
}
.section[open] {
  border-color: color-mix(in srgb, var(--accent) 22%, var(--hairline));
}
.section summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 650;
  font-size: 13.5px;
  transition: background .12s var(--ease);
}
.section summary:hover {
  background: var(--surface-2);
}
.section summary::-webkit-details-marker {
  display: none;
}
.section[open] summary {
  background: var(--surface-2);
  border-bottom: 1px solid var(--hairline);
}
.section-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 27px;
  height: 27px;
  border-radius: 8px;
  background: var(--accent-soft);
  color: var(--accent);
}
.section-icon .ico {
  width: 14px;
  height: 14px;
}
.section-title {
  flex: 1;
  min-width: 0;
}
.section-chev-wrap {
  flex: none;
  display: grid;
  place-items: center;
}
.section-chev {
  width: 16px;
  height: 16px;
  color: var(--ink-3);
  transition: transform .15s ease;
}
.section[open] .section-chev {
  transform: rotate(180deg);
}
.section-body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.field label {
  display: block;
  font-size: 12.5px;
  color: var(--ink-2);
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
}
.field select {
  width: 100%;
  min-width: 0;
  text-overflow: ellipsis;
  background: var(--bg);
  color: var(--ink);
  border: 1px solid var(--hairline);
  border-radius: var(--r-sm);
  padding: 8px 10px;
  font: inherit;
}
.field input[type=range] {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  height: 4px;
  border-radius: 999px;
  background: var(--surface-2);
  outline: none;
  cursor: pointer;
  margin: 10px 0 4px;
}
.field input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-grad);
  box-shadow: 0 1px 3px rgba(16, 19, 23, .35), 0 0 0 3px var(--bg);
  cursor: pointer;
  transition: transform .15s var(--ease);
}
.field input[type=range]:hover::-webkit-slider-thumb,
.field input[type=range]:active::-webkit-slider-thumb {
  transform: scale(1.15);
}
.field input[type=range]::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: var(--surface-2);
}
.field input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 50%;
  background: var(--accent-grad);
  box-shadow: 0 1px 3px rgba(16, 19, 23, .35), 0 0 0 3px var(--bg);
  cursor: pointer;
}
.check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  cursor: pointer;
}
.check input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  flex: none;
  width: 34px;
  height: 20px;
  margin: 0;
  border-radius: 999px;
  background: var(--surface-2);
  border: 1px solid var(--hairline);
  cursor: pointer;
  transition: background .18s var(--ease), border-color .18s var(--ease);
}
.check input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 19, 23, .3);
  transition: transform .18s var(--ease);
}
.check input[type=checkbox]:checked {
  background: var(--accent-grad);
  border-color: transparent;
}
.check input[type=checkbox]:checked::before {
  transform: translateX(14px);
}
.check input[type=checkbox]:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.check:hover input[type=checkbox]:not(:checked) {
  border-color: color-mix(in srgb, var(--accent) 35%, var(--hairline));
}
.check + .field-note {
  margin-left: 44px;
  margin-top: -6px;
}
.field-note {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--ink-3);
}
.color-field {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.color-field .section-value {
  font-weight: 600;
  color: var(--ink);
}
.swatches {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
}
.swatch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--sw, var(--surface-2));
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--hairline);
  transition: transform .12s var(--ease), box-shadow .15s ease;
}
.swatch:hover {
  transform: scale(1.08);
}
.swatch[aria-checked=true],
.swatch-custom.is-on {
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ink);
}
.swatch-auto {
  width: auto;
  padding: 0 10px;
  border-radius: 13px;
  background: var(--surface-2);
  color: var(--ink-2);
  font: 600 11px/1 var(--sans);
}
.swatch-auto[aria-checked=true] {
  color: var(--ink);
  background: var(--surface-2);
}
.swatch-custom {
  overflow: hidden;
  color: var(--ink-2);
  cursor: pointer;
}
.swatch-custom input[type=color] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: 0;
  padding: 0;
}
.swatch-custom .swatch-letter {
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: block;
}
.swatch-custom .swatch-letter text {
  fill: currentColor;
  font: 700 9px/1 var(--sans);
  text-anchor: middle;
  dominant-baseline: central;
}
.swatch-custom.is-on .swatch-letter {
  color: #fff;
}
.swatch-custom.is-on .swatch-letter text {
  paint-order: stroke;
  stroke: rgba(0, 0, 0, .35);
  stroke-width: 2px;
}
.theme-options {
  display: flex;
  gap: 3px;
  padding: 3px;
  margin-top: 4px;
  background: var(--surface-2);
  border-radius: var(--r-md);
}
.theme-option {
  flex: 1;
  padding: 7px 0;
  border: 0;
  border-radius: calc(var(--r-md) - 3px);
  background: none;
  color: var(--ink-3);
  font: 600 12.5px/1 var(--sans);
  cursor: pointer;
  transition:
    background .12s var(--ease),
    color .12s var(--ease),
    box-shadow .12s var(--ease);
}
.theme-option:hover {
  color: var(--ink);
}
.theme-option[aria-checked=true] {
  background: var(--bg);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--hairline);
}
.colophon {
  padding: 28px 20px 36px;
  text-align: center;
}
.privacy {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ink-3);
  font-size: 12.5px;
  margin: 0;
}
.privacy .ico {
  width: 15px;
  height: 15px;
  color: var(--live);
}
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 16, 20, .5);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  z-index: 10;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  animation: modal-fade .16s var(--ease);
}
.modal-backdrop[hidden] {
  display: none;
}
.modal {
  background: var(--bg);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-md);
  padding: 26px;
  max-width: 380px;
  width: 100%;
  margin: auto;
  animation: modal-pop .18s var(--ease);
}
@keyframes modal-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-pop {
  from {
    opacity: 0;
    transform: translateY(6px) scale(.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.modal h2 {
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 750;
  letter-spacing: -.01em;
}
.modal .lede {
  color: var(--accent);
  font-weight: 600;
  margin: 0 0 10px;
  font-size: 13px;
}
.modal p {
  margin: 0 0 14px;
  color: var(--ink-2);
  font-size: 13.5px;
}
.store-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
}
.store-badge {
  display: block;
  height: 36px;
  width: auto;
}
.store-badge.is-soon {
  opacity: .45;
  filter: grayscale(1);
}
.store-note .soon {
  font-size: 12.5px;
  color: var(--ink-3);
}
.modal form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.modal label {
  font-size: 12.5px;
  color: var(--ink-2);
}
.modal input {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--r-sm);
  padding: 9px 10px;
  font: inherit;
  color: var(--ink);
}
.modal input:disabled {
  opacity: .6;
}
.modal-note {
  color: var(--ink-3);
  font-size: 12px;
}
.modal-note a {
  color: var(--ink-2);
  text-decoration: underline;
}
.modal-note a:hover {
  color: var(--accent);
}
.btn-oauth {
  background: var(--bg);
  color: var(--ink);
  border: 1px solid var(--hairline);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn-oauth:hover:not(:disabled) {
  background: var(--surface);
}
.btn-oauth .ico-google {
  width: 18px;
  height: 18px;
  flex: none;
}
.or-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  color: var(--ink-3);
  font-size: 12.5px;
}
.or-divider::before,
.or-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--hairline);
}
.turnstile-slot {
  margin: 10px 0 2px;
  min-height: 1px;
}
.turnstile-slot:empty {
  margin: 0;
}
.sent-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--accent);
  margin: 0 0 12px;
}
.sent-icon svg {
  width: 22px;
  height: 22px;
}
#modal-view-sent .lede {
  word-break: break-all;
}
#modal-view-sent .btn + .btn {
  margin-top: 8px;
}
.modal-msg {
  min-height: 16px;
  font-size: 12.5px;
  margin: 0;
}
.modal-msg.ok {
  color: var(--live);
}
.modal-msg.error {
  color: var(--danger, #B42318);
}
.plan-head {
  margin-bottom: 10px;
}
.pill {
  display: inline-block;
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 650;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
}
.pill.is-active {
  background: var(--hl-sentence);
}
.pill.is-warn {
  background: var(--warn-soft, #FEF3EC);
  color: var(--warn, #B54708);
}
.pill.pill-admin,
.admin-badge {
  background: var(--accent-grad);
  color: var(--on-accent);
}
.pill.pill-admin {
  margin-right: 6px;
}
.admin-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.5;
  vertical-align: middle;
}
.admin-badge[hidden],
.pill-admin[hidden] {
  display: none;
}
body.is-admin #account-avatar {
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
}
#cloud-usage-row.is-full .storage-fill {
  background: var(--warn, #B54708);
}
.vp-voice.is-cloud .vp-badge {
  background: var(--accent-soft);
  color: var(--accent);
}
.vp-row {
  display: flex;
  align-items: center;
  gap: 2px;
}
.vp-row .vp-voice {
  flex: 1;
  min-width: 0;
}
.vp-preview {
  flex: none;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--ink-3);
  cursor: pointer;
  transition: background .15s, color .15s;
}
.vp-preview .ico {
  width: 12px;
  height: 12px;
}
.vp-preview:hover,
.vp-preview:focus-visible {
  background: var(--accent-soft);
  color: var(--accent);
}
.vp-preview.is-playing {
  background: var(--accent);
  color: var(--on-accent);
}
.vp-preview.is-playing .ico {
  animation: vp-preview-pulse 1s ease-in-out infinite;
}
@keyframes vp-preview-pulse {
  50% {
    opacity: .45;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vp-preview.is-playing .ico {
    animation: none;
  }
}
.voice-select-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.voice-select-row select {
  flex: 1;
  min-width: 0;
}
.voice-select-row .vp-preview {
  width: 32px;
  height: 32px;
  border: 1px solid var(--hairline);
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}
.stat-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  background: var(--surface);
  border-radius: 10px;
  padding: 11px 14px;
}
.stat-card[hidden] {
  display: none;
}
.storage-track {
  width: 100%;
  height: 4px;
  margin-top: 6px;
  background: var(--surface-2);
  border-radius: 2px;
  overflow: hidden;
}
.storage-fill {
  display: block;
  height: 100%;
  width: 0%;
  background: var(--accent-grad);
  border-radius: 2px;
}
.storage-fill.is-full {
  background: var(--warn, #B54708);
}
.stat-card .stat-value {
  font-size: 20px;
  font-weight: 750;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.stat-card .stat-label {
  font-size: 12px;
  color: var(--ink-3);
}
.perks {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.plan-limits {
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid var(--hairline);
}
.plan-limits[hidden] {
  display: none;
}
.perks li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: var(--ink);
}
.perks li .ico {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: var(--live);
  flex: none;
}
.perks li.soon {
  color: var(--ink-3);
}
.perks li.soon .ico {
  color: var(--ink-3);
}
.colophon-links {
  margin: .5rem 0 0;
  font-size: .8125rem;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.colophon-links a {
  color: var(--ink-3);
  text-decoration: none;
}
.colophon-links a:hover {
  color: var(--accent);
  text-decoration: underline;
}
.md-code-wrap {
  position: relative;
  margin: 0 0 1.1em;
}
.code-copy {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 1;
  padding: 3px 9px;
  font: inherit;
  font-size: 11px;
  line-height: 1.6;
  color: var(--ink-2);
  background: var(--bg);
  border: 1px solid var(--hairline);
  border-radius: var(--r-sm);
  cursor: pointer;
  opacity: 0;
  transition: opacity .12s var(--ease), color .12s var(--ease);
}
.md-code-wrap:hover .code-copy,
.code-copy:focus-visible {
  opacity: 1;
}
.code-copy:hover {
  color: var(--ink);
}
.code-copy.is-done {
  opacity: 1;
  color: var(--live);
  border-color: var(--live);
}
@media (hover: none) {
  .code-copy {
    opacity: 1;
  }
}
body.hide-code .reading-text .md-code-wrap,
body.hide-code .raw-view .md-code-wrap {
  display: none;
}
.topbar .brand-link {
  display: contents;
  color: inherit;
  text-decoration: none;
}
body {
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.topbar {
  position: static;
  background: var(--bg);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  flex: none;
}
.mark {
  box-shadow: none;
}
main {
  flex: 1 1 auto;
  min-height: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: stretch;
}
.reader-shell {
  min-height: 0;
  overflow-y: auto;
  padding: 24px 28px 40px;
}
.settings {
  position: static;
  top: auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  padding: 18px 18px 28px;
  border-left: 1px solid var(--hairline);
  background: var(--bg-2);
}
.card {
  box-shadow: none;
  border: 1px solid var(--hairline);
  max-width: 980px;
  margin: 0 auto;
}
.btn-primary,
.btn-primary:hover:not(:disabled) {
  box-shadow: none;
  filter: none;
}
.dropzone.is-dragging {
  box-shadow: none;
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
.read-chip {
  box-shadow: none;
}
.pdf-doc-view.is-book .pdf-page:nth-child(even),
.pdf-doc-view.is-book .pdf-page:nth-child(odd) {
  box-shadow: none;
}
.pdf-doc-view.is-book .pdf-page:nth-child(even) {
  border-right: 1px solid var(--hairline);
}
#focus-bar,
.focus-menu {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: var(--surface);
}
.modal-backdrop {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.colophon {
  flex: none;
  padding: 8px 20px;
  border-top: 1px solid var(--hairline);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.colophon .privacy {
  padding: 0;
}
.colophon-links {
  margin: 0;
}
@media (max-width: 860px) {
  body {
    height: auto;
    min-height: 100vh;
    overflow: auto;
    display: block;
  }
  .topbar {
    position: sticky;
    top: 0;
    z-index: 5;
  }
  main {
    grid-template-columns: 1fr;
  }
  .reader-shell {
    overflow: visible;
    padding: 16px 16px 24px;
  }
  .settings {
    overflow: visible;
    border-left: none;
    border-top: 1px solid var(--hairline);
  }
  .card {
    max-width: none;
  }
  .colophon {
    flex-wrap: wrap;
    padding: 12px 16px 20px;
  }
}
body.is-focus #view-reading {
  max-width: none;
  border: none;
}
body.is-focus .reader-shell {
  overflow: visible;
  padding: 0;
}
.card {
  padding: 32px 34px;
}
.library-head {
  margin-bottom: 24px;
}
.library-head h2 {
  font-size: 20px;
}
.doc-list {
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 14px;
}
.doc-item {
  padding: 16px 18px;
  gap: 14px;
  border: 1px solid var(--hairline);
  transition: border-color .16s var(--ease), background .16s var(--ease);
}
.doc-item:hover {
  transform: none;
  border-color: color-mix(in srgb, var(--accent) 45%, var(--hairline));
  background: var(--bg-2);
}
.doc-open {
  gap: 14px;
}
.doc-name {
  font-size: 15px;
  line-height: 1.35;
}
.doc-meta {
  margin-top: 5px;
  font-size: 12.5px;
}
.library-empty {
  padding: 32px 0;
  font-size: 15px;
}
.reading-back-btn {
  margin-bottom: 22px;
}
.doc-title-line {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.015em;
  color: var(--ink);
  border-bottom: none;
  padding-bottom: 0;
  margin: 0 0 18px;
}
.doc-source {
  padding: 14px 16px;
  gap: 14px;
  margin: 0 0 28px;
}
.now-playing {
  margin-bottom: 10px;
}
.progress-track {
  margin: 0 0 24px;
}
.transport {
  margin-bottom: 34px;
  gap: 12px;
}
.reading-text {
  border-top: none;
  padding-top: 0;
  line-height: 1.8;
}
.reading-text p {
  margin: 0 0 1.25em;
}
@media (max-width: 680px) {
  .card {
    padding: 20px 18px;
  }
  .doc-title-line {
    font-size: 19px;
  }
  .doc-source {
    margin-bottom: 20px;
  }
  .transport {
    margin-bottom: 24px;
  }
}
.reader-shell:has(#view-reading:not([hidden])) {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.reader-shell:has(#view-compose:not([hidden])) {
  display: flex;
  flex-direction: column;
}
#view-compose {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
#view-compose #compose-text {
  flex: 1 1 auto;
  min-height: 140px;
}
body:has(#view-compose:not([hidden])) #perks-banner {
  display: none;
}
#view-reading {
  flex: 1 1 auto;
  min-height: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: var(--bg);
  display: flex;
  flex-direction: column;
}
#view-reading[hidden] {
  display: none;
}
.reader-chrome {
  flex: none;
  background: var(--bg);
  border-bottom: 1px solid var(--hairline);
}
.reader-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 16px 8px 12px;
}
.reader-head .reading-back-btn {
  margin: 0;
  flex: none;
}
.reader-title-wrap {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.reader-head .doc-title-line {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 15.5px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reader-head .doc-file-meta {
  margin: 0;
  padding: 0;
  font-size: 12.5px;
  color: var(--ink-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reader-head .doc-source {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0;
  gap: 8px;
  flex-wrap: nowrap;
  min-width: 0;
  font-size: 12.5px;
  color: var(--ink-3);
}
.reader-head .doc-source-mark {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: transparent;
  color: var(--ink-3);
}
.reader-head .doc-source-mark .ico {
  width: 14px;
  height: 14px;
}
.reader-head .doc-source-mark img {
  inset: 0;
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.reader-head .doc-source-text {
  flex: 0 1 auto;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reader-head .doc-source-host {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink-2);
}
.reader-head .doc-source-meta {
  font-size: 12.5px;
}
.reader-head .doc-source-meta::before {
  content: "\b7";
  margin-right: 6px;
}
.reader-head #doc-source-link {
  padding: 0 4px;
  font-size: 12.5px;
  color: var(--accent);
  background: transparent;
  height: auto;
  line-height: inherit;
}
.reader-head #doc-source-link:hover {
  text-decoration: underline;
}
.reader-head .doc-source-lock {
  display: none;
}
.reader-head .reading-actions {
  flex: none;
  gap: 4px;
}
.reader-head .delete-reading-btn {
  margin-left: 4px;
}
.reader-head .delete-reading-btn:hover:not(:disabled) {
  background: var(--danger-soft);
  color: var(--danger);
}
.reader-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 16px 10px;
  border-top: 1px solid var(--hairline);
}
.reader-bar .transport {
  margin: 0;
  gap: 8px;
  flex: none;
}
.reader-bar .transport .btn-primary {
  min-width: 108px;
  padding: 9px 18px;
  font-size: 13.5px;
}
.reader-bar .transport .btn-round {
  width: 36px;
  height: 36px;
}
.reader-bar .status-line {
  flex: none;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
  white-space: nowrap;
  margin-left: 6px;
}
.doc-page-indicator {
  flex: none;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink-3);
  white-space: nowrap;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--surface-2);
}
.reader-bar .progress-track {
  flex: 1 1 auto;
  min-width: 80px;
  height: 4px;
  margin: 0;
}
.reader-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 36px 40px 80px;
  display: flex;
  flex-direction: column;
  scrollbar-gutter: stable;
}
.reader-body > .reading-text,
.reader-body > .raw-view {
  width: 100%;
  max-width: 44em;
  margin: 0 auto;
  max-height: none;
  border-top: none;
  padding-top: 0;
  flex: none;
}
.reader-body > .reading-text {
  font-size: calc(17.5px * var(--zoom));
  line-height: 1.8;
}
.reader-body > .reading-text.is-web {
  font-size: calc(18px * var(--zoom));
  max-width: 42em;
}
.reader-body > .raw-view {
  max-width: 60em;
}
.reader-body > .pdf-doc-view {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-width: none;
  margin: -36px -40px -80px;
  padding: 16px 24px 24px;
  border-top: none;
}
.reader-body > .pdf-doc-view[hidden] {
  display: none;
}
.reader-body > .reading-text[hidden],
.reader-body > .raw-view[hidden] {
  display: none;
}
body.is-focus .reader-chrome,
body.is-focus .reader-body {
  display: contents;
}
body.is-focus .reader-head {
  display: none;
}
body.is-focus .reader-body > * {
  width: 100%;
  max-width: 760px;
  margin: 0;
  padding: 0;
}
body.is-focus .reader-body > .pdf-doc-view {
  max-width: 940px;
  padding: 16px 2px 8px;
}
body.is-book .reader-body > * {
  max-width: 1280px;
}
body.is-book .reader-body > .reading-text.is-book,
body.is-book .reader-body > .reading-text.is-web.is-book {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 6px;
  max-width: 1280px;
  margin: 0;
}
body.is-book .reader-body > .pdf-doc-view.is-book {
  flex: 1 1 auto;
  min-height: 0;
  max-width: none;
  width: 100%;
  padding: 0;
}
body.is-focus .reader-bar {
  display: contents;
}
body.is-focus .reader-bar .transport,
body.is-focus .reader-bar .status-line {
  display: none;
}
@media (max-width: 860px) {
  .reader-shell:has(#view-reading:not([hidden])) {
    overflow: visible;
    display: block;
  }
  #view-reading {
    display: block;
  }
  .reader-chrome {
    position: sticky;
    top: 56px;
    z-index: 4;
  }
  .reader-body {
    overflow: visible;
    padding: 20px 16px 56px;
  }
  .reader-body > .pdf-doc-view {
    margin: 0;
    height: calc(100vh - 220px);
  }
}
@media (max-width: 640px) {
  .reader-head {
    padding: 8px 10px;
    gap: 8px;
  }
  .reader-head .reading-back-btn span {
    display: none;
  }
  .reader-head .doc-source-meta {
    display: none;
  }
  .reader-head #focus-toggle-btn span {
    display: none;
  }
  .reader-bar {
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 8px 10px 10px;
  }
  .reader-bar .transport .btn-primary {
    min-width: 0;
    padding: 9px 14px;
  }
  .reader-bar .transport #stop span {
    display: none;
  }
  .reader-bar .status-line {
    margin-left: 0;
  }
  .reader-bar .progress-track {
    flex-basis: 100%;
  }
}
.tag-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: -8px 0 18px;
}
.tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid var(--hairline);
  background: var(--bg);
  color: var(--ink-2);
  font: inherit;
  font-size: 12.5px;
  font-weight: 550;
  line-height: 1.2;
  cursor: pointer;
  transition:
    border-color .14s var(--ease),
    background .14s var(--ease),
    color .14s var(--ease);
}
.tag-chip:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--hairline));
  color: var(--ink);
}
.tag-chip.is-active {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.tag-chip .tag-count {
  font-size: 11px;
  font-weight: 600;
  opacity: .7;
}
.tag-chip.is-active .tag-count {
  opacity: .85;
}
.doc-item {
  flex-wrap: wrap;
}
.doc-tags {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 5px;
  margin-top: 2px;
  min-width: 0;
}
.doc-tags .tag-chip {
  flex: none;
  align-self: auto;
}
.tag-chip-sm {
  padding: 3px 9px;
  font-size: 11.5px;
}
.doc-tag-btn {
  background: none;
  border: none;
  padding: 6px;
  border-radius: var(--r-sm);
  color: var(--ink-3);
  cursor: pointer;
  flex: none;
  display: inline-flex;
  opacity: 0;
  transition:
    opacity .14s var(--ease),
    background .14s var(--ease),
    color .14s var(--ease);
}
.doc-item:hover .doc-tag-btn,
.doc-item:focus-within .doc-tag-btn,
.doc-item.is-editing-tags .doc-tag-btn {
  opacity: 1;
}
.doc-tag-btn:hover,
.doc-item.is-editing-tags .doc-tag-btn {
  background: var(--surface-2);
  color: var(--accent);
}
@media (hover: none) {
  .doc-tag-btn {
    opacity: 1;
  }
}
.doc-tags-input {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  background: var(--bg);
  color: var(--ink);
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--hairline));
  border-radius: var(--r-sm);
  padding: 7px 10px;
  font: inherit;
  font-size: 13px;
}
.doc-tags-input:focus {
  outline: 2px solid color-mix(in srgb, var(--accent) 35%, transparent);
  outline-offset: 1px;
}
.doc-list[data-view=compact] .doc-item:not(.is-editing-tags) .doc-tags {
  display: none;
}
.doc-list[data-view=tiles] .doc-tags {
  justify-content: center;
  margin-top: 0;
}
.doc-list[data-view=tiles] .doc-tag-btn {
  position: absolute;
  top: 8px;
  right: 40px;
  opacity: 0;
}
.doc-list[data-view=tiles] .doc-item:hover .doc-tag-btn,
.doc-list[data-view=tiles] .doc-item:focus-within .doc-tag-btn,
.doc-list[data-view=tiles] .doc-item.is-editing-tags .doc-tag-btn {
  opacity: 1;
}
.link-btn {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: var(--accent);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.link-btn.is-danger {
  color: var(--danger, #B42318);
}
.btn-danger {
  background: var(--danger-soft);
  color: var(--danger);
}
.btn-danger:hover:not(:disabled) {
  background: var(--danger-soft);
  filter: brightness(.96);
}
.confirm {
  margin-top: 12px;
  padding: 14px;
  border-radius: var(--r-md);
  background: var(--danger-soft);
}
.confirm p {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.5;
}
.confirm .actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.onboard {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow-y: auto;
  background: var(--brand-pg);
  animation: modal-fade .2s var(--ease);
}
.onboard[hidden] {
  display: none;
}
.onboard::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 900px;
  height: 900px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(
      closest-side,
      var(--brand-glow-dim),
      transparent 72%);
  pointer-events: none;
}
.onboard::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .03;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
.onboard-panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: min(560px, calc(100vw - 48px));
  margin: auto;
  padding: 40px 44px 34px;
  background:
    linear-gradient(
      180deg,
      var(--brand-card-2),
      var(--brand-card));
  border: 1px solid var(--brand-line-2);
  border-radius: 22px;
  box-shadow: 0 60px 120px -40px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .02) inset;
  color: var(--brand-tx-2);
  font-family: var(--brand-sans);
  text-align: center;
  animation: onboard-panel-in .5s var(--brand-ease) both .05s;
}
.onboard-panel::before {
  content: "";
  position: absolute;
  inset: -1px -1px auto;
  height: 1px;
  border-radius: 22px 22px 0 0;
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--brand-glow-line) 35%,
      transparent 75%);
}
@keyframes onboard-panel-in {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .onboard-panel {
    animation: none;
  }
}
.onboard-panel .brand-mini {
  margin: 0 auto 22px;
}
.onboard-ico {
  width: 52px;
  height: 52px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background:
    linear-gradient(
      160deg,
      #4791FF,
      #2A6FE0);
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 10px 26px -8px rgba(52, 133, 255, .9);
}
.onboard-ico .ico {
  width: 24px;
  height: 24px;
}
@media (prefers-reduced-motion: no-preference) {
  .onboard-ico {
    animation: onboard-ico-pulse 3.2s ease-in-out infinite;
  }
}
@keyframes onboard-ico-pulse {
  0%, 100% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 10px 26px -8px rgba(52, 133, 255, .9);
  }
  50% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 10px 36px -4px rgba(52, 133, 255, 1);
  }
}
.onboard-eyebrow {
  margin: 0 0 10px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--brand-tx-3);
}
.onboard-panel h2 {
  font-family: var(--brand-serif);
  font-weight: 400;
  font-size: 29px;
  line-height: 1.15;
  letter-spacing: -.01em;
  margin: 0 0 10px;
  color: var(--brand-tx);
}
.onboard-lede {
  margin: 0 0 28px;
  color: var(--brand-tx-2);
  font-size: 14px;
  line-height: 1.6;
}
.onboard-panel .field {
  margin-bottom: 16px;
  text-align: left;
}
.onboard-fields-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}
.onboard-fields-row .field {
  margin-bottom: 0;
}
.onboard-panel .field label {
  color: var(--brand-tx-3);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.onboard-panel .field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  background-color: var(--brand-pg-2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23A4AEBB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 14px;
  border: 1px solid var(--brand-line-2);
  border-radius: 11px;
  padding: 12px 38px 12px 14px;
  color: var(--brand-tx);
  font: 500 14.5px/1.3 var(--brand-sans);
  transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.onboard-panel .field select:hover {
  border-color: rgba(255, 255, 255, .28);
}
.onboard-panel .field select:focus {
  outline: none;
  border-color: var(--brand-glow);
  box-shadow: 0 0 0 3px var(--brand-glow-dim);
}
.onboard-panel .field select option {
  background: var(--brand-card);
  color: var(--brand-tx);
}
.onboard-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: -4px 0 22px;
}
.onboard-panel .btn-quiet {
  background: rgba(255, 255, 255, .06);
  color: var(--brand-tx-2);
  border: 1px solid var(--brand-line-2);
}
.onboard-panel .btn-quiet:hover:not(:disabled) {
  background: rgba(255, 255, 255, .1);
  color: var(--brand-tx);
}
.onboard-panel .btn-quiet:disabled {
  opacity: .45;
}
.onboard-note {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--brand-tx-3);
  text-align: left;
}
.onboard-empty {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--brand-line);
}
.onboard-panel input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  margin: 12px 0 6px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      var(--brand-glow) var(--pct, 33%),
      rgba(255, 255, 255, .1) var(--pct, 33%));
  outline: none;
}
.onboard-panel input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px var(--brand-glow-dim), 0 2px 10px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: transform .15s var(--ease);
}
.onboard-panel input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.12);
}
.onboard-panel input[type=range]::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
}
.onboard-panel input[type=range]::-moz-range-progress {
  height: 6px;
  border-radius: 999px;
  background: var(--brand-glow);
}
.onboard-panel input[type=range]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: none;
  box-shadow: 0 0 0 4px var(--brand-glow-dim), 0 2px 10px rgba(0, 0, 0, .5);
  cursor: pointer;
}
.onboard-panel .linkish {
  color: var(--brand-glow-2);
}
.onboard-panel .linkish:hover {
  color: #fff;
}
.onboard-panel .btn-primary {
  background:
    linear-gradient(
      180deg,
      #4791FF,
      #2E7BF5);
  border: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 10px 26px -10px rgba(52, 133, 255, .9);
  margin-top: 6px;
}
.onboard-panel .btn-primary:hover:not(:disabled) {
  background:
    linear-gradient(
      180deg,
      #5C9EFF,
      #3A85FF);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .28) inset, 0 12px 30px -8px rgba(52, 133, 255, 1);
}
.onboard-skip {
  display: block;
  margin: 16px auto 0;
  font-size: 12.5px;
  color: var(--brand-tx-3);
}
.onboard-skip:hover {
  color: var(--brand-tx-2);
}
@media (max-width: 560px) {
  .onboard-fields-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 480px) {
  .onboard-panel {
    padding: 32px 24px 26px;
  }
  .onboard-panel h2 {
    font-size: 25px;
  }
}
.modal-why {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: var(--r-sm);
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 13px;
  line-height: 1.5;
}
.modal-why[hidden] {
  display: none;
}
.rate-cap-note[hidden] {
  display: none;
}
@font-face {
  font-family: "Inter";
  src: url(fonts/Inter-Variable.woff2) format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url(fonts/InstrumentSerif-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --brand-pg: #0A0C10;
  --brand-pg-2: #0D1015;
  --brand-card: #12161D;
  --brand-card-2: #161B23;
  --brand-line: rgba(255, 255, 255, .075);
  --brand-line-2: rgba(255, 255, 255, .14);
  --brand-tx: #EEF1F5;
  --brand-tx-2: #A4AEBB;
  --brand-tx-3: #6C7784;
  --brand-glow: #3485FF;
  --brand-glow-2: #79AEFF;
  --brand-glow-dim: rgba(52, 133, 255, .16);
  --brand-glow-line: rgba(52, 133, 255, .32);
  --brand-serif:
    "Instrument Serif",
    "Iowan Old Style",
    Georgia,
    "Times New Roman",
    serif;
  --brand-sans:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  --brand-ease: cubic-bezier(.22, .68, .28, 1);
}
.brand-mini {
  display: block;
  width: 92px;
  aspect-ratio: 78.9 / 48.3;
  height: auto;
  color: var(--brand-tx-3);
}
#signin-backdrop {
  background: rgba(5, 7, 10, .78);
  backdrop-filter: blur(6px) saturate(1.2);
  -webkit-backdrop-filter: blur(6px) saturate(1.2);
}
#signin-backdrop::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 480px;
  height: 340px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(
      closest-side,
      var(--brand-glow-dim),
      transparent 72%);
  pointer-events: none;
}
#signin-backdrop .modal {
  position: relative;
  z-index: 1;
  max-width: min(460px, calc(100vw - 48px));
  padding: 34px 38px 30px;
  background:
    linear-gradient(
      180deg,
      var(--brand-card-2),
      var(--brand-card));
  border: 1px solid var(--brand-line-2);
  border-radius: 20px;
  box-shadow: 0 60px 120px -40px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .02) inset;
  color: var(--brand-tx-2);
  font-family: var(--brand-sans);
  animation: modal-pop .22s var(--brand-ease);
}
#signin-backdrop .modal::before {
  content: "";
  position: absolute;
  inset: -1px -1px auto;
  height: 1px;
  border-radius: 20px 20px 0 0;
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--brand-glow-line) 35%,
      transparent 75%);
}
#signin-backdrop .brand-mini {
  margin: 0 auto 22px;
}
#signin-backdrop h2 {
  font-family: var(--brand-serif);
  font-weight: 400;
  font-size: 27px;
  letter-spacing: -.01em;
  color: var(--brand-tx);
  margin: 0 0 8px;
}
#signin-backdrop .lede {
  color: var(--brand-tx-2);
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.55;
  margin: 0 0 20px;
}
#signin-backdrop .modal-why {
  background: var(--brand-glow-dim);
  color: var(--brand-glow-2);
  border: 1px solid rgba(52, 133, 255, .22);
  border-radius: 10px;
}
#signin-backdrop .btn-oauth {
  background: #fff;
  color: #1A1D22;
  border: none;
  height: 46px;
  font-weight: 600;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 8px 20px -10px rgba(0, 0, 0, .6);
}
#signin-backdrop .btn-oauth:hover:not(:disabled) {
  background: #F2F4F8;
}
#signin-backdrop .or-divider {
  color: var(--brand-tx-3);
}
#signin-backdrop .or-divider::before,
#signin-backdrop .or-divider::after {
  background: var(--brand-line-2);
}
#signin-backdrop input[type=email] {
  background: var(--brand-pg-2);
  border: 1px solid var(--brand-line-2);
  border-radius: 10px;
  color: var(--brand-tx);
  padding: 12px 13px;
  transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
#signin-backdrop input[type=email]::placeholder {
  color: var(--brand-tx-3);
}
#signin-backdrop input[type=email]:focus {
  outline: none;
  border-color: var(--brand-glow);
  box-shadow: 0 0 0 3px var(--brand-glow-dim);
}
#signin-backdrop .btn-primary {
  background:
    linear-gradient(
      180deg,
      #4791FF,
      #2E7BF5);
  border: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 10px 26px -10px rgba(52, 133, 255, .9);
}
#signin-backdrop .btn-primary:hover:not(:disabled) {
  background:
    linear-gradient(
      180deg,
      #5C9EFF,
      #3A85FF);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .28) inset, 0 12px 30px -8px rgba(52, 133, 255, 1);
}
#signin-backdrop .btn-quiet {
  background: rgba(255, 255, 255, .06);
  color: var(--brand-tx-2);
  border: 1px solid var(--brand-line-2);
}
#signin-backdrop .btn-quiet:hover:not(:disabled) {
  background: rgba(255, 255, 255, .1);
  color: var(--brand-tx);
}
#signin-backdrop .modal-note {
  color: var(--brand-tx-3);
}
#signin-backdrop .modal-note a {
  color: var(--brand-tx-2);
}
#signin-backdrop .modal-note a:hover {
  color: var(--brand-glow-2);
}
#signin-backdrop .modal-msg.ok {
  color: #46C68C;
}
#signin-backdrop .modal-msg.error {
  color: #F0796C;
}
#signin-backdrop .sent-icon {
  background: var(--brand-glow-dim);
  color: var(--brand-glow-2);
}
@media (max-width: 560px) {
  #signin-backdrop {
    padding: 0;
    align-items: flex-end;
  }
  #signin-backdrop::before {
    display: none;
  }
  #signin-backdrop .modal {
    max-width: none;
    margin: auto 0 0;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    padding: 20px 20px calc(14px + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
    border-bottom: none;
  }
  #signin-backdrop .brand-mini {
    width: 64px;
    margin: 0 auto 14px;
  }
  #signin-backdrop h2 {
    font-size: 22px;
    margin: 0 0 6px;
  }
  #signin-backdrop .lede {
    font-size: 14px;
    margin: 0 0 14px;
  }
  #signin-backdrop .modal-note-long {
    display: none;
  }
  #signin-backdrop .modal-note {
    font-size: 11.5px;
    margin: 10px 0 0;
  }
  #signin-backdrop .modal-dismiss {
    background: none;
    border: none;
    height: 36px;
    margin-top: 2px;
    color: var(--brand-tx-3);
  }
  #signin-backdrop .modal-dismiss:hover:not(:disabled) {
    background: none;
    color: var(--brand-tx);
  }
}
.perks-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 20px;
  margin-inline: auto;
  width: fit-content;
  max-width: min(560px, calc(100vw - 32px));
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px 9px 9px;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      var(--brand-card-2),
      var(--brand-card));
  border: 1px solid var(--brand-line-2);
  box-shadow:
    0 24px 48px -22px rgba(0, 0, 0, .65),
    0 0 0 1px rgba(255, 255, 255, .02) inset,
    0 0 32px -12px rgba(52, 133, 255, .35);
  color: var(--brand-tx-2);
  font: 500 13px/1.3 var(--brand-sans);
  animation: perks-in .45s var(--brand-ease) both;
}
.perks-banner[hidden] {
  display: none;
}
body.is-focus .perks-banner {
  display: none;
}
@keyframes perks-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .perks-banner {
    animation: none;
  }
}
.perks-banner-ico {
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(
      160deg,
      #4791FF,
      #2A6FE0);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 4px 14px -4px rgba(52, 133, 255, .9);
}
.perks-banner-ico .ico {
  width: 15px;
  height: 15px;
}
@media (prefers-reduced-motion: no-preference) {
  .perks-banner-ico {
    animation: perks-pulse 2.6s ease-in-out infinite;
  }
}
@keyframes perks-pulse {
  0%, 100% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 4px 14px -4px rgba(52, 133, 255, .9);
  }
  50% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 4px 22px -2px rgba(52, 133, 255, 1);
  }
}
.perks-banner-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.perks-banner-body strong {
  color: var(--brand-tx);
  font-size: 12.5px;
  font-weight: 600;
}
.perks-rotator {
  position: relative;
  display: block;
  height: 1.3em;
  overflow: hidden;
  color: var(--brand-tx-2);
  font-size: 12.5px;
}
.perks-rotator span {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(8px);
  white-space: nowrap;
}
.perks-rotator span:first-child {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: no-preference) {
  .perks-rotator span {
    animation: perks-cycle 9s ease-in-out infinite;
  }
  .perks-rotator span:nth-child(2) {
    animation-delay: 3s;
  }
  .perks-rotator span:nth-child(3) {
    animation-delay: 6s;
  }
}
@keyframes perks-cycle {
  0%, 100% {
    opacity: 0;
    transform: translateY(8px);
  }
  6%, 27% {
    opacity: 1;
    transform: translateY(0);
  }
  33% {
    opacity: 0;
    transform: translateY(-8px);
  }
}
.perks-banner-cta {
  flex: none;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: none;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  background:
    linear-gradient(
      180deg,
      #4791FF,
      #2E7BF5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 4px 14px -6px rgba(52, 133, 255, .9);
}
.perks-banner-cta:hover {
  background:
    linear-gradient(
      180deg,
      #5C9EFF,
      #3A85FF);
}
.perks-banner-close {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, .07);
  color: var(--brand-tx-3);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
}
.perks-banner-close:hover {
  background: rgba(255, 255, 255, .14);
  color: var(--brand-tx);
}
@media (max-width: 560px) {
  .perks-rotator {
    display: none;
  }
  .perks-banner-body {
    justify-content: center;
  }
  .perks-banner {
    padding: 8px 8px 8px 9px;
  }
}
.ext-prompt {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: min(440px, calc(100vw - 40px));
  padding: 9px 10px 9px 9px;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      var(--brand-card-2),
      var(--brand-card));
  border: 1px solid var(--brand-line-2);
  box-shadow:
    0 24px 48px -22px rgba(0, 0, 0, .65),
    0 0 0 1px rgba(255, 255, 255, .02) inset,
    0 0 32px -12px rgba(52, 133, 255, .35);
  color: var(--brand-tx-2);
  font: 500 13px/1.3 var(--brand-sans);
  animation: perks-in .45s var(--brand-ease) both;
}
.ext-prompt[hidden] {
  display: none;
}
body.is-focus .ext-prompt,
body:has(#view-library[hidden]) .ext-prompt {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .ext-prompt {
    animation: none;
  }
}
.ext-prompt-ico {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(
      160deg,
      #4791FF,
      #2A6FE0);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 4px 14px -4px rgba(52, 133, 255, .9);
}
.ext-prompt-ico .ico {
  width: 18px;
  height: 18px;
}
@media (prefers-reduced-motion: no-preference) {
  .ext-prompt-ico {
    animation: perks-pulse 2.6s ease-in-out infinite;
  }
}
.ext-prompt-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ext-prompt-body strong {
  color: var(--brand-tx);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
}
.ext-prompt-body span {
  font-size: 12px;
  color: var(--brand-tx-2);
  white-space: nowrap;
}
.ext-prompt-cta {
  flex: none;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: none;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  background:
    linear-gradient(
      180deg,
      #4791FF,
      #2E7BF5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 4px 14px -6px rgba(52, 133, 255, .9);
}
.ext-prompt-cta:hover {
  background:
    linear-gradient(
      180deg,
      #5C9EFF,
      #3A85FF);
  color: #fff;
}
.ext-prompt-close {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, .07);
  color: var(--brand-tx-3);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
}
.ext-prompt-close:hover {
  background: rgba(255, 255, 255, .14);
  color: var(--brand-tx);
}
@media (max-width: 820px) {
  .ext-prompt-body span {
    display: none;
  }
}
.perks-topbar {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 13px 22px;
  background:
    linear-gradient(
      180deg,
      var(--accent-soft),
      var(--surface) 140%);
  border-bottom: 1px solid var(--hairline);
  color: var(--ink-2);
  font-size: 14.5px;
  overflow: hidden;
}
.perks-topbar[hidden] {
  display: none;
}
body.is-focus .perks-topbar {
  display: none;
}
.perks-topbar::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -20px;
  width: 260px;
  height: 200px;
  background:
    radial-gradient(
      closest-side,
      var(--accent),
      transparent 72%);
  opacity: .1;
  pointer-events: none;
  transition: opacity .4s ease;
}
.perks-topbar:hover::before {
  opacity: .18;
}
.perks-topbar-badge {
  position: relative;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: var(--on-accent);
  background: var(--accent-grad);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 6px 16px -8px rgba(20, 30, 70, .55);
  transition: transform .25s var(--ease);
}
.perks-topbar-badge .ico {
  width: 16px;
  height: 16px;
  animation: perks-spark-twinkle 2.6s ease-in-out infinite;
}
@keyframes perks-spark-twinkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.15) rotate(10deg);
    opacity: .8;
  }
}
.perks-topbar:hover .perks-topbar-badge {
  transform: rotate(-8deg) scale(1.08);
}
@media (prefers-reduced-motion: reduce) {
  .perks-topbar-badge .ico {
    animation: none;
  }
}
.perks-topbar-copy {
  position: relative;
  flex: 1;
  min-width: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.perks-topbar-copy strong {
  color: var(--ink);
  font-weight: 650;
}
.perks-topbar-punct {
  color: var(--ink-2);
}
.perks-topbar-compact {
  display: none;
  flex: 1;
  min-width: 0;
}
.perks-topbar .perks-rotator {
  color: var(--accent);
  font-weight: 650;
}
.perks-inline {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  font-weight: 700;
  color: var(--accent);
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition:
    text-decoration-color .15s var(--ease),
    color .15s var(--ease),
    transform .15s var(--ease);
}
.perks-inline:hover,
.perks-inline:focus-visible {
  color: var(--accent-2);
  text-decoration-color: currentColor;
  transform: translateY(-2px);
}
.perks-topbar-cta {
  position: relative;
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 16px 10px 20px;
  font-weight: 650;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 6px 18px -8px rgba(20, 30, 70, .5);
}
.perks-topbar-cta-ico {
  width: 13px;
  height: 13px;
  flex: none;
  transition: transform .22s var(--ease);
}
.perks-topbar-cta:hover .perks-topbar-cta-ico,
.perks-topbar-cta:focus-visible .perks-topbar-cta-ico {
  transform: translateX(3px);
}
.perks-topbar-cta::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 45%;
  height: 100%;
  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255, 255, 255, .55),
      transparent);
  transform: skewX(-20deg);
  transition: left .55s ease;
  pointer-events: none;
}
.perks-topbar-cta:hover::after {
  left: 130%;
}
@media (prefers-reduced-motion: reduce) {
  .perks-topbar-cta::after {
    display: none;
  }
}
.perks-topbar-close {
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--ink-3);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
  transition:
    background .15s var(--ease),
    color .15s var(--ease),
    transform .2s var(--ease);
}
.perks-topbar-close:hover {
  background: var(--surface-2);
  color: var(--ink);
  transform: rotate(90deg);
}
@media (max-width: 860px) {
  .perks-topbar-copy {
    display: none;
  }
  .perks-topbar-compact {
    display: block;
  }
}
@media (max-width: 640px) {
  .perks-topbar-badge {
    display: none;
  }
}
@media (max-width: 480px) {
  .perks-topbar {
    padding: 9px 14px;
    font-size: 12.5px;
    gap: 10px;
  }
  .perks-topbar-cta {
    padding: 8px 12px 8px 14px;
    gap: 5px;
  }
  .perks-topbar-compact .perks-rotator {
    display: none;
  }
}
.settings-toggle {
  flex: none;
}
.settings-toggle .ico {
  width: 16px;
  height: 16px;
}
.settings-toggle[aria-pressed=true] {
  color: var(--accent);
  background: var(--accent-soft);
}
body.settings-collapsed main {
  grid-template-columns: minmax(0, 1fr);
}
body.settings-collapsed .settings {
  display: none;
}
@media (max-width: 860px) {
  .settings-toggle span {
    display: none;
  }
}
.continue {
  margin: -4px 0 22px;
}
.continue-title {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.continue-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px;
}
.continue-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  padding: 12px 14px 12px 12px;
  border-radius: var(--r-md);
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--hairline));
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent) 9%, var(--bg)),
      var(--bg));
  color: var(--ink);
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition:
    border-color .14s var(--ease),
    transform .14s var(--ease),
    box-shadow .14s var(--ease);
}
.continue-card:hover {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--hairline));
  transform: translateY(-1px);
  box-shadow: 0 8px 22px -14px color-mix(in srgb, var(--accent) 60%, transparent);
}
.continue-card .doc-badge {
  grid-row: 1 / 4;
}
.continue-name {
  font-weight: 650;
  font-size: 13.5px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.continue-meta {
  font-size: 12px;
  color: var(--ink-3);
}
.continue-meta b {
  color: var(--accent);
  font-weight: 600;
}
.continue-track {
  height: 4px;
  border-radius: 2px;
  background: var(--surface-2);
  overflow: hidden;
}
.continue-track i {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: var(--accent);
}
.tag-filter-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: -8px 0 18px;
}
.tag-filter-row .tag-filter {
  margin: 0;
  flex: 1;
  min-width: 0;
}
.tag-colors-wrap {
  position: relative;
  flex: none;
}
.tag-colors-btn {
  gap: 7px;
}
.tag-colors-dots {
  display: inline-flex;
  gap: 2px;
}
.tag-colors-dots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.tag-colors-dots i:nth-child(1) {
  background: #F59E0B;
}
.tag-colors-dots i:nth-child(2) {
  background: #22C55E;
}
.tag-colors-dots i:nth-child(3) {
  background: #8B5CF6;
}
.tag-chip.has-color {
  --tag: var(--accent);
  border-color: color-mix(in srgb, var(--tag) 34%, transparent);
  background: color-mix(in srgb, var(--tag) 11%, var(--bg));
  color: color-mix(in srgb, var(--tag) 62%, var(--ink));
}
.tag-chip.has-color::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tag);
  flex: none;
}
.tag-chip.has-color:hover {
  border-color: color-mix(in srgb, var(--tag) 60%, transparent);
  color: var(--ink);
}
.tag-chip.has-color.is-active {
  background: var(--tag);
  border-color: var(--tag);
  color: #fff;
}
.tag-chip.has-color.is-active::before {
  background: rgba(255, 255, 255, .85);
}
.tag-chip-sm.has-color {
  gap: 5px;
}
.tag-chip-sm.has-color::before {
  width: 6px;
  height: 6px;
}
.tag-colors-pop {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 30;
  width: min(360px, 92vw);
  max-height: 60vh;
  overflow-y: auto;
  padding: 8px;
  border-radius: var(--r-md);
  border: 1px solid var(--hairline);
  background: var(--bg);
  box-shadow: var(--shadow), 0 18px 40px -18px rgba(0, 0, 0, .45);
}
.tag-colors-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border-radius: var(--r-sm);
}
.tag-colors-row + .tag-colors-row {
  border-top: 1px solid var(--hairline);
}
.tag-colors-row .tag-chip {
  pointer-events: none;
}
.tag-colors-row .swatches {
  margin-left: auto;
  display: flex;
  gap: 4px;
  flex: none;
}
.swatch-btn {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: var(--sw);
  padding: 0;
  cursor: pointer;
  transition: transform .12s var(--ease), border-color .12s var(--ease);
}
.swatch-btn:hover {
  transform: scale(1.12);
}
.swatch-btn[aria-checked=true] {
  border-color: var(--ink);
  box-shadow: inset 0 0 0 2px var(--bg);
}
.swatch-btn.is-auto {
  background:
    conic-gradient(
      #F59E0B,
      #22C55E,
      #3B82F6,
      #8B5CF6,
      #EC4899,
      #F59E0B);
  border-color: transparent;
}
.tag-colors-empty {
  padding: 10px 8px;
  font-size: 13px;
  color: var(--ink-3);
}
@media (max-width: 600px) {
  .tag-colors-btn span:last-child {
    display: none;
  }
}
.tag-filter-row:has(> .tag-filter[hidden]) {
  display: none;
}
.doc-badge {
  position: relative;
}
.doc-favicon {
  display: none;
  width: 58%;
  height: 58%;
  border-radius: 22%;
  object-fit: contain;
}
.doc-badge.has-favicon {
  background-image: none;
  background-color: var(--surface-2);
}
.doc-badge.has-favicon .doc-favicon {
  display: block;
}
.reader-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 4px 0 2px;
}
.reader-tags .tag-chip {
  flex: none;
}
.reader-tags-edit {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px dashed var(--hairline);
  background: transparent;
  color: var(--ink-3);
  font: inherit;
  font-size: 11.5px;
  font-weight: 550;
  cursor: pointer;
}
.reader-tags-edit:hover {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 45%, var(--hairline));
}
.reader-tags-edit .ico {
  width: 12px;
  height: 12px;
}
.reader-tags .doc-tags-input {
  width: min(100%, 420px);
  flex: 1 1 260px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.settings-page {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 0;
  align-items: start;
  max-width: 1180px;
  margin-inline: auto;
  padding: 8px 0 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.settings-menu {
  position: sticky;
  top: 0;
  align-self: start;
  padding-right: 24px;
}
.settings-nav {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 6px;
}
.settings-nav a {
  display: block;
  text-decoration: none;
  padding: 8px 14px;
  font-size: 13.5px;
  font-weight: 550;
  color: var(--ink-2);
  border-left: 2px solid transparent;
  transition: color .12s var(--ease), border-color .12s var(--ease);
}
.settings-nav a:hover {
  color: var(--ink);
}
.settings-nav a.is-active {
  color: var(--accent);
  border-left-color: var(--accent);
}
.settings-jump-wrap {
  display: none;
}
.settings-jump {
  width: 100%;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 12px;
  border-radius: var(--r-sm);
  border: 1px solid var(--hairline);
  background: var(--bg);
  color: var(--ink);
}
.settings-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--hairline);
  padding-left: 44px;
}
.settings-body > .settings-section {
  max-width: 760px;
}
.settings-section {
  padding: 26px 0 30px;
  border-top: 1px solid var(--hairline);
  scroll-margin-top: 16px;
}
.settings-section:first-child {
  border-top: 0;
  padding-top: 6px;
}
.settings-section > h2 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--ink);
}
.settings-lede {
  margin: 0 0 16px;
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.55;
  max-width: 60ch;
}
.settings-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.settings-section .account-head {
  margin-bottom: 0;
}
.settings-section .stat-grid {
  margin: 0;
}
.settings-section .perks {
  margin-bottom: 12px;
}
.settings-section.is-danger > h2 {
  color: #D84E3E;
}
.settings-section .confirm {
  margin-top: 14px;
}
.settings-section.is-slot > details.section {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.settings-section.is-slot > details.section > summary {
  display: none;
}
.settings-section.is-slot > details.section > .section-body {
  padding: 8px 0 0;
  max-width: 560px;
}
body.is-settings .settings,
body.is-settings .settings-toggle {
  display: none;
}
body.is-settings main {
  grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 860px) {
  .settings-page {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .settings-body {
    border-left: 0;
    padding-left: 0;
  }
  .settings-menu {
    padding-right: 0;
  }
  .settings-menu {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 8px 0 12px;
    background: var(--surface);
    border-bottom: 1px solid var(--hairline);
  }
  .settings-nav {
    display: none;
  }
  .settings-jump-wrap {
    display: block;
  }
  .settings-section {
    scroll-margin-top: 72px;
  }
}
.reader-voice {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
.voice-disc {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: var(--accent-soft);
  color: var(--accent);
  font: inherit;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .14s var(--ease), transform .12s var(--ease);
}
.voice-disc:hover {
  background: color-mix(in srgb, var(--accent) 22%, var(--bg));
}
.voice-disc:active {
  transform: scale(.96);
}
.voice-disc[aria-expanded=true] {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent);
}
.voice-disc-letter {
  line-height: 1;
}
.voice-disc-wave {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent);
  border: 2px solid var(--surface, var(--bg));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
}
.voice-disc-wave i {
  width: 1.5px;
  height: 4px;
  border-radius: 1px;
  background: #fff;
  transform-origin: center;
}
.voice-disc-wave i:nth-child(2) {
  height: 7px;
}
.voice-disc-wave i:nth-child(3) {
  height: 5px;
}
.voice-disc-wave i:nth-child(4) {
  height: 3px;
}
body.is-speaking .voice-disc-wave i {
  animation: voice-wave .9s ease-in-out infinite;
}
body.is-speaking .voice-disc-wave i:nth-child(2) {
  animation-delay: .15s;
}
body.is-speaking .voice-disc-wave i:nth-child(3) {
  animation-delay: .3s;
}
body.is-speaking .voice-disc-wave i:nth-child(4) {
  animation-delay: .45s;
}
@keyframes voice-wave {
  0%, 100% {
    transform: scaleY(.5);
  }
  50% {
    transform: scaleY(1.4);
  }
}
@media (prefers-reduced-motion: reduce) {
  .voice-disc-wave i {
    animation: none !important;
  }
}
.speed-pill {
  border: 1px solid var(--hairline);
  background: var(--bg);
  color: var(--ink);
  font: inherit;
  font-size: 12.5px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: border-color .14s var(--ease), background .14s var(--ease);
}
.speed-pill:hover,
.speed-pill[aria-expanded=true] {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--hairline));
  background: var(--accent-soft);
  color: var(--accent);
}
.voice-pop {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 40;
  width: min(360px, calc(100vw - 32px));
  max-height: min(70vh, 560px);
  overflow-y: auto;
  border-radius: var(--r-lg);
  border: 1px solid var(--hairline);
  background: var(--bg);
  box-shadow: var(--shadow), 0 24px 48px -20px rgba(0, 0, 0, .5);
}
.voice-pop-head {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 8px 8px 16px;
  background: var(--bg);
  border-bottom: 1px solid var(--hairline);
}
.voice-pop-title {
  font-size: 13px;
  font-weight: 700;
}
.voice-pop-close .ico {
  width: 16px;
  height: 16px;
}
.vp-label {
  font-size: 11.5px;
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.voice-pop-speed {
  padding: 14px 16px 16px;
  border-bottom: 1px solid var(--hairline);
}
.vp-speed-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.vp-eta {
  font-size: 12px;
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
}
.vp-speed-value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 10px 0 8px;
}
.vp-rate {
  min-width: 96px;
  text-align: center;
  font-size: 34px;
  font-weight: 750;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.vp-step {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: var(--surface-2);
  color: var(--ink);
  font: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .12s var(--ease), transform .12s var(--ease);
}
.vp-step:hover {
  background: var(--accent-soft);
  color: var(--accent);
}
.vp-step:active {
  transform: scale(.94);
}
.vp-range {
  width: 100%;
  margin: 6px 0 12px;
  accent-color: var(--accent);
}
.vp-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.vp-preset {
  border: 1px solid var(--hairline);
  background: var(--bg);
  color: var(--ink-2);
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  padding: 7px 0;
  border-radius: 999px;
  cursor: pointer;
  transition:
    border-color .12s var(--ease),
    background .12s var(--ease),
    color .12s var(--ease);
}
.vp-preset:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--hairline));
  color: var(--ink);
}
.vp-preset[aria-pressed=true] {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.vp-preset:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.vp-cap {
  margin: 10px 0 0;
}
.voice-pop-voices {
  padding: 12px 8px 8px;
}
.vp-voice-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 8px 8px;
}
.vp-lang {
  font: inherit;
  font-size: 12.5px;
  padding: 5px 8px;
  border-radius: var(--r-sm);
  border: 1px solid var(--hairline);
  background: var(--bg);
  color: var(--ink);
  max-width: 60%;
}
.vp-group {
  padding: 8px 8px 4px;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.vp-voice {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border: 0;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13.5px;
  text-align: left;
  cursor: pointer;
}
.vp-voice:hover {
  background: var(--surface-2);
}
.vp-voice[aria-selected=true] {
  background: var(--accent-soft);
  color: var(--accent);
}
.vp-voice .vp-initial {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--surface-2);
  color: var(--ink-2);
  font-size: 12px;
  font-weight: 700;
  flex: none;
}
.vp-voice[aria-selected=true] .vp-initial {
  background: var(--accent);
  color: #fff;
}
.vp-voice .vp-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vp-voice .vp-badge {
  flex: none;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 2px 6px;
  border-radius: 5px;
  background: var(--surface-2);
  color: var(--ink-3);
}
.vp-voice[aria-selected=true] .vp-badge {
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  color: var(--accent);
}
.vp-voice .vp-check {
  width: 14px;
  height: 14px;
  flex: none;
  visibility: hidden;
}
.vp-voice[aria-selected=true] .vp-check {
  visibility: visible;
}
.vp-empty {
  padding: 10px 8px;
  font-size: 13px;
  color: var(--ink-3);
}
.voice-pop.is-sheet {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  top: auto;
  width: auto;
  max-height: 78vh;
  z-index: 1200;
}
@media (max-width: 600px) {
  .reader-bar .status-line {
    display: none;
  }
}
.focus-bar .voice-disc {
  width: 30px;
  height: 30px;
  font-size: 12px;
}
.focus-bar .voice-disc-wave {
  width: 14px;
  height: 14px;
  right: -3px;
  bottom: -3px;
}
.focus-bar .speed-pill {
  padding: 4px 8px;
  font-size: 11.5px;
}
.focus-bar .voice-pop {
  top: calc(100% + 10px);
}
.focus-bar:has(.voice-pop:not([hidden])) {
  opacity: 1 !important;
  pointer-events: auto !important;
}
@media (max-width: 640px) {
  .reader-bar .reader-voice {
    margin-left: auto;
  }
  .reader-bar .progress-track {
    order: 10;
  }
}
@media (max-width: 600px) {
  .focus-bar {
    max-width: calc(100vw - 16px);
    padding: 4px 5px;
    gap: 2px;
  }
  .focus-bar #focus-toggle-btn span {
    display: none;
  }
  .focus-bar #focus-toggle-btn {
    padding: 5px 7px;
  }
  .focus-slot-transport #stop {
    display: none;
  }
  .focus-bar .speed-pill {
    display: none;
  }
  .focus-slot-pager .book-pos {
    font-size: 11px;
  }
  .focus-slot + .focus-slot:not(:empty) {
    margin-left: 2px;
    padding-left: 5px;
  }
}
.compose-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.compose-title {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.compose-sub {
  margin: 0;
  font-size: 13.5px;
  color: var(--ink-2);
}
.compose-sources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.source-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  margin: 0;
  padding: 22px 20px 20px;
  border-radius: var(--r-md);
  border: 1.5px dashed var(--hairline);
  background: var(--bg-2);
  transition:
    border-color .14s var(--ease),
    background .14s var(--ease),
    box-shadow .14s var(--ease);
}
.source-tile.source-link {
  border-style: solid;
}
.source-marks {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.source-mark {
  display: block;
  width: 30px;
  height: 41px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: drop-shadow(0 4px 8px rgba(16, 19, 23, .14));
  transition: transform .18s var(--ease);
}
.source-mark + .source-mark {
  margin-left: -10px;
}
.source-mark:nth-child(1) {
  transform: rotate(-9deg) translateY(4px);
}
.source-mark:nth-child(2) {
  transform: rotate(-3deg);
}
.source-mark:nth-child(3) {
  transform: rotate(3deg);
}
.source-mark:nth-child(4) {
  transform: rotate(9deg) translateY(4px);
}
.dropzone:hover .source-mark,
.dropzone.is-dragging .source-mark {
  transform: rotate(0) translateY(-2px);
}
.dropzone:hover .source-mark + .source-mark,
.dropzone.is-dragging .source-mark + .source-mark {
  margin-left: -4px;
}
.source-mark[data-type=pdf] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiNGNjFGMTUiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iI0Y2MUYxNSIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjRjYxRjE1Ii8+PC9nPgo8cGF0aCBkPSJNMTkuMDAyODU4NTg4NjM3Nzk2IDEwOS4zMTdWOTIuNTc3SDI1LjUzMzQ0ODI4NDkyMDMwNFEyNy40Mzk3ODc5Nzc5MjU3NTcgOTIuNTc3IDI4Ljc3NjUxMzMzNzc0NjQzNyA5My4zMDI1NDkzMDQ5MzY1NVEzMC4xMTMyMzg2OTc1NjcxMTYgOTQuMDI4MDk4NjA5ODczMTEgMzAuODE2NTM5NjkyNjQ0OTggOTUuMzAzMDMyMDIzMzg1MDdRMzEuNTE5ODQwNjg3NzIyODQgOTYuNTc3OTY1NDM2ODk3MDIgMzEuNTE5ODQwNjg3NzIyODQgOTguMjI5OTM4NjE1ODM3MzZRMzEuNTE5ODQwNjg3NzIyODQgOTkuODg3OTc4MzkzNTU0NjggMzAuODA3NDM5Nzk0NDc5NDc1IDEwMS4xNTI5MTM2MTA2NzU5OFEzMC4wOTUwMzg5MDEyMzYxMSAxMDIuNDE3ODQ4ODI3Nzk3MjkgMjguNzM5NjY0NTk1OTcxODQ2IDEwMy4xMzM4NDkwODU0NTU3NlEyNy4zODQyOTAyOTA3MDc1ODIgMTAzLjg0OTg0OTM0MzExNDI0IDI1LjQ1MzY4NDIwMjU5NDEyIDEwMy44NDk4NDkzNDMxMTQyNEgyMS4yNTgzNTM3NzMwMDQ5M1YxMDEuMDgxODMxMTM0OTc1MzVIMjQuOTA5NzA4Mzk3OTEzMTc1UTI1Ljk1NjM2Mjk3NDk3NjQwOCAxMDEuMDgxODMxMTM0OTc1MzUgMjYuNjM3ODc3MTUyMzM3MTk3IDEwMC43MTc4MTY2OTM4MTE2UTI3LjMxOTM5MTMyOTY5Nzk5IDEwMC4zNTM4MDIyNTI2NDc4NSAyNy42NTExNTkyNjQ2MTIzOTIgOTkuNzEwMzczNTE5OTk5ODZRMjcuOTgyOTI3MTk5NTI2Nzk1IDk5LjA2Njk0NDc4NzM1MTg3IDI3Ljk4MjkyNzE5OTUyNjc5NSA5OC4yMjk5Mzg2MTU4MzczNlEyNy45ODI5MjcxOTk1MjY3OTUgOTcuMzgwNzk5MjQ2NzY4ODIgMjcuNjUxMTU5MjY0NjEyMzkyIDk2Ljc0NTU3MjExNDA2MTE5UTI3LjMxOTM5MTMyOTY5Nzk5IDk2LjExMDM0NDk4MTM1MzU1IDI2LjYzNTI5MzAwMjA2MTI2NyA5NS43NTgwMTQ1ODg2MzEyM1EyNS45NTExOTQ2NzQ0MjQ1NSA5NS40MDU2ODQxOTU5MDg5MiAyNC44OTkzNzE3OTY4MDk0NiA5NS40MDU2ODQxOTU5MDg5MkgyMi40MzU3NDE1OTkzOTk2NVYxMDkuMzE3WiIgZmlsbD0iI0Y2MUYxNSIvPjxwYXRoIGQ9Ik00MC4wMjcxNDgxOTA5MDE1OCAxMDkuMzE3SDM1LjY5MTM4NzY5MTIxNjE4VjEwNi4zNjE4MTU1Mjc5OTkxNkgzOS44NjgwNjMwMDM4NDcyNTRRNDEuNDgyMDg2MTY4NTMyNCAxMDYuMzYxODE1NTI3OTk5MTYgNDIuNTc1OTI2MDg4NDczOTM1IDEwNS43OTAyODc2ODI0NTAwNFE0My42Njk3NjYwMDg0MTU0NyAxMDUuMjE4NzU5ODM2OTAwOTQgNDQuMjIzNDI2MjkwODMyMTEgMTA0LjAxNjA1MzM3MjE3MTlRNDQuNzc3MDg2NTczMjQ4NzQgMTAyLjgxMzM0NjkwNzQ0Mjg1IDQ0Ljc3NzA4NjU3MzI0ODc0IDEwMC45Mzc1NjE2OTcxMjE0MlE0NC43NzcwODY1NzMyNDg3NCA5OS4wNjYwNDY0ODkxMjY3MyA0NC4yMTk5NDM4NDIzMzEwMzQgOTcuODcxMDkyNDc1MjI1NDVRNDMuNjYyODAxMTExNDEzMzIgOTYuNjc2MTM4NDYxMzI0MTkgNDIuNTc3NTAxMTk2MTI1MjA1IDk2LjEwNDE2MTQ2NjY2MjVRNDEuNDkyMjAxMjgwODM3MDkgOTUuNTMyMTg0NDcyMDAwODQgMzkuODg4MjkzMjI4NDU2NjMgOTUuNTMyMTg0NDcyMDAwODRIMzUuNjEzNjQxNjk0MTM5MzFWOTIuNTc3SDQwLjA4ODk0NjMwODcyNDgzUTQyLjYxMDk1MzU0Nzc0MDE0IDkyLjU3NyA0NC40MjI1Nzc5Nzg3NjEzOTYgOTMuNTc5OTM5MzM5NjU2OTZRNDYuMjM0MjAyNDA5NzgyNjYgOTQuNTgyODc4Njc5MzEzOTEgNDcuMjEyNjQ3Njk0MDE4MDYgOTYuNDU2NTIyNzE2OTU3NDRRNDguMTkxMDkyOTc4MjUzNDUgOTguMzMwMTY2NzU0NjAwOTggNDguMTkxMDkyOTc4MjUzNDUgMTAwLjkzNzU2MTY5NzEyMTQyUTQ4LjE5MTA5Mjk3ODI1MzQ1IDEwMy41NDkyMjY2NDE5Njg1OSA0Ny4yMTMwOTY4NDMxMzA2MyAxMDUuNDI4MDM4OTgwMTYzOThRNDYuMjM1MTAwNzA4MDA3ODA2IDEwNy4zMDY4NTEzMTgzNTkzNiA0NC40MDYyODU1MjMyODAyIDEwOC4zMTE5MjU2NTkxNzk2OFE0Mi41Nzc0NzAzMzg1NTI1OSAxMDkuMzE3IDQwLjAyNzE0ODE5MDkwMTU4IDEwOS4zMTdaTTM3LjU3NDU0Mzc0NzA1MDY1IDkyLjU3N1YxMDkuMzE3SDM0LjE0MTY2MDczNjI4ODhWOTIuNTc3WiIgZmlsbD0iI0Y2MUYxNSIvPjxwYXRoIGQ9Ik01MC45ODgxNjc1ODE5MjYzNzYgMTA5LjMxN1Y5Mi41NzdINjIuMDAyNjAxODk3NDQ3ODJWOTUuNDIyOTg1Njk0MDE0NzhINTQuNDIxMDUwNTkyNjg4MjI1VjEwMC4wOTcxOTYxNjQ1MzQ0SDYxLjI2Mjg5NTEzODE5MzQxNFYxMDIuODk0NjQ5MDY4MzMzMTVINTQuNDIxMDUwNTkyNjg4MjI1VjEwOS4zMTdaIiBmaWxsPSIjRjYxRjE1Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmb2xkIiB4PSI2My43MzgzIiB5PSIwIiB3aWR0aD0iMzcuOTUyNCIgaGVpZ2h0PSI0MC41NjM1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.source-mark[data-type=epub] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiM3QjRCQzQiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iIzdCNEJDNCIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjN0I0QkM0Ii8+PC9nPgo8cGF0aCBkPSJNMTUuMDMwODgyODU4NzExNzM2IDEwOS4zMTdWOTQuOTIwNjAwMDAwMDAwMDFIMjQuNjcwMDU4Njg4MDM2MTM2Vjk3LjM2ODE0NzY5Njg1MjcySDE3Ljk4MzE2MjI0Nzk2NjkyN1YxMDAuODQzMDQzODgyNDU4NTdIMjQuMTYwMDk5MTA1NjgwNDU1VjEwMy4yNDg4NTMzNzk3MjU1MkgxNy45ODMxNjIyNDc5NjY5MjdWMTA2Ljg2OTQ1MjMwMzE0NzI4SDI0LjY4OTE5MjIzNDUxNDYxVjEwOS4zMTdaIiBmaWxsPSIjN0I0QkM0Ii8+PHBhdGggZD0iTTI3LjI0ODMwNTU5MTU5NzYzNSAxMDkuMzE3Vjk0LjkyMDYwMDAwMDAwMDAxSDMyLjg2NDYxMjczMDQwMDU5NFEzNC41MDQwNjQ4NjYzODUyOCA5NC45MjA2MDAwMDAwMDAwMSAzNS42NTM2NDg2NzU4MzEwNjQgOTUuNTQ0NTcyNDAyMjQ1NDVRMzYuODAzMjMyNDg1Mjc2ODUgOTYuMTY4NTQ0ODA0NDkwODggMzcuNDA4MDcxMzQxMDQzODEgOTcuMjY0OTg3NTQwMTExMTVRMzguMDEyOTEwMTk2ODEwNzcgOTguMzYxNDMwMjc1NzMxNDQgMzguMDEyOTEwMTk2ODEwNzcgOTkuNzgyMTI3MjA5NjIwMTFRMzguMDEyOTEwMTk2ODEwNzcgMTAxLjIwODA0MTQxODQ1NzAzIDM3LjQwMDI0NTQyODYyMTQ3NCAxMDIuMjk1ODg1NzA1MTgxMzVRMzYuNzg3NTgwNjYwNDMyMTg0IDEwMy4zODM3Mjk5OTE5MDU2NyAzNS42MjE5NTg3NTc5MDQ5MiAxMDMuOTk5NDkwMjEzNDkxOTVRMzQuNDU2MzM2ODU1Mzc3NjUgMTA0LjYxNTI1MDQzNTA3ODI1IDMyLjc5NjAxNTYxOTYwMDA3IDEwNC42MTUyNTA0MzUwNzgyNUgyOS4xODgwMzE0NTAxNTMzN1YxMDIuMjM0NzU0Nzc2MDc4OEgzMi4zMjgxOTY0Mjc1NzQ0NlEzMy4yMjgzMTkzNjM4NDg4NCAxMDIuMjM0NzU0Nzc2MDc4OCAzMy44MTQ0MjE1NTYzNzkxMTYgMTAxLjkyMTcwMjM1NjY3Nzk4UTM0LjQwMDUyMzc0ODkwOTQgMTAxLjYwODY0OTkzNzI3NzE2IDM0LjY4NTg0NDE3MjkzNTc5IDEwMS4wNTUzMDEyMjcxOTk4OVEzNC45NzExNjQ1OTY5NjIxNzYgMTAwLjUwMTk1MjUxNzEyMjYyIDM0Ljk3MTE2NDU5Njk2MjE3NiA5OS43ODIxMjcyMDk2MjAxMVEzNC45NzExNjQ1OTY5NjIxNzYgOTkuMDUxODY3MzUyMjIxMTggMzQuNjg1ODQ0MTcyOTM1NzkgOTguNTA1NTcyMDE4MDkyNjFRMzQuNDAwNTIzNzQ4OTA5NCA5Ny45NTkyNzY2ODM5NjQwNSAzMy44MTIxOTkxODcxNDE4MiA5Ny42NTYyNzI1NDYyMjI4NVEzMy4yMjM4NzQ2MjUzNzQyNCA5Ny4zNTMyNjg0MDg0ODE2NyAzMi4zMTkzMDY5NTA2MjUyNyA5Ny4zNTMyNjg0MDg0ODE2N0gzMC4yMDA1ODQ5ODA4NTI4MjdWMTA5LjMxN1oiIGZpbGw9IiM3QjRCQzQiLz48cGF0aCBkPSJNNDYuMjA4NDQ4NDg2MDI1OTggMTA5LjUxNzU4NDY3MjQ1ODMxUTQ0LjQyNDQ1NzcyNDQzODMxIDEwOS41MTc1ODQ2NzI0NTgzMSA0My4wODYwNzgzODUwMTA3NSAxMDguODU4NzMxNjU4NzA2MTVRNDEuNzQ3Njk5MDQ1NTgzMTggMTA4LjE5OTg3ODY0NDk1Mzk4IDQxLjAwNzY4NzI0MjA4MDM0IDEwNy4wMTY5NTkyOTY5NDg3M1E0MC4yNjc2NzU0Mzg1Nzc1IDEwNS44MzQwMzk5NDg5NDM0NyA0MC4yNjc2NzU0Mzg1Nzc1IDEwNC4yNjcwNTgyMjExMzI0MlY5NC45MjA2MDAwMDAwMDAwMUg0My4yMTk5NTQ4Mjc4MzI2OVYxMDQuMDIyOTk5Nzk1NzczOVE0My4yMTk5NTQ4Mjc4MzI2OSAxMDQuODYzNzk2MDU4OTMxMjkgNDMuNTkyODE1NDI4NzcwOTA1IDEwNS41MTQwNTU5MzEyODk5N1E0My45NjU2NzYwMjk3MDkxMyAxMDYuMTY0MzE1ODAzNjQ4NjYgNDQuNjM1OTM3MjI1MjAzNTA2IDEwNi41MzY3OTAxMzYzNTAwOFE0NS4zMDYxOTg0MjA2OTc4OCAxMDYuOTA5MjY0NDY5MDUxNDggNDYuMjA4NDQ4NDg2MDI1OTggMTA2LjkwOTI2NDQ2OTA1MTQ4UTQ3LjExNTkxNTgyNjMwMjMgMTA2LjkwOTI2NDQ2OTA1MTQ4IDQ3Ljc4NjU2MzI5MDAzMzQ4NCAxMDYuNTM2NzkwMTM2MzUwMDhRNDguNDU3MjEwNzUzNzY0NjggMTA2LjE2NDMxNTgwMzY0ODY2IDQ4LjgyNzg0ODk4NTQ2NTYgMTA1LjUxNDA1NTkzMTI4OTk3UTQ5LjE5ODQ4NzIxNzE2NjUyIDEwNC44NjM3OTYwNTg5MzEyOSA0OS4xOTg0ODcyMTcxNjY1MiAxMDQuMDIyOTk5Nzk1NzczOVY5NC45MjA2MDAwMDAwMDAwMUg1Mi4xNTA3NjY2MDY0MjE3MVYxMDQuMjY3MDU4MjIxMTMyNDJRNTIuMTUwNzY2NjA2NDIxNzEgMTA1LjgzNDAzOTk0ODk0MzQ3IDUxLjQwODE0NjE2NTQ0NDc1NSAxMDcuMDE2OTU5Mjk2OTQ4NzNRNTAuNjY1NTI1NzI0NDY3OCAxMDguMTk5ODc4NjQ0OTUzOTggNDkuMzI4OTgyNDg2MDQwNzIgMTA4Ljg1ODczMTY1ODcwNjE1UTQ3Ljk5MjQzOTI0NzYxMzY0NiAxMDkuNTE3NTg0NjcyNDU4MzEgNDYuMjA4NDQ4NDg2MDI1OTggMTA5LjUxNzU4NDY3MjQ1ODMxWiIgZmlsbD0iIzdCNEJDNCIvPjxwYXRoIGQ9Ik01NC45NDg5MTE1OTQyODIxOTQgMTA5LjMxN1Y5NC45MjA2MDAwMDAwMDAwMUg2MC42NjYwOTMxMjU0MjA3N1E2Mi4yNDY0MDkwNjg2NTU2MTYgOTQuOTIwNjAwMDAwMDAwMDEgNjMuMzAyNzUzOTE3ODIwOTUgOTUuMzk4Mzg4MTU2MDA5MTNRNjQuMzU5MDk4NzY2OTg2MjggOTUuODc2MTc2MzEyMDE4MjcgNjQuODg2OTMyNTQzNDIzOTIgOTYuNzA5NjIyODYzNjcxMjNRNjUuNDE0NzY2MzE5ODYxNTcgOTcuNTQzMDY5NDE1MzI0MTcgNjUuNDE0NzY2MzE5ODYxNTcgOTguNjE3MDk3OTc4MjA0M1E2NS40MTQ3NjYzMTk4NjE1NyA5OS40NzE2MDk0MTc1MTk3OSA2NS4wNzU4MjMzMTM1ODkzIDEwMC4xMDQxODAyNjg2NjEyUTY0LjczNjg4MDMwNzMxNzAxIDEwMC43MzY3NTExMTk4MDI1OSA2NC4xNTM2ODMwODc4MTY1NiAxMDEuMTM4NTkyNDUzNTA2NzdRNjMuNTcwNDg1ODY4MzE2MTEgMTAxLjU0MDQzMzc4NzIxMDk2IDYyLjgyNzY3NDk0Njk3MTk5NiAxMDEuNzA5MTMyNzUzODczNDhWMTAxLjg1NDgzNTQ5MTY4OTM5UTYzLjYzOTY2NTAzNTIyMzA5NiAxMDEuODg4MjY2MjcwNDMyNDQgNjQuMzU4MTMwNDQyNjQzIDEwMi4zMTYwMDM0OTg1MTA1OFE2NS4wNzY1OTU4NTAwNjI5MiAxMDIuNzQzNzQwNzI2NTg4NzEgNjUuNTI1ODc5NDc0MjIzOTggMTAzLjUxMzMyMDYyNjQ2NjQ4UTY1Ljk3NTE2MzA5ODM4NTA1IDEwNC4yODI5MDA1MjYzNDQyNSA2NS45NzUxNjMwOTgzODUwNSAxMDUuMzUwNzQ4Nzk3NDM1MzdRNjUuOTc1MTYzMDk4Mzg1MDUgMTA2LjQ4NTA2NzA1MDI3MzMgNjUuNDE3NTcwNzQ1MjA1MzIgMTA3LjM4MzM0MzI3MDU0MjIxUTY0Ljg1OTk3ODM5MjAyNTYxIDEwOC4yODE2MTk0OTA4MTExMiA2My43NjA2MzU5OTA4Nzc5OSAxMDguNzk5MzA5NzQ1NDA1NTdRNjIuNjYxMjkzNTg5NzMwMzYgMTA5LjMxNyA2MS4wMzM4MjEwNzY1ODkzNyAxMDkuMzE3Wk01Ny45MDExOTA5ODM1MzczOCAxMDYuODkwMzIxNDAyOTQwMTdINjAuNDQ4MTMxNjg5ODA4MzU2UTYxLjc0ODQ2MDk1NDE1ODU4IDEwNi44OTAzMjE0MDI5NDAxNyA2Mi4zNDM4Mzg4OTE4NzQ4NyAxMDYuMzg5MDUwMjAyMTYxNTRRNjIuOTM5MjE2ODI5NTkxMTQ2IDEwNS44ODc3NzkwMDEzODI5MSA2Mi45MzkyMTY4Mjk1OTExNDYgMTA1LjA3MDU2MTAyMzE3ODYxUTYyLjkzOTIxNjgyOTU5MTE0NiAxMDQuNDYwNjkwMDY1MzI4MSA2Mi42NDUxMDIxNjg3OTkxNSAxMDMuOTkwMjQxMDA1ODE4NFE2Mi4zNTA5ODc1MDgwMDcxNSAxMDMuNTE5NzkxOTQ2MzA4NzEgNjEuODA5OTA5NDQ4ODI2ODEgMTAzLjI1MTc2MzY2MDI1Nzg0UTYxLjI2ODgzMTM4OTY0NjQ2NSAxMDIuOTgzNzM1Mzc0MjA2OTQgNjAuNTIzODgyNzI0MjQzNjUgMTAyLjk4MzczNTM3NDIwNjk0SDU3LjkwMTE5MDk4MzUzNzM4Wk01Ny45MDExOTA5ODM1MzczOCAxMDAuOTY4MjU4NDgxMjE1OTFINjAuMjI1MTMyODQ0NjA5ODk1UTYwLjg1NzIyNzQ5NDgzMzM5IDEwMC45NjgyNTg0ODEyMTU5MSA2MS4zNTc0MzUxMzEwODUxNTQgMTAwLjc0MjE2NDE4MjYyMDQ2UTYxLjg1NzY0Mjc2NzMzNjkzIDEwMC41MTYwNjk4ODQwMjUgNjIuMTQ2NTQwMTUzMTgwNyAxMDAuMDk2MTUzMjYwODY2NzFRNjIuNDM1NDM3NTM5MDI0NDggOTkuNjc2MjM2NjM3NzA4NDEgNjIuNDM1NDM3NTM5MDI0NDggOTkuMDkzOTk3MTI3NTQ2MjdRNjIuNDM1NDM3NTM5MDI0NDggOTguMzA4MDgyNzk5MDMxMyA2MS44NzcxNjI1ODIwNTIyMTUgOTcuODE3MjQ2MTQ4MTQ5MTFRNjEuMzE4ODg3NjI1MDc5OTUgOTcuMzI2NDA5NDk3MjY2OTQgNjAuMjgzMTA0OTI1MTQ2ODEgOTcuMzI2NDA5NDk3MjY2OTRINTcuOTAxMTkwOTgzNTM3MzhaIiBmaWxsPSIjN0I0QkM0Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmb2xkIiB4PSI2My43MzgzIiB5PSIwIiB3aWR0aD0iMzcuOTUyNCIgaGVpZ2h0PSI0MC41NjM1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.source-mark[data-type=md] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiMyRjlFNUUiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iIzJGOUU1RSIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjMkY5RTVFIi8+PC9nPgo8cGF0aCBkPSJNMjIuNjA2MzQwMTk5Mzc2MDUgMTA5LjMxN1Y5Mi41NzdIMjcuODcyMjcxMzY4MTA1MDc1TDMwLjU4MTk2MTkwNjc1NDY2OCAxMDAuMjYyMjM3NTQ4ODI4MTJRMzAuNzUyMjgxOTkzMTM3ODQ2IDEwMC43OTY3ODczOTM2NTk1NCAzMC45NzEwMjQxMjUzMzc1MzYgMTAxLjY1MzIxMTU0OTg5OTcxUTMxLjE4OTc2NjI1NzUzNzIzIDEwMi41MDk2MzU3MDYxMzk4OSAzMS40MTU4MTE2OTE0NTIxMyAxMDMuNDk3OTU2MDk5MzM3MzdRMzEuNjQxODU3MTI1MzY3MDMyIDEwNC40ODYyNzY0OTI1MzQ4NiAzMS44Mzg5MTcwMTI3MzQ2MzcgMTA1LjQxNzQxMzM0NjQ2MzM5UTMyLjAzNTk3NjkwMDEwMjI0IDEwNi4zNDg1NTAyMDAzOTE5MyAzMi4xNjM4MzA3OTUwNDY0IDEwNy4wMzg1OTIwMzkzNzcxSDMxLjQ5MTc2NzI2MzU5MzIyNVEzMS42MjQ3ODk0NTkwODkyNDMgMTA2LjM2NDA1NTEwMjA0NzUgMzEuODE4ODE2MDQ3MDY4MzQ2IDEwNS40MzgwODY1NDg2NzA4MlEzMi4wMTI4NDI2MzUwNDc0NSAxMDQuNTEyMTE3OTk1Mjk0MTUgMzIuMjM4ODg4MDY4OTYyMzUgMTAzLjUyMTIxMzQ1MTgyMDczUTMyLjQ2NDkzMzUwMjg3NzI2IDEwMi41MzAzMDg5MDgzNDczMSAzMi42ODMyMjY0ODU5NjQzNzYgMTAxLjY2NjEzMjMwMTI3OTM2UTMyLjkwMTUxOTQ2OTA1MTQ5IDEwMC44MDE5NTU2OTQyMTE0IDMzLjA3MTgzOTU1NTQzNDY2NCAxMDAuMjYyMjM3NTQ4ODI4MTJMMzUuNzQzNTU1MzkzNzcwOTc2IDkyLjU3N0g0MS4wMjA3MjE0NjE4Mjg4NTZWMTA5LjMxN0gzNy41NzkwNzY5NTc2MTQ1NlYxMDEuNDI0NDE1MzM0ODE2NzRRMzcuNTc5MDc2OTU3NjE0NTYgMTAwLjg3NzI3Njk3MTgwNDIgMzcuNTk2ODI3NjA0ODMyOTk1IDEwMC4wNTk3MTk2NDI1ODc5NVEzNy42MTQ1NzgyNTIwNTE0MyA5OS4yNDIxNjIzMTMzNzE3IDM3LjY0MDUzMDQ5OTIxMDIzIDk4LjI5MzQ5NjMwMTAyMzc1UTM3LjY2NjQ4Mjc0NjM2OTAyIDk3LjM0NDgzMDI4ODY3NTgxIDM3LjY4OTQwMTY5NDEzOTMwNiA5Ni4zNzk3NjEwNzY0NDcxNVEzNy43MTIzMjA2NDE5MDk2IDk1LjQxNDY5MTg2NDIxODQ4IDM3LjcxNzQ4ODk0MjQ2MTQ2IDk0LjU2NzM2MTQzNDYyOTI5SDM3LjkzOTcxMzUyMzE2MjIyNlEzNy43MjE5ODA0MzM1ODcxOSA5NS41MDAzMDEwNTY1MjI2NCAzNy40NjA5OTM1OTg3NDc1MSA5Ni40OTE2NjA5MjA2MjMxNlEzNy4yMDAwMDY3NjM5MDc4MiA5Ny40ODMwMjA3ODQ3MjM2OCAzNi45MzgxMjE2MzA4NDI5ODYgOTguNDE4MjA2MTUyMTc5ODlRMzYuNjc2MjM2NDk3Nzc4MTU2IDk5LjM1MzM5MTUxOTYzNjEyIDM2LjQzOTQwNTMxMzY0Njk3IDEwMC4xMzIwNzU4NTAzMTM5NFEzNi4yMDI1NzQxMjk1MTU3OCAxMDAuOTEwNzYwMTgwOTkxNzYgMzYuMDMzMTUyMzQxMzU3NzUgMTAxLjQyNDQxNTMzNDgxNjc0TDMzLjI2MjU4NjY2OTE2ODE1IDEwOS4zMTdIMzAuMzcxNDM5ODg5MDM4OTAzTDI3LjU1NjgzMjkxNzc1OTAyIDEwMS40MjQ0MTUzMzQ4MTY3NFEyNy4zODc0MTExMjk2MDA5ODggMTAwLjkxNTkyODQ4MTU0MzYyIDI3LjE1MjcxNDk0NjYzMzE1NCAxMDAuMTQ0OTk2NjAxNjkzNThRMjYuOTE4MDE4NzYzNjY1MzIzIDk5LjM3NDA2NDcyMTg0MzU0IDI2LjY1MDA2NzAzMTgyMzQ4NiA5OC40NDQwNDc2NTQ5MzkxN1EyNi4zODIxMTUyOTk5ODE2NSA5Ny41MTQwMzA1ODgwMzQ4MSAyNi4xMTU1MTEwMTU0Nzc1MzQgOTYuNTE3NTAyNDIzMzgyNDRRMjUuODQ4OTA2NzMwOTczNDE4IDk1LjUyMDk3NDI1ODczMDA4IDI1LjYwNDQzMzg0MDQxMzk2IDk0LjU2NzM2MTQzNDYyOTI5SDI1Ljg3MzM5NDYxNDg4MDQ1M1EyNS44ODM3MzEyMTU5ODQxNjcgOTUuMzc4NTEzNzYwMzU1NDkgMjUuOTA2NjUwMTYzNzU0NDU2IDk2LjMzMzI0NjM3MTQ4MDQ0UTI1LjkyOTU2OTExMTUyNDc1IDk3LjI4Nzk3ODk4MjYwNTM4IDI1Ljk1MjkzNzIwODQwNzYxNSA5OC4yNDQzOTc0NDU3ODExMlEyNS45NzYzMDUzMDUyOTA0OCA5OS4yMDA4MTU5MDg5NTY4NCAyNS45OTY2NDAxMDI3ODQ4NDUgMTAwLjAzMTI5Mzk4OTU1Mjc1UTI2LjAxNjk3NDkwMDI3OTIwNSAxMDAuODYxNzcyMDcwMTQ4NjUgMjYuMDE2OTc0OTAwMjc5MjA1IDEwMS40MjQ0MTUzMzQ4MTY3NFYxMDkuMzE3WiIgZmlsbD0iIzJGOUU1RSIvPjxwYXRoIGQ9Ik01MC4xNTgxMDYzMTE3MDY5NSAxMDkuMzE3SDQ1LjgyMjM0NTgxMjAyMTU1VjEwNi4zNjE4MTU1Mjc5OTkxNkg0OS45OTkwMjExMjQ2NTI2M1E1MS42MTMwNDQyODkzMzc3NyAxMDYuMzYxODE1NTI3OTk5MTYgNTIuNzA2ODg0MjA5Mjc5MzEgMTA1Ljc5MDI4NzY4MjQ1MDA0UTUzLjgwMDcyNDEyOTIyMDg0NiAxMDUuMjE4NzU5ODM2OTAwOTQgNTQuMzU0Mzg0NDExNjM3NDggMTA0LjAxNjA1MzM3MjE3MTlRNTQuOTA4MDQ0Njk0MDU0MTEgMTAyLjgxMzM0NjkwNzQ0Mjg1IDU0LjkwODA0NDY5NDA1NDExIDEwMC45Mzc1NjE2OTcxMjE0MlE1NC45MDgwNDQ2OTQwNTQxMSA5OS4wNjYwNDY0ODkxMjY3MyA1NC4zNTA5MDE5NjMxMzY0MSA5Ny44NzEwOTI0NzUyMjU0NVE1My43OTM3NTkyMzIyMTg3IDk2LjY3NjEzODQ2MTMyNDE5IDUyLjcwODQ1OTMxNjkzMDU4IDk2LjEwNDE2MTQ2NjY2MjVRNTEuNjIzMTU5NDAxNjQyNDYgOTUuNTMyMTg0NDcyMDAwODQgNTAuMDE5MjUxMzQ5MjYyMDEgOTUuNTMyMTg0NDcyMDAwODRINDUuNzQ0NTk5ODE0OTQ0Njg1VjkyLjU3N0g1MC4yMTk5MDQ0Mjk1MzAyUTUyLjc0MTkxMTY2ODU0NTUxIDkyLjU3NyA1NC41NTM1MzYwOTk1NjY3NyA5My41Nzk5MzkzMzk2NTY5NlE1Ni4zNjUxNjA1MzA1ODgwMzUgOTQuNTgyODc4Njc5MzEzOTEgNTcuMzQzNjA1ODE0ODIzNDM0IDk2LjQ1NjUyMjcxNjk1NzQ0UTU4LjMyMjA1MTA5OTA1ODgyNSA5OC4zMzAxNjY3NTQ2MDA5OCA1OC4zMjIwNTEwOTkwNTg4MjUgMTAwLjkzNzU2MTY5NzEyMTQyUTU4LjMyMjA1MTA5OTA1ODgyNSAxMDMuNTQ5MjI2NjQxOTY4NTkgNTcuMzQ0MDU0OTYzOTM2IDEwNS40MjgwMzg5ODAxNjM5OFE1Ni4zNjYwNTg4Mjg4MTMxOCAxMDcuMzA2ODUxMzE4MzU5MzYgNTQuNTM3MjQzNjQ0MDg1NTcgMTA4LjMxMTkyNTY1OTE3OTY4UTUyLjcwODQyODQ1OTM1Nzk2IDEwOS4zMTcgNTAuMTU4MTA2MzExNzA2OTUgMTA5LjMxN1pNNDcuNzA1NTAxODY3ODU2MDIgOTIuNTc3VjEwOS4zMTdINDQuMjcyNjE4ODU3MDk0MTdWOTIuNTc3WiIgZmlsbD0iIzJGOUU1RSIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZm9sZCIgeD0iNjMuNzM4MyIgeT0iMCIgd2lkdGg9IjM3Ljk1MjQiIGhlaWdodD0iNDAuNTYzNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
}
.source-mark[data-type=txt] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiMzNDg1RkYiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iIzM0ODVGRiIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjMzQ4NUZGIi8+PC9nPgo8cGF0aCBkPSJNMTYuOTk5NDQwOTcyMTcxMjUgOTUuNDIyOTg1Njk0MDE0NzhWOTIuNTc3SDMwLjY2OTEyNjIxMTAwMzA0M1Y5NS40MjI5ODU2OTQwMTQ3OEgyNS41NTU4OTMzOTc1MTk5MjdWMTA5LjMxN0gyMi4xMjMwMTAzODY3NTgwOFY5NS40MjI5ODU2OTQwMTQ3OFoiIGZpbGw9IiMzNDg1RkYiLz48cGF0aCBkPSJNMzIuMzE1MDcyNzgyNTgwNDg2IDEwOS4zMTcgMzkuMjIyOTQ4NDE5MTQ4NDkgOTkuNDg1MTM0MTU0NDU0MTdWMTAyLjA4ODQ0MzU1NDM1OTc4TDMyLjg0OTYyMjYyNzQxMTkxIDkyLjU3N0gzNi44MzE4ODM1NzUyMzQ2MzVMMzguNjY0OTkzNDQ4MzQ3MDU1IDk1LjM4NzEwMzEzNzEyNTExUTM5LjE4MDAwMjIyMTAyNDI3NCA5Ni4xNzk2MTI2ODg5MjIyMyAzOS41MTA1MzM0NTMwMDA0NyA5Ni44MTg5ODY3MzY1MjgwMlEzOS44NDEwNjQ2ODQ5NzY2NjUgOTcuNDU4MzYwNzg0MTMzOCA0MC4xMTU0MjE0MjAzMDg1NjQgOTguMDQ0OTMyMDM5MTk2ODVRNDAuMzg5Nzc4MTU1NjQwNDcgOTguNjMxNTAzMjk0MjU5OSA0MC43MjUwMjg1MzkwNTU5NCA5OS4yNjU2MDQ0Njg0Mjg4NUgzOS44MTQzNDk1NzAwNTAzNFE0MC4xNjE3MzMxNTEwMTk4MiA5OC42MzY2NzE1OTQ4MTE3NiA0MC40MzkxMjMxODU3NDAyMiA5OC4wNTAxMDAzMzk3NDg3MVE0MC43MTY1MTMyMjA0NjA2MyA5Ny40NjM1MjkwODQ2ODU2NiA0MS4wNTUyNDYwNTIzNzcxOCA5Ni44MjE1NzA4ODY4MDM5NVE0MS4zOTM5Nzg4ODQyOTM3MyA5Ni4xNzk2MTI2ODg5MjIyMyA0MS45MDg5ODc2NTY5NzA5NSA5NS4zODcxMDMxMzcxMjUxMUw0My43NzQ5MDM5Mjk4NDQ4IDkyLjU3N0g0Ny42NTg1MjQxODk1ODQyMDZMNDEuMzk5NTY1NDc2Mzg1NTQgMTAxLjkwMTQ5ODc3OTI5Njg3Vjk5LjQyNDY4OTY1NTQ4MzE2TDQ4LjE1NTA5OTMzNDEwMjM0NiAxMDkuMzE3SDQ0LjA5MzA3NDMwMzk1MzQzNkw0MS43NjEzNTg4NTgwNDQ1MiAxMDUuODEwMzMzMTA0NDg1NjJRNDEuMzAxNjI2MjgzNzg2NDQgMTA1LjEwMTYzNjE0ODU0MjM1IDQxLjAxNTI0NzA5NTMwMDA1IDEwNC42MDc3NDk3MjcxODUxNFE0MC43Mjg4Njc5MDY4MTM2NTUgMTA0LjExMzg2MzMwNTgyNzkgNDAuNDk5NTYxNTEzMTk2NyAxMDMuNjcxNTQyOTc0MDc1MjFRNDAuMjcwMjU1MTE5NTc5NzUgMTAzLjIyOTIyMjY0MjMyMjUxIDM5Ljk2NDQzOTQzMTgyNDE0IDEwMi42NzgyNTcyNTQ1ODEzM0g0MC41MDM5MzYwODg0MDgzOTVRNDAuMjA5MzU1Mjk5OTgxNjQ1IDEwMy4yMTM3MTc3NDA2NjY5NCAzOS45NzQ0MzE0NTY3MDAyNjYgMTAzLjY1OTA3MTM3MTgwODE0UTM5LjczOTUwNzYxMzQxODg5IDEwNC4xMDQ0MjUwMDI5NDkzNCAzOS40NTA1NDQyNzQ2NTY1NjUgMTA0LjYwMzQ3OTcyNDg1ODQzUTM5LjE2MTU4MDkzNTg5NDI0IDEwNS4xMDI1MzQ0NDY3Njc1IDM4LjY3OTM3ODU2Mjk3ODQ1IDEwNS44MTAzMzMxMDQ0ODU2MkwzNi4yODI3MjcxMjY5NzI3OSAxMDkuMzE3WiIgZmlsbD0iIzM0ODVGRiIvPjxwYXRoIGQ9Ik00OS44MDQ4OTc2MTY0NjY1NSA5NS40MjI5ODU2OTQwMTQ3OFY5Mi41NzdINjMuNDc0NTgyODU1Mjk4MzRWOTUuNDIyOTg1Njk0MDE0NzhINTguMzYxMzUwMDQxODE1MjJWMTA5LjMxN0g1NC45Mjg0NjcwMzEwNTMzN1Y5NS40MjI5ODU2OTQwMTQ3OFoiIGZpbGw9IiMzNDg1RkYiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZvbGQiIHg9IjYzLjczODMiIHk9IjAiIHdpZHRoPSIzNy45NTI0IiBoZWlnaHQ9IjQwLjU2MzUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.source-mark[data-type=web] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEwMiAxMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjU4LjQ4MTQiIHdpZHRoPSI4MSIgaGVpZ2h0PSI3NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY2LjgzNTcgMzYuODkxN0w5OC43ODgyIDM2LjU1NTFMNjYuODM1NyAyLjMyODEyTDY2LjgzNTcgMzYuODkxN1oiIGZpbGw9IiNEODgyMUUiLz4KPHBhdGggZD0iTTY2LjM1ODQgMi41NjM0OEM2Ni43ODQ2IDIuNTYzNTIgNjcuMTkxOCAyLjc0MSA2Ny40ODI0IDMuMDUyNzNMOTguMjQzMiAzNi4wNTc2Qzk4LjUwNzggMzYuMzQxOCA5OC42NTUgMzYuNzE2MiA5OC42NTUzIDM3LjEwNDVMOTguNzEzOSAxMzcuMjQzQzk4LjcxNCAxMzguMDkyIDk4LjAyNTQgMTM4Ljc4IDk3LjE3NjggMTM4Ljc4SDEuNTM3MTFDMC42ODg3MjIgMTM4Ljc4IDAuMDAwMzk0OTU4IDEzOC4wOTIgMCAxMzcuMjQ0VjExOS44MzFIODAuNDY2OFY4Mi4yMDAySDBWNC4xMDA1OUMwIDMuMjUxOTYgMC42ODg0NzMgMi41NjM0OCAxLjUzNzExIDIuNTYzNDhINjYuMzU4NFpNOTcuMTc2OCAxMzguMzQxTDk3LjI4MjIgMTM4LjMzNkw5Ny4yODcxIDEzOC4zMzVDOTcuMjUwOCAxMzguMzM5IDk3LjIxNCAxMzguMzQxIDk3LjE3NjggMTM4LjM0MVpNMC40NDUzMTIgMTM3LjM1NUMwLjQ0ODg5OCAxMzcuMzkxIDAuNDU0MDc5IDEzNy40MjYgMC40NjA5MzggMTM3LjQ2QzAuNDUzOTUgMTM3LjQyNSAwLjQ0ODkzMSAxMzcuMzkgMC40NDUzMTIgMTM3LjM1NFYxMzcuMzU1WiIgZmlsbD0iI0Q4ODIxRSIvPgo8ZyBmaWx0ZXI9InVybCgjZm9sZCkiPjxwYXRoIGQ9Ik02Ni43MzgzIDM2LjU2MzZMOTguNjkwOCAzNi4yMjY5TDY2LjczODMgMkw2Ni43MzgzIDM2LjU2MzZaIiBmaWxsPSIjRDg4MjFFIi8+PC9nPgo8cGF0aCBkPSJNMTguNTEwNTI4NzYwMzg4MjcgMTA5LjMxNyAxNC4wMTU4OTIyMTk0MTg1MjUgOTIuNTc3SDE3Ljc2MDY0NTE3MzY4Mzk0TDE5LjcwMjI4OTM1ODM4NTMzMiAxMDAuODA3MzIwNzk3NTA0MTlRMTkuOTQwMDE4ODQwNzQxNjcgMTAxLjg0NTg2NjAwNDQ4MzAxIDIwLjEzNzA3ODcyODEwOTI3MyAxMDMuMDIxNjk3MjM3NzcwMDNRMjAuMzM0MTM4NjE1NDc2ODggMTA0LjE5NzUyODQ3MTA1NzA0IDIwLjUyMjk5NjkwMjkwNDEzMyAxMDUuMzgwNjYzMDA2MDU5MjhRMjAuNzExODU1MTkwMzMxMzggMTA2LjU2Mzc5NzU0MTA2MTUgMjAuODkzNDEwMTc2MDQzNDE3IDEwNy42NTQ5MjQwNTE3ODQwMkgyMC4yODkyMTEzNjExOTA0OTNRMjAuNDk0MTM0NDQzNzg1NCAxMDYuNTYzNzk3NTQxMDYxNSAyMC42OTIwOTI2MjkzNzgxNTIgMTA1LjM4MDY2MzAwNjA1OTI4UTIwLjg5MDA1MDgxNDk3MDkwNSAxMDQuMTk3NTI4NDcxMDU3MDQgMjEuMTA3NDQ1NDk5ODMyODc0IDEwMy4wMjE2OTcyMzc3NzAwM1EyMS4zMjQ4NDAxODQ2OTQ4NDMgMTAxLjg0NTg2NjAwNDQ4MzAxIDIxLjU3NDcwMjg2NDYwNTE4NiAxMDAuODA3MzIwNzk3NTA0MTlMMjMuNjIxMDU0MzM2MTY2OSA5Mi41NzdIMjcuMTg4MzEzMTYxMjc3MDA1TDI5LjIyNDMyODAzMTczNTAwNiAxMDAuODA3MzIwNzk3NTA0MTlRMjkuNDc5MzU5MDEyMTk3MiAxMDEuODQ1ODY2MDA0NDgzMDEgMjkuNjk0MTY5NTQ2NzgzMjQzIDEwMy4wMjE2OTcyMzc3NzAwM1EyOS45MDg5ODAwODEzNjkyODYgMTA0LjE5NzUyODQ3MTA1NzA0IDMwLjExMjEwNjU2NzUxMzg5OCAxMDUuMzgwNjYzMDA2MDU5MjhRMzAuMzE1MjMzMDUzNjU4NTA2IDEwNi41NjM3OTc1NDEwNjE1IDMwLjUyMDE1NjEzNjI1MzQxIDEwNy42NTQ5MjQwNTE3ODQwMkgyOS44OTQzODU4MjA5Njc5MTJRMzAuMDg3MTc1NzA2MDA4ODEgMTA2LjU2Mzc5NzU0MTA2MTUgMzAuMjczMDAwNjk0MDQ3NTYgMTA1LjM4MDY2MzAwNjA1OTI4UTMwLjQ1ODgyNTY4MjA4NjMwNyAxMDQuMTk3NTI4NDcxMDU3MDQgMzAuNjY0MDg3MTY5Mzk0MjcgMTAzLjAyMTY5NzIzNzc3MDAzUTMwLjg2OTM0ODY1NjcwMjIzNiAxMDEuODQ1ODY2MDA0NDgzMDEgMzEuMDk1ODQzMjM5NzI5NzEgMTAwLjgwNzMyMDc5NzUwNDE5TDMzLjAzODM4NTcyMjY1NjI1IDkyLjU3N0gzNi43OTM0NzUyNzgwMjUzNzZMMzIuMjg4NTAyMTM1OTUxOTE2IDEwOS4zMTdIMjguMzczODcyMDcyOTAxMzc4TDI2LjE1MjkzMDUxMjYyOTc3MyAxMDAuNzU1Njk4ODIxNDA3MDRRMjUuNzkzMTkyMjQ1MzA3MjYgOTkuMzI3NzU5MTYyNjQ2ODEgMjUuNTM3ODIyODYwMTMyMDAzIDk3LjY2Mjg3NzU3NTM1NTg4UTI1LjI4MjQ1MzQ3NDk1Njc0NiA5NS45OTc5OTU5ODgwNjQ5NiAyNC45NzQ2MTk3MDE5NTE4MTYgOTQuMjQ0OTA4NzE1MTY0OUgyNS44MjQ0MTExOTQzODgzNzVRMjUuNDgwMTc3ODI4NzIxNDI3IDk1Ljk1NjY0OTU4MzY1MDEyIDI1LjI1OTQxMTQzOTc1Nzg5NCA5Ny41OTk5NTk2NzA1MDg0N1EyNS4wMzg2NDUwNTA3OTQzNiA5OS4yNDMyNjk3NTczNjY4MiAyNC42NTIxNjY5ODI0ODc0MiAxMDAuNzU1Njk4ODIxNDA3MDRMMjIuNDMwMzI3MTIzOTkwNjcyIDEwOS4zMTdaIiBmaWxsPSIjRDg4MjFFIi8+PHBhdGggZD0iTTM5LjA4NTAxNjQ0MDk4Njc5IDEwOS4zMTdWOTIuNTc3SDUwLjI5MzM2MDQyODU3MzNWOTUuNDIyOTg1Njk0MDE0NzhINDIuNTE3ODk5NDUxNzQ4NjRWOTkuNDYzNTYyNjU0MDIxNkg0OS43MDAzODQxNzAwMjAxODZWMTAyLjI2MTAxNTU1NzgyMDM2SDQyLjUxNzg5OTQ1MTc0ODY0VjEwNi40NzEwMTQzMDU5ODUyMUg1MC4zMTU2MDg3Mzg0MzE5OVYxMDkuMzE3WiIgZmlsbD0iI0Q4ODIxRSIvPjxwYXRoIGQ9Ik01My4yOTEzMjE5NDQzNDI0OSAxMDkuMzE3VjkyLjU3N0g1OS45MzkyMDc0NDU2NjY0MlE2MS43NzY3ODQxMjM4NDY0NzUgOTIuNTc3IDYzLjAwNTA5MjA4Nzk5MjIxIDkzLjEzMjU2NzYyMzI2NjQ0UTY0LjIzMzQwMDA1MjEzNzk1IDkzLjY4ODEzNTI0NjUzMjg4IDY0Ljg0NzE2MDI1NzI5OCA5NC42NTcyNTkxNDM4MDM3NFE2NS40NjA5MjA0NjI0NTgwNSA5NS42MjYzODMwNDEwNzQ2IDY1LjQ2MDkyMDQ2MjQ1ODA1IDk2Ljg3NTI1MzQ2MzAyODI2UTY1LjQ2MDkyMDQ2MjQ1ODA1IDk3Ljg2ODg3MTQxNTcyMDY5IDY1LjA2NjgwMDY4NzcyMjgzIDk4LjYwNDQxODkxNzA0NzlRNjQuNjcyNjgwOTEyOTg3NjIgOTkuMzM5OTY2NDE4Mzc1MSA2My45OTQ1NDQ2MTEyNDI5MTUgOTkuODA3MjIzNzgzMTQ3NFE2My4zMTY0MDgzMDk0OTgyMTUgMTAwLjI3NDQ4MTE0NzkxOTcyIDYyLjQ1MjY3NDY4MDAyODMxIDEwMC40NzA2NDI3MzcwNjIxOFYxMDAuNjQwMDY0NTI1MjIwMjFRNjMuMzk2ODQ5MjAxMjUwNTIgMTAwLjY3ODkzNzUyMzc1ODY1IDY0LjIzMjI3NDA5MzU5OTI0IDEwMS4xNzYzMDYzOTM2MTY5NVE2NS4wNjc2OTg5ODU5NDc5OCAxMDEuNjczNjc1MjYzNDc1MjUgNjUuNTkwMTIxODA0NzM5OTQgMTAyLjU2ODUzNTYxMjE3MDMyUTY2LjExMjU0NDYyMzUzMTg3IDEwMy40NjMzOTU5NjA4NjU0IDY2LjExMjU0NDYyMzUzMTg3IDEwNC43MDUwNzk5OTcwMTc4OFE2Ni4xMTI1NDQ2MjM1MzE4NyAxMDYuMDI0MDU0NzA5NjIwMTIgNjUuNDY0MTgxNDIyMTYwMSAxMDcuMDY4NTYxOTQyNDkwOTZRNjQuODE1ODE4MjIwNzg4MzMgMTA4LjExMzA2OTE3NTM2MTc5IDYzLjUzNzUxMzEwMzE3NDgxIDEwOC43MTUwMzQ1ODc2ODA4OVE2Mi4yNTkyMDc5ODU1NjEyOSAxMDkuMzE3IDYwLjM2Njc5ODA4NjU2MDE0IDEwOS4zMTdaTTU2LjcyNDIwNDk1NTEwNDM0IDEwNi40OTUyODA3MDEwOTMyMkg1OS42ODU3NjM5MTU4ODQ1MzZRNjEuMTk3Nzc0Njg4Mzg0ODA0IDEwNi40OTUyODA3MDEwOTMyMiA2MS44OTAwNzQ2MTU5NjE4OCAxMDUuOTEyNDA3MjExODE1NzVRNjIuNTgyMzc0NTQzNTM4OTU0IDEwNS4zMjk1MzM3MjI1MzgyNyA2Mi41ODIzNzQ1NDM1Mzg5NTQgMTA0LjM3OTI4MDI1OTUxMDAxUTYyLjU4MjM3NDU0MzUzODk1NCAxMDMuNjcwMTI3OTgyOTM5NjUgNjIuMjQwMzgwNzUxOTIwMzU1IDEwMy4xMjMwOTQxOTI4MTIxUTYxLjg5ODM4Njk2MDMwMTc1IDEwMi41NzYwNjA0MDI2ODQ1NiA2MS4yNjkyMjY0MjYzNzExMiAxMDIuMjY0Mzk5NjA0OTUwOTdRNjAuNjQwMDY1ODkyNDQwNDkgMTAxLjk1MjczODgwNzIxNzM5IDU5Ljc3Mzg0NjUxNDA2NTEyIDEwMS45NTI3Mzg4MDcyMTczOUg1Ni43MjQyMDQ5NTUxMDQzNFpNNTYuNzI0MjA0OTU1MTA0MzQgOTkuNjA5MTYxMDI0NjY5NjdINTkuNDI2NDYyOTMzMDk1NjM1UTYwLjE2MTQ1NjcxMjQyNTI4IDk5LjYwOTE2MTAyNDY2OTY3IDYwLjc0MzA5MzQ5ODc2NDU0NCA5OS4zNDYyNjA2Nzc0NjU2NlE2MS4zMjQ3MzAyODUxMDM4MSA5OS4wODMzNjAzMzAyNjE2NCA2MS42NjA2NTc0Nzc5NDU0MSA5OC41OTUwODUxODcwNTQzMVE2MS45OTY1ODQ2NzA3ODcwMTYgOTguMTA2ODEwMDQzODQ2OTkgNjEuOTk2NTg0NjcwNzg3MDE2IDk3LjQyOTc4NzM1NzYxMTk0UTYxLjk5NjU4NDY3MDc4NzAxNiA5Ni41MTU5MzM0ODcyNDU2OSA2MS4zNDc0Mjc3NDQwNzUwOCA5NS45NDUxOTMxOTU1MjIyMlE2MC42OTgyNzA4MTczNjMxNDUgOTUuMzc0NDUyOTAzNzk4NzUgNTkuNDkzODcyMzI5MDY4Nzg2IDk1LjM3NDQ1MjkwMzc5ODc1SDU2LjcyNDIwNDk1NTEwNDM0WiIgZmlsbD0iI0Q4ODIxRSIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZm9sZCIgeD0iNjMuNzM4MyIgeT0iMCIgd2lkdGg9IjM3Ljk1MjQiIGhlaWdodD0iNDAuNTYzNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
}
.source-title {
  margin: 0;
  font-size: 14.5px;
  font-weight: 650;
  color: var(--ink);
}
.source-sub {
  margin: 0;
  font-size: 12.5px;
  color: var(--ink-2);
  line-height: 1.5;
  max-width: 34ch;
}
.source-link .url-import-row {
  width: 100%;
  margin-top: 12px;
}
.source-link .url-import-row .btn {
  min-height: 30px;
}
.compose-sources + .import-msg {
  margin: 10px 0 0 !important;
}
.compose-sources + .import-msg:empty {
  display: none;
}
#view-compose .compose-label {
  margin: 18px 0 8px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-3);
}
@media (max-width: 720px) {
  .compose-sources {
    grid-template-columns: minmax(0, 1fr);
  }
  .source-tile {
    padding: 18px 16px;
  }
}