/* Opt-in and normal-PC only: removing the class restores the shared reader. */
@media(min-width:768px){
  .reader-shell.desktop-controls-active{--desktop-sidebar-width:220px}
  .reader-shell.desktop-controls-active.desktop-controls-compact{--desktop-sidebar-width:44px}
  .desktop-controls-active>.reader-toolbar{display:none}
  .desktop-controls-active>.desktop-controls-sidebar{position:sticky;top:0;align-self:flex-start;flex:0 0 var(--desktop-sidebar-width);width:var(--desktop-sidebar-width);height:100dvh;overflow:auto;border-right:1px solid var(--line);background:var(--paper)}
  .desktop-controls-active .desktop-controls-body{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:16px 12px 24px}
  .desktop-controls-active.desktop-controls-responsive:not(.desktop-controls-compact) .desktop-controls-body{padding-top:60px}
  .desktop-controls-active .desktop-controls-toggle{position:absolute;top:0;right:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-size:1rem;border-radius:0}
  .desktop-controls-active .desktop-controls-strip{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 2px 12px;width:100%;min-width:0}
  .desktop-controls-active .desktop-controls-initial{font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-size:1rem;font-weight:700}
  .desktop-controls-active .desktop-controls-page{font-size:.7rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .desktop-controls-active[data-mode="spread"] .reading-stage,.desktop-controls-active[data-mode="single"] .reading-stage{touch-action:pan-y pinch-zoom}
  .desktop-controls-active #toolbar-navigation-home{display:contents}
  .desktop-controls-active #reading-status{order:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;min-width:0;white-space:normal;flex:0 0 11rem;height:11rem;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .desktop-controls-active #reading-status>*{flex-shrink:0}
  .desktop-controls-active .reader-front-link{display:block;width:100%;font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-size:1.02rem;font-weight:700;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  .desktop-controls-active #current-position{font-size:.76rem;white-space:normal}
  .desktop-controls-active #current-chapter{display:block;white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.5;font-size:.78rem}
  .desktop-controls-active .desktop-chapter-position{display:block;font-size:.7rem;color:var(--muted);line-height:1.4}
  .desktop-controls-active .desktop-controls-body>.progress-track{order:1;flex:none;width:100%;margin:0}
  .desktop-controls-active #navigation-controls{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"previous next" "page page" "contents contents";gap:7px;min-width:0}
  .desktop-controls-active #previous{grid-area:previous}
  .desktop-controls-active #next{grid-area:next}
  .desktop-controls-active #page-form{grid-area:page;min-width:0;width:100%;max-width:100%;justify-content:center;gap:3px;padding-left:3px}
  .desktop-controls-active #page-form input{width:3rem;min-width:44px;max-width:100%}
  .desktop-controls-active #page-form button{padding-inline:8px}
  .desktop-controls-active #toolbar-contents{grid-area:contents}
  .desktop-controls-active #navigation-controls>button{width:100%;min-width:0;margin:0;padding-inline:4px;white-space:normal}
  .desktop-controls-active .desktop-next-chapter{order:3;display:block;flex:0 0 6rem;height:6rem;overflow:auto;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:.72rem;line-height:1.5;overflow-wrap:anywhere;overscroll-behavior:contain}
  .desktop-controls-active>.desktop-controls-corner{position:fixed;right:8px;bottom:24px;z-index:10;display:flex;flex-direction:row;align-items:center;gap:6px}
  .desktop-controls-active>.desktop-display-panel{position:fixed;z-index:12;right:8px;bottom:86px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 106px);overflow:auto;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 24px #0006}
  .desktop-controls-active .desktop-display-panel .presentation-controls{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:100%;margin:0}
  .desktop-controls-active .desktop-display-panel .presentation-controls>label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;width:100%}
  .desktop-controls-active .desktop-display-panel select{min-width:0;max-width:100%;width:100%}
  .desktop-controls-active .desktop-display-panel .size-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;width:100%;min-width:0}
  .desktop-controls-active .desktop-display-panel #fit-mode{grid-column:1/-1}
  .desktop-controls-active .desktop-display-panel #size-out{grid-column:1;grid-row:2}
  .desktop-controls-active .desktop-display-panel #size-slider{grid-column:2;grid-row:2;width:100%;min-width:0}
  .desktop-controls-active .desktop-display-panel #size-in{grid-column:3;grid-row:2}
  .desktop-controls-active .desktop-display-panel #size-level{grid-column:1/-1;grid-row:3;width:100%}
  .desktop-controls-active .desktop-display-panel .fullscreen-control-group{display:flex;flex-direction:column;gap:6px}
}