/* The ink has no hit-test surface, including in reading mode. */
.pdf-source-page > .pdf-ink-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;mix-blend-mode:multiply;}
#readpill.ink-pill-ready{justify-content:flex-start;gap:0;padding-inline:9px;}
#readpill.ink-pill-ready #readpill-title{flex:1 1 150px;max-width:none;text-align:left;}
#readpill.ink-pill-ready{transition:width .38s cubic-bezier(.2,.75,.25,1),height .38s cubic-bezier(.2,.75,.25,1),
  padding .38s cubic-bezier(.2,.75,.25,1),border-radius .38s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease;}
#readpill.ink-pill-ready :is(#modefab,#readpill-title){transition:width .32s cubic-bezier(.2,.75,.25,1),
  max-width .32s cubic-bezier(.2,.75,.25,1),flex-basis .32s cubic-bezier(.2,.75,.25,1),
  margin .32s cubic-bezier(.2,.75,.25,1),padding .32s cubic-bezier(.2,.75,.25,1),opacity .18s ease;}
#readpill .ink-pill-entry,#readpill .ink-pill-mini{position:relative;z-index:2;flex:none;
  display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;
  border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;}
#readpill .ink-pill-entry[hidden],#readpill .ink-pill-mini[hidden]{display:none;}
#readpill .ink-pill-entry>span{position:absolute;display:grid;place-items:center;transition:opacity .2s ease,transform .32s cubic-bezier(.2,.75,.25,1);}
#readpill .ink-pill-entry svg{width:22px;height:22px;}
#readpill .ink-entry-read{opacity:0;transform:rotate(-25deg) scale(.8);}
#readpill .ink-pill-entry.ink-pill-exiting .ink-entry-pen{opacity:0;transform:rotate(25deg) scale(.8);}
#readpill .ink-pill-entry.ink-pill-exiting .ink-entry-read{opacity:1;transform:none;}
#readpill .ink-pill-entry[aria-pressed="true"]{background:var(--chrome-press);}
#readpill .ink-pill-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:4px;flex:none;
  max-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-width .24s cubic-bezier(.2,.75,.25,1),opacity .15s ease;}
#readpill .ink-pill-toolbar .ink-pill-control{position:relative;display:flex;align-items:center;justify-content:center;
  flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;
  color:var(--sentence-glass-secondary);cursor:pointer;}
#readpill .ink-pill-toolbar .ink-pill-control svg{width:26px;height:26px;}
#readpill .ink-pill-toolbar .ink-pill-control[aria-pressed="true"]{
  color:var(--sentence-glass-ink);
  background:color-mix(in srgb,var(--brand) 8%,var(--sentence-glass-pill));border-radius:13px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-strong) 20%,transparent);}
#readpill .ink-pill-toolbar .ink-pill-control:disabled{opacity:.64;cursor:default;}
#readpill .ink-pill-separator{flex:none;width:1px;height:22px;margin-inline:4px;
  background:color-mix(in srgb,var(--sentence-glass-ink) 18%,transparent);}
#readpill .ink-pill-mode-separator{display:none;}
#readpill .ink-pill-toolbar .ink-pill-control:focus-visible,
#readpill .ink-pill-entry:focus-visible,#readpill .ink-pill-mini:focus-visible{
  outline:2px solid color-mix(in srgb,var(--sentence-glass-ink) 58%,transparent);outline-offset:1px;}
#readpill .ink-pill-mini{display:none;}
#readpill .ink-pill-mini svg{width:16px;height:16px;}
#readpill .ink-pill-mini-color{position:absolute;right:3px;bottom:3px;width:7px;height:7px;
  border:1px solid var(--sentence-glass-solid);border-radius:50%;}
#readpill.ink-pill-active{width:min(340px,calc(100vw - 100px));height:44px;justify-content:center;
  gap:4px;padding:4px 9px;border-radius:26px;}
