.reading-controls{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1.5rem 0}.reading-controls[hidden],.reading-key[hidden]{display:none}.reading-controls label{display:grid;gap:.4rem}.reading-controls select{font:inherit;max-width:100%;padding:.45rem;background:var(--paper,#fff);color:inherit;border:1px solid currentColor}.reading-scroll{overflow-x:auto;padding:8px 4px}#reading-calendar{display:grid;grid-template-rows:repeat(7,14px);grid-auto-flow:column;grid-auto-columns:14px;gap:3px;width:max-content}#reading-calendar button{padding:0;border:1px solid #7776;border-radius:2px;min-width:0;cursor:pointer}#reading-calendar button:focus-visible{outline:3px solid currentColor;outline-offset:2px}#reading-calendar [data-level="0"],.reading-key [data-level="0"]{background:#d8dcd5}#reading-calendar [data-level="1"],.reading-key [data-level="1"]{background:#b8d58c}#reading-calendar [data-level="2"],.reading-key [data-level="2"]{background:#83b54c}#reading-calendar [data-level="3"],.reading-key [data-level="3"]{background:#4c842c}#reading-calendar [data-level="4"],.reading-key [data-level="4"]{background:#28521b}.reading-key{display:flex;align-items:center;gap:5px;font-size:.8rem;flex-wrap:wrap}.reading-key span{padding:2px 5px;color:#111;border:1px solid #7776}#reading-detail{min-height:6rem}
#reading-months{display:grid;grid-auto-columns:17px;grid-auto-flow:column;width:max-content;min-width:900px;font-size:11px;margin-bottom:5px}
.reading-key [data-level="3"],.reading-key [data-level="4"]{color:#fff}#reading-detail{overflow-wrap:anywhere}.reading-controls{align-items:start}.reading-filter-control{display:grid;gap:.4rem;min-width:0;flex:0 1 340px}#reading-filter-picker{position:relative;min-width:0}#reading-filter-picker>summary{border:1px solid currentColor;padding:.45rem .65rem;cursor:pointer;background:var(--paper);overflow-wrap:anywhere}.reading-filter-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:5;padding:12px;background:var(--paper);border:1px solid var(--edge);box-shadow:0 6px 16px #0002}.reading-filter-panel label{font-size:.8rem}.reading-filter-panel input{width:100%;min-width:0;font:inherit;padding:8px;border:1px solid var(--edge);background:var(--paper);color:inherit}#reading-filter-options{max-height:280px;overflow-y:auto;margin-top:10px}#reading-filter-options fieldset{margin:12px 0 0;padding:0;border:0;min-width:0}#reading-filter-options legend{font-size:.75rem;font-weight:bold;padding:0 8px}#reading-filter-options button{display:block;width:100%;text-align:left;font:inherit;font-size:.85rem;padding:8px;border:0;background:var(--paper);color:inherit;cursor:pointer;overflow-wrap:anywhere}#reading-filter-options button:hover,#reading-filter-options button[aria-pressed=true]{background:color-mix(in srgb,var(--ink) 10%,var(--paper))}#reading-filter-options button:focus-visible{outline-offset:-3px}.reading-calendar-help{font-size:.8rem;max-width:65ch}.reading-calendar-layout{display:flex;gap:8px;min-width:680px}.reading-calendar-body{flex:1;min-width:0}.reading-weekdays{display:grid;grid-template-rows:repeat(7,14px);gap:3px;font-size:10px;line-height:14px;margin-top:24px;flex:0 0 24px}#reading-calendar,#reading-months{width:100%;min-width:0;grid-template-columns:repeat(var(--reading-weeks,53),minmax(0,1fr));grid-auto-columns:initial;gap:3px}#reading-months{height:19px;line-height:19px;margin-bottom:5px}#reading-detail:empty{display:none}
#reading-filter-options>details{margin:8px 0;border-top:1px solid var(--edge)}#reading-filter-options>details>summary{cursor:pointer;font-size:.85rem;font-weight:bold;padding:10px 8px}.reading-calendar-layout[data-period=month],.reading-calendar-layout[data-period=week]{min-width:0;width:max-content}.reading-calendar-layout[data-period=month] .reading-calendar-body,.reading-calendar-layout[data-period=week] .reading-calendar-body{flex:none;width:calc(var(--reading-weeks)*22px)}.reading-controls select{min-height:46px}
.reading-day-fields{padding-left:1.4rem}.reading-day-fields>li{margin:.7rem 0}.reading-book-help{font-size:.8rem}
.reading-day-fields>li>ul{padding-left:1.3rem;margin:.35rem 0}.reading-day-fields>li>ul>li{margin:.15rem 0}#reading-calendar button[data-state=before-tracking],#reading-calendar button[data-state=future]{opacity:.45;border-style:dashed}
.reading-day-fields>li{list-style:none}.reading-day-fields{padding-left:0}.reading-day-fields details>summary{cursor:pointer;padding:.35rem 0}.reading-day-fields details>ul{padding-left:1.5rem;margin:.4rem 0}.reading-day-fields details>ul>li{margin:.25rem 0}
:root{--reading-before:#bfc3c9;--reading-future:#f2f4f7;--reading-before-edge:#9298a1;--reading-future-edge:#b7bec8}:root[data-theme=dark]{--reading-before:#505660;--reading-future:#181d25;--reading-before-edge:#7b8492;--reading-future-edge:#414c5b}#reading-calendar button[data-state=before-tracking],.reading-before-swatch{background:var(--reading-before);border:1px solid var(--reading-before-edge);opacity:1}#reading-calendar button[data-state=future],.reading-future-swatch{background:var(--reading-future);border:1px dashed var(--reading-future-edge);opacity:1}.reading-status-key{display:flex;gap:1.3rem;flex-wrap:wrap;font-size:.8rem}.reading-status-key>span{display:inline-flex;align-items:center;gap:.4rem}.reading-status-key i{display:inline-block;width:14px;height:14px;border-radius:2px}
.reading-status-key>span[hidden]{display:none}
@media(max-width:600px){.reading-controls{display:grid;grid-template-columns:70px minmax(0,1fr)96px;gap:1rem .5rem}.reading-controls>label{min-width:0;font-size:14px;gap:.3rem}.reading-controls>label>select{width:100%;min-width:0;font-size:16px;min-height:44px;padding:.35rem .2rem}.reading-controls>.reading-filter-control{grid-column:1/-1;width:100%;font-size:14px}}