/* Local ink only: authored parallax, paper rotation and link hit areas keep ownership. */
.personal-mark-ink{overflow:visible;pointer-events:none}
.personal-mark-ink :is(.jar-lid,.jar-left,.jar-right,.jar-wave,.jar-dot){transform-box:view-box}
.personal-mark-ink .jar-lid{transform-origin:48px 17px}
.personal-mark-ink .jar-left{transform-origin:47px 84px}
.personal-mark-ink .jar-right{transform-origin:57px 84px}
.personal-mark-ink .jar-wave{transform-origin:48px 54px}
.personal-mark-ink .jar-dot{transform-origin:48px 29px}
.personal-mark-ink.is-personal-near :is(.jar-wave,.jar-dot){stroke:var(--v3-orange,#ffff00)}
:root[data-personality=ready] .personal-mark-ink :is(.jar-wave,.jar-dot){transition:stroke .16s ease}

/* A small, original route lives in an explicitly chosen margin, never a text layer. */
.personal-surface-ready{position:relative}
.personal-surface-detail{
  position:absolute;
  width:var(--personal-detail-size,120px);
  height:auto;
  aspect-ratio:8/5;
  top:var(--personal-detail-top,10px);
  right:var(--personal-detail-right,12px);
  bottom:var(--personal-detail-bottom,auto);
  left:var(--personal-detail-left,auto);
  display:block;
  overflow:visible;
  pointer-events:none;
  user-select:none;
  color:#9fa895;
  contain:layout style;
}
.personal-detail-route{stroke:currentColor;stroke-width:1;opacity:.45}
.personal-detail-terminal{stroke:#ffff00;stroke-width:.8;opacity:.6}
.personal-detail-point{transform-box:view-box;transform-origin:0 0}
.personal-detail-point>circle{fill:#ffff00;stroke:none}
.personal-detail-point>.personal-detail-ring{fill:none;stroke:#ffff00;stroke-width:.8;opacity:0}
.personal-surface-detail.is-personal-near .personal-detail-ring{opacity:.6}
.personal-surface-detail.is-personal-near .personal-detail-route{stroke:#ffff00;opacity:.65}
:root[data-personality=ready] .personal-detail-ring{transition:opacity .18s ease}
.note-paper>.personal-surface-detail{
  top:auto;
  right:auto;
  bottom:var(--personal-detail-bottom,19px);
  left:var(--personal-detail-left,22px);
  width:var(--personal-detail-size,108px);
}

/* Real recent-entry covers sit in the existing middle column. */
.recent-row{grid-template-columns:115px minmax(0,1fr) 90px}
.recent-row>span{min-width:0}
.recent-row>.recent-row-art{display:flex;align-items:center;gap:12px;min-width:0}
.recent-row-art>img{display:block;flex:0 0 48px;width:48px;height:40px;object-fit:cover;border-radius:3px;border:0;box-shadow:none;opacity:.94}
.recent-row-art>span{display:block;min-width:0}
.recent-row-art strong{display:block;overflow-wrap:anywhere}
:root[data-personality=ready] .recent-row-art>img{transition:transform .18s ease,opacity .18s ease}
:root[data-personality=ready] .recent-row:is(:hover,:focus-visible) .recent-row-art>img{transform:translateY(-1.5px);opacity:1}

/* Static decoration and the original mark remain readable in every quiet mode. */
:root:not([data-personality=ready]) .personal-mark-ink path,
.motion-paused .personal-mark-ink path,.v3-paused .personal-mark-ink path,
.personal-mark-ink[data-personal-state=offscreen] path,
[inert] .personal-mark-ink path{transform:none!important;transition:none!important}
:root:not([data-personality=ready]) .personal-detail-point,
.motion-paused .personal-detail-point,.v3-paused .personal-detail-point,
[inert] .personal-detail-point{transform:translate(66.319px,51.679px)!important}
:root:not([data-personality=ready]) .personal-detail-ring,
.motion-paused .personal-detail-ring,.v3-paused .personal-detail-ring,
[inert] .personal-detail-ring{opacity:0!important;transition:none!important}
:root:not([data-personality=ready]) .recent-row-art>img,
.motion-paused .recent-row-art>img,.v3-paused .recent-row-art>img,
[inert] .recent-row-art>img{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .personal-mark-ink path{transform:none!important;transition:none!important}
  .personal-detail-point{transform:translate(66.319px,51.679px)!important}
  .personal-detail-ring{opacity:0!important;transition:none!important}
  .recent-row-art>img{transform:none!important;transition:none!important}
}