#readpill.ink-pill-active #readpill-progress{display:none;}
#readpill.ink-pill-active #modefab{width:0;height:0;margin:0;opacity:0;pointer-events:none;}
#readpill.ink-pill-active #readpill-title{flex:0 1 0;max-width:0;margin:0;padding:0;opacity:0;}
#readpill.ink-pill-active .ink-pill-toolbar{max-width:280px;flex:0 1 auto;overflow-x:auto;scrollbar-width:none;opacity:1;pointer-events:auto;}
#readpill.ink-pill-active .ink-pill-mode-separator{display:block;}
body.chrome-hidden #readpill.ink-pill-ready:not(.ink-pill-active) .ink-pill-entry{display:none;}
body.chrome-hidden #readpill.ink-pill-active{width:56px;height:34px;padding:2px;border-radius:18px;justify-content:center;}
body.chrome-hidden #readpill.ink-pill-active #modefab,
body.chrome-hidden #readpill.ink-pill-active #readpill-title,
body.chrome-hidden #readpill.ink-pill-active .ink-pill-mode-separator,
body.chrome-hidden #readpill.ink-pill-active .ink-pill-entry,
body.chrome-hidden #readpill.ink-pill-active .ink-pill-toolbar{display:none;}
body.chrome-hidden #readpill.ink-pill-active .ink-pill-mini{display:flex;}
@media(max-width:700px){
  #readpill.ink-pill-active{width:min(340px,calc(100vw - 100px));gap:2px;padding-inline:5px;}
  #readpill .ink-pill-toolbar{gap:2px;}
  #readpill .ink-pill-toolbar .ink-pill-control{width:36px;height:36px;}
  #readpill .ink-pill-toolbar .ink-pill-control svg{width:26px;height:26px;}
}
@media(prefers-reduced-motion:reduce){
  #readpill.ink-pill-ready,#readpill.ink-pill-ready :is(#modefab,#readpill-title),
  #readpill .ink-pill-toolbar,#readpill .ink-pill-entry>span{transition-duration:.01ms;}
}

/* Save feedback stays accessible; only failures need an extra visible control. */
#pdf-ink-status{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 78px);transform:translateX(-50%);pointer-events:none;}
#pdf-ink-status[hidden]{display:none;}
#pdf-ink-status:not(.ink-save-failed){width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
#pdf-ink-status .pdf-ink-retry{display:none;}
#pdf-ink-status.ink-save-failed{max-width:calc(100vw - 28px);padding:10px 14px;border-radius:14px;background:var(--sentence-glass-solid);color:var(--sentence-glass-ink);font:12px/1.5 var(--ui);pointer-events:auto;}
#pdf-ink-status.ink-save-failed .pdf-ink-retry{display:inline-block;margin-left:8px;border:0;background:var(--sentence-glass-action);color:inherit;border-radius:8px;padding:8px;font:inherit;}

#readpill .ink-pill-toolbar::-webkit-scrollbar{display:none;}
body.sentence-pill-waiting #readpill :is(.ink-pill-toolbar,.ink-pill-entry,.ink-pill-mini,.ink-pill-mode-separator){display:none;}

/* Tool options live above the pill; the paper and its geometry never move. */
#pdf-ink-settings{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%);
  width:min(260px,calc(100vw - 28px));padding:14px;border-radius:20px;pointer-events:auto;background:var(--sentence-glass-solid);
  animation:ink-settings-in .16s ease-out;}
#pdf-ink-settings[hidden],#pdf-ink-settings [hidden]{display:none;}
#pdf-ink-settings .ink-setting-label{font:600 12px/1.4 var(--ui);color:var(--sentence-glass-secondary);margin-bottom:8px;}
#pdf-ink-settings .ink-setting-row{display:flex;gap:7px;}
#pdf-ink-settings :is(.ink-colors,.ink-highlight-colors){margin-bottom:14px;}
#pdf-ink-settings button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  min-width:0;min-height:56px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;
  font:500 11px/1.2 var(--ui);cursor:pointer;touch-action:manipulation;}
#pdf-ink-settings button[aria-pressed="true"]{background:var(--sentence-glass-action);border-color:var(--sentence-glass-line);}
#pdf-ink-settings button:focus-visible{outline:2px solid var(--sentence-glass-secondary);outline-offset:1px;}
#pdf-ink-settings i{display:block;flex:none;}
#pdf-ink-settings :is(.ink-colors,.ink-highlight-colors) i{width:19px;height:19px;border-radius:50%;background:var(--ink-option);box-shadow:0 0 0 1px var(--sentence-glass-line);}
#pdf-ink-settings :is(.ink-widths,.ink-highlight-widths) i{width:26px;height:var(--ink-option);border-radius:3px;background:currentColor;}
#pdf-ink-settings .ink-radii i{width:var(--ink-option);height:var(--ink-option);border-radius:50%;border:1px solid currentColor;background:var(--sentence-glass-action);}
@keyframes ink-settings-in{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){#pdf-ink-settings{animation:none;}}
.pdf-ink-eraser-cursor{fill:rgba(255,255,255,.35);stroke:#666;stroke-width:.8;pointer-events:none;}
