.fs-viewer[data-reader]{--reader-width:280px;--reader-dock:0px;--reader-motion:200ms cubic-bezier(.22,1,.36,1)}.reader-header-start{display:flex;align-items:center;gap:6px;flex:none}.reader-toggle-slot{width:32px;height:32px;flex:none}.reader-toggle{position:absolute;top:0;left:0;z-index:41;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;transform:translate(var(--reader-button-x,58px),var(--reader-button-y,12px));transition:transform var(--reader-motion),background-color .12s}.reader-toggle[hidden]{display:none}.reader-toggle:hover,.reader-toggle[aria-expanded=true]{background:var(--hover);color:var(--ink)}.reader-directory :is(button,a,input):focus-visible,.reader-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.reader-toggle[data-tooltip]:after{content:attr(aria-label);position:absolute;left:0;top:calc(100% + 8px);padding:7px 10px;border-radius:6px;background:var(--ink);color:var(--bg);font:12px/1.5 var(--font-ui);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}.reader-toggle:focus-visible:after,.reader-toggle:hover:after{opacity:1;transition-delay:.5s}.fs-viewer[data-bar=closed] .reader-toggle:after{left:auto;right:0}.reader-directory{position:absolute;z-index:39;inset:0 auto 0 0;width:var(--reader-width);max-width:calc(100vw - 48px);display:flex;flex-direction:column;background:var(--bg);color:var(--ink);border-right:1px solid var(--line);transform:translateX(-100%);visibility:hidden;transition:transform var(--reader-motion),top var(--reader-motion),visibility .2s}.reader-directory[data-open=true]{transform:translateX(0);visibility:visible}.reader-directory[data-mode=preview]{border-right-color:transparent;box-shadow:6px 6px 20px #2726241a}.fs-viewer[data-bar=open] .reader-directory{top:var(--fs-bar-h)}.reader-directory-heading{min-height:56px;display:flex;align-items:center;padding:12px 48px 12px 20px;flex:none}.reader-directory-heading h2{margin:0;font:600 14px/1.5 var(--font-ui)}.reader-search{margin:0 12px 14px;padding:0 9px;min-height:36px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--paper);flex:none}.reader-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:13px/1.5 var(--font-ui);padding:7px 0;caret-color:var(--focus)}.reader-search input::placeholder{color:var(--muted)}.reader-search input::-webkit-search-cancel-button{display:none}.reader-search button{display:grid;place-items:center;padding:3px;border:0;background:transparent;color:var(--muted);cursor:pointer}.reader-directory-scroll{min-height:0;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.reader-directory ::selection{background:var(--selection);color:var(--ink)}.reader-folders,.reader-sites{list-style:none;padding:0;margin:0}.reader-folders>li+li{margin-top:5px}.reader-folder{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;color:var(--muted);min-height:36px;padding:7px 8px;font:500 13px/1.5 var(--font-ui);border-radius:6px;text-align:left;cursor:pointer}.reader-folder>span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.reader-folder svg,.reader-site svg{flex:none}.reader-folder small{font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reader-chevron{transition:transform .12s}.reader-folder[aria-expanded=true] .reader-chevron{transform:rotate(90deg)}.reader-sites{margin:2px 0 8px}.reader-site{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px 8px 30px;margin:2px 0;border-radius:6px;text-decoration:none;color:var(--muted);font:400 13px/1.5 var(--font-ui)}.reader-site span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.reader-folder:hover,.reader-site:hover{background:var(--hover)}.reader-site[aria-current=page]{background:var(--selection);color:var(--focus);font-weight:600}.reader-page{margin:3px 0 3px 30px;padding:6px 0;font-size:12px;color:var(--focus);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.reader-status{margin:0;padding:12px;font:12px/1.6 var(--font-ui);color:var(--muted)}.reader-sites .reader-status{padding-left:30px}.reader-status button{border:0;background:transparent;color:var(--focus);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.reader-manage{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-decoration:none;flex:none}.reader-manage:hover{color:var(--ink);background:var(--hover)}.reader-scrim{position:absolute;inset:0;z-index:38;border:0;background:#27262433}.fs-viewer[data-bar=open] .reader-scrim{top:var(--fs-bar-h)}@media (min-width:900px){.fs-viewer[data-reader=pinned]{--reader-dock:var(--reader-width)}.fs-viewer[data-reader] .fs-stage-wrap{left:var(--reader-dock);width:calc(100% - var(--reader-dock));transition:top var(--reader-motion),left var(--reader-motion),width var(--reader-motion)}.fs-viewer[data-reader]:has(.comment-workspace[data-panel=open]) .fs-stage-wrap{width:calc(100% - var(--reader-dock) - 400px)}}@media (max-width:899px){.reader-toggle,.reader-toggle-slot{width:36px;height:36px}.reader-folder,.reader-site{min-height:44px}.reader-directory[data-open=true]{box-shadow:6px 6px 20px #2726241a}.reader-search{min-height:42px}.reader-search input{font-size:16px}.reader-manage{padding-bottom:max(16px,env(safe-area-inset-bottom))}.fs-viewer[data-reader=drawer] .comment-rail{visibility:hidden}}@media (max-width:600px){.fs-viewer:has(.reader-header-start) .fs-bar .viewer-meta{min-width:0;flex-shrink:1}.fs-viewer:has(.reader-header-start) .vis-chip{min-width:0}.fs-viewer:has(.reader-header-start) .vis-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.fs-viewer[data-reader]{--reader-motion:0ms}.reader-chevron,.reader-directory,.reader-toggle{transition:none}}.reader-site-row{display:flex;align-items:center;position:relative}.reader-site-row>.reader-site{flex:1 1;min-width:0;padding-right:32px}.reader-site-more{position:absolute;right:0;width:30px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.reader-site-more:focus-visible,.reader-site-more:hover{background:var(--hover);color:var(--ink)}.reader-folder[data-drop-active=true]{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}.reader-site[draggable=true]{cursor:grab}.reader-site[draggable=true]:active{cursor:grabbing}