@layer quartz-base{.reading-graph-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .5rem;display:flex}.reading-graph-header>h3{margin:0;font-size:1rem}.reading-graph-controls{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.reading-graph-view-toggle{border:1px solid var(--lightgray);border-radius:5px;flex:none;display:inline-flex;overflow:hidden}.reading-graph-view-button{appearance:none;color:var(--darkgray);cursor:pointer;font:inherit;background:0 0;border:0;padding:.34rem .48rem;font-size:.72rem;font-weight:700;line-height:1}.reading-graph-view-button+.reading-graph-view-button{border-left:1px solid var(--lightgray)}.reading-graph-view-button[aria-pressed=true]{background:var(--secondary);color:var(--light)}.reading-graph-view-button:focus-visible{outline:2px solid var(--tertiary);outline-offset:-2px}.reading-graph-layer-select{appearance:auto;background:var(--light);border:1px solid var(--lightgray);color:var(--darkgray);cursor:pointer;font:inherit;border-radius:5px;min-height:1.72rem;padding:.25rem .42rem;font-size:.72rem;font-weight:700;line-height:1}.reading-graph-layer-select:focus-visible{outline:2px solid var(--tertiary);outline-offset:2px}.reading-graph-dialog{background:0 0;border:0;width:min(96vw,100rem);max-width:none;height:92dvh;max-height:none;margin:auto;padding:0;overflow:visible}.reading-graph-dialog::backdrop{background:#0000007a}.reading-graph-dialog[open] .reading-graph-panel{background:var(--light);border:1px solid var(--lightgray);box-sizing:border-box;color:var(--darkgray);border-radius:5px;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:.75rem;display:grid}.reading-graph-dialog[open] .reading-graph-outer{height:auto;min-height:0}.reading-graph-dialog[open] .reading-graph-selection{max-height:24dvh;overflow:auto}.reading-graph-outer{border:1px solid var(--lightgray);box-sizing:border-box;border-radius:5px;height:270px;position:relative;overflow:hidden}.reading-graph-container{width:100%;height:100%;position:relative}.reading-graph-container canvas{touch-action:none}.reading-graph-fit-button,.reading-graph-expand-button{appearance:none;background:color-mix(in srgb, var(--light) 88%, transparent);border:1px solid var(--lightgray);color:var(--darkgray);cursor:pointer;z-index:2;border-radius:4px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;display:inline-flex;position:absolute;top:.45rem}.reading-graph-fit-button{right:2.55rem}.reading-graph-expand-button{right:.45rem}.reading-graph-fit-button:hover,.reading-graph-expand-button:hover{background:var(--light);color:var(--dark)}.reading-graph-fit-button:focus-visible,.reading-graph-expand-button:focus-visible{outline:2px solid var(--tertiary);outline-offset:2px}.reading-graph-fit-button>svg,.reading-graph-expand-button>svg{pointer-events:none;width:1rem;height:1rem}@media (max-width:600px){.reading-graph-dialog{width:calc(100vw - 1rem);height:calc(100dvh - 1rem)}.reading-graph-dialog[open] .reading-graph-panel{padding:.5rem}}.reading-graph-empty{color:var(--gray);text-align:center;justify-content:center;align-items:center;height:100%;padding:.75rem;font-size:.86rem;line-height:1.35;display:flex}.reading-graph-selection{border:1px solid var(--lightgray);box-sizing:border-box;border-radius:5px;margin-top:.5rem;padding:.65rem}.reading-graph-selection[hidden]{display:none}.reading-graph-selection-title{margin:0 0 .25rem;font-size:.94rem;font-weight:700;line-height:1.2}.reading-graph-selection-type{color:var(--secondary);letter-spacing:0;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:700;line-height:1.2}.reading-graph-selection-description,.reading-graph-selection-empty{color:var(--darkgray);margin:0;font-size:.82rem;line-height:1.35}.reading-graph-selection-path{color:var(--darkgray);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.8rem;line-height:1.4}.reading-graph-selection-path-types{color:var(--gray);overflow-wrap:anywhere;margin:.2rem 0 0;font-size:.72rem;line-height:1.35}.reading-graph-open{appearance:none;background:var(--secondary);border:1px solid var(--secondary);color:var(--light);cursor:pointer;font:inherit;border-radius:4px;margin-top:.6rem;padding:.34rem .55rem;font-size:.82rem;font-weight:700}.reading-graph-open:hover,.reading-graph-open:focus-visible{filter:brightness(1.05);outline:2px solid var(--tertiary);outline-offset:2px}}