@layer components{.reading-progress{top:var(--reader-bar,61px);z-index:49;background:color-mix(in srgb,var(--line) 84%,transparent);pointer-events:none;height:2px;position:fixed;left:0;right:0}.reading-progress[hidden]{display:none}.reading-progress-fill{transform-origin:0;background:color-mix(in srgb,var(--teal) 72%,transparent);width:100%;height:100%;transition:transform .12s linear;transform:scaleX(0)}.reading-ui{z-index:60;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.reading-ui[hidden],.reading-panel [hidden]{display:none!important}.reading-settings-toggle{border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 94%,transparent);width:40px;height:40px;color:var(--silver);cursor:pointer;font:600 15px var(--font-display);border-radius:50%;place-items:center;transition:color .18s,border-color .18s,background-color .18s;display:grid;position:relative;box-shadow:0 12px 28px -18px #000}.reading-settings-toggle:hover{color:var(--teal);border-color:var(--teal-deep);background:var(--panel)}.reading-panel{border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 98%,transparent);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--silver) 16%,transparent) transparent;border-radius:10px;width:min(332px,100vw - 32px);max-height:min(70vh,600px);padding:16px;overflow:auto;box-shadow:0 24px 54px -28px #000}.reading-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reading-panel h2{color:var(--chrome);font-size:1rem}.reading-panel h3{color:var(--chrome);margin-top:18px;font-size:.78rem}.reading-panel-close{border:1px solid var(--line-2);color:var(--silver);cursor:pointer;font-family:var(--font-display);letter-spacing:.04em;background:0 0;border-radius:4px;flex:none;padding:6px 10px;font-size:.66rem}.reading-panel-close:hover{color:var(--teal);border-color:var(--teal-deep)}.reading-older-visits summary{cursor:pointer;font:11px var(--font-display);color:var(--silver-dim);padding:8px 0}.reading-older-visits summary:hover{color:var(--teal)}.reading-advanced{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.reading-advanced summary{cursor:pointer;font:500 12px var(--font-display);color:var(--silver-dim)}.reading-setting-list{gap:8px;margin-top:13px;display:grid}.reading-setting{color:var(--chrome);cursor:pointer;grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.reading-setting input{width:16px;height:16px;accent-color:var(--teal);margin-top:2px}.reading-setting-text{gap:2px;display:grid}.reading-setting-label{font-size:.86rem}.reading-setting-hint{color:var(--silver-dim);font-size:.72rem;line-height:1.35}.reading-local-data-hint{color:var(--silver-dim);margin-top:14px;font-size:.7rem;line-height:1.35}.reading-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.reading-action{border:1px solid var(--line-2);background:var(--panel-2);color:var(--silver);cursor:pointer;font-family:var(--font-display);letter-spacing:.03em;border-radius:4px;padding:8px 10px;font-size:.66rem}.reading-action:hover{color:var(--teal);border-color:var(--teal-deep)}.reading-action-danger,.reading-action-danger:hover{color:var(--crimson)}.reading-action-danger:hover{border-color:color-mix(in srgb,var(--crimson) 50%,transparent)}.reading-recent-list{gap:4px;margin:9px 0 0;padding:0;list-style:none;display:grid}.reading-recent-entry{border-bottom:1px solid var(--line);min-width:0}.reading-recent-link{color:var(--silver);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:grid}button.reading-recent-link{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.reading-recent-link:hover{color:var(--teal)}.reading-recent-name{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;line-height:1.35;overflow:hidden}.reading-recent-progress{color:var(--silver-dim);font-family:var(--font-display);white-space:nowrap;font-size:.64rem}.reading-recent-link:hover .reading-recent-progress{color:var(--teal)}.reading-recent-empty{color:var(--silver-dim);font-family:var(--font-display);font-size:.66rem}.reading-highlights-list{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.reading-highlight-entry{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:7px;display:grid}.reading-highlight-link{width:100%;color:var(--silver);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:7px 0;font-size:.76rem;line-height:1.4;display:block;overflow:hidden}.reading-highlight-link:hover{color:var(--teal)}.reading-highlight-remove{width:22px;height:22px;color:var(--silver-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px}.reading-highlight-remove:hover{color:var(--crimson);border-color:var(--line-2)}.reading-panel-status{min-height:1.2em;color:var(--teal);font-family:var(--font-display);margin-top:12px;font-size:.68rem}.reading-panel-status:empty{display:none}.reading-appearance{border-top:1px solid var(--line);gap:14px;margin:20px 0;padding-top:18px;display:grid}.reading-appearance-row{grid-template-columns:minmax(64px,auto) minmax(0,1fr);align-items:center;gap:12px;display:grid}.reading-appearance-row>span{font:10px var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--silver-dim)}.reading-options{border:1px solid var(--line-2);border-radius:5px;display:flex;overflow:hidden}.reading-options button{border:0;border-right:1px solid var(--line-2);min-width:0;color:var(--silver);cursor:pointer;background:0 0;flex:1;padding:9px 4px;font-size:12px;line-height:1.3}.reading-options button:last-child{border-right:0}.reading-options button[aria-pressed=true]{color:var(--chrome);background:color-mix(in srgb,var(--teal) 16%,transparent)}.reading-size{align-items:center;gap:8px;display:flex}.reading-size output{text-align:center;font:12px var(--font-display);color:var(--silver);flex:1}.reading-size button{border:1px solid var(--line-2);color:var(--chrome);cursor:pointer;background:0 0;border-radius:5px;padding:7px 10px}.reading-size button:disabled{opacity:.4;cursor:default}.reading-resume{--resume-life:10s;z-index:59;border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 97%,transparent);white-space:nowrap;border-radius:7px;align-items:center;gap:10px;max-width:calc(100vw - 96px);padding:9px 10px 9px 12px;transition:opacity .9s,transform .9s;display:flex;position:fixed;top:78px;right:24px;overflow:hidden;box-shadow:0 18px 42px -28px #000}.reading-resume[hidden]{display:none!important}.reading-panel .reading-resume{max-width:100%;box-shadow:none;white-space:normal;flex-wrap:wrap;margin:14px 0 4px;position:relative;inset:auto}.reading-panel .reading-resume-title{flex:1}.reading-panel .reading-resume:after{display:none}.reading-resume.is-dismissing{opacity:0;transition-duration:1.4s;transform:translateY(-5px)}.reading-resume:after{content:"";background:var(--teal);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(1)}.reading-resume.is-counting:after{animation:reading-resume-life var(--resume-life) linear forwards}@keyframes reading-resume-life{to{transform:scaleX(0)}}.reading-resume-title{font-family:var(--font-display);color:var(--chrome);white-space:nowrap;font-size:.82rem}.reading-resume-actions{flex:none;gap:5px;display:flex}.reading-resume-actions button{cursor:pointer;font-family:var(--font-display);white-space:nowrap;border-radius:3px;flex:none;padding:7px 11px;font-size:.68rem}.reading-resume-go{border:1px solid var(--teal);background:var(--teal);color:var(--accent-ink)}.reading-resume-go:hover{background:var(--teal-bright)}.reading-resume-dismiss{border:1px solid var(--line-2);color:var(--silver);background:0 0}.reading-resume-dismiss:hover{color:var(--chrome);border-color:var(--silver)}.reading-selection-menu{z-index:70;border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 96%,transparent);border-radius:999px;padding:3px;position:fixed;box-shadow:0 14px 32px -20px #000}.reading-selection-menu[hidden],.reading-toast[hidden]{display:none}.reading-selection-action{width:44px;height:44px;color:var(--teal);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.reading-selection-action svg{width:16px;height:16px}.reading-selection-action:hover{background:color-mix(in srgb,var(--teal) 14%,transparent)}.reading-toast{z-index:71;border:1px solid var(--line-2);background:var(--panel);max-width:calc(100vw - 40px);color:var(--chrome);font-family:var(--font-display);border-radius:4px;padding:9px 13px;font-size:.7rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px -20px #000}.reading-highlight{background:color-mix(in srgb,var(--teal) 26%,transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.reading-highlight:hover{background:color-mix(in srgb,var(--teal) 40%,transparent)}@media (width>=1100px){.reading-ui{top:86px;bottom:auto;right:16px}.reading-panel{max-height:calc(100dvh - 154px)}.reading-resume{max-width:calc(100vw - 120px);top:86px;right:68px}}@media (width<=600px){.reading-ui{bottom:14px;right:14px}.reading-resume{max-width:calc(100vw - 28px);top:72px;right:14px}.reading-toast{bottom:14px}.reading-panel{max-height:72vh}}@media (prefers-reduced-motion:reduce){.reading-progress-fill,.reading-resume{transition:none}}}@media print{.reading-ui,.reading-progress,.reading-resume,.reading-selection-menu,.reading-toast{display:none!important}.reading-highlight{color:inherit;background:0 0}}