:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--page-bg);margin:0}button{font:inherit;color:inherit}html[data-season=night]{--page-bg:#07061a;--page-texture:radial-gradient(900px 460px at 88% -6%, #282056bf, transparent), radial-gradient(760px 420px at 4% 104%, #1c1840b3, transparent);--rule-strong:#c9a227bf;--rule-mid:#c9a2278c;--rule-panel:#c9a22773;--rule-soft:#c9a22766;--divider-switcher:#c9a22766;--divider-road:#c9a22780;--accent:#e8cf7a;--accent-on:#07061a;--accent-border:#e8cf7a;--accent-glow:0 0 14px #e8cf7a73;--days-shadow:0 0 28px #e8cf7a80;--date-accent:var(--accent);--date-line:#e8cf7ab3;--ink:#ece7d6;--ink-strong:#fff;--muted:#a49bcc;--meta:#ece7d680;--book-title-read:#ece7d68c;--pip-fill:#c9a227;--pip-divider:#c9a2274d;--dotted:#ece7d64d;--dotted-soft:#ece7d633;--hairline:#ece7d62e;--panel-fill:#ffffff0f;--chip-border:#c9a227cc;--chip-fill:#c9a22738;--chip-text:#f6ecc9;--chip-dashed:#ece7d64d;--chip-text-unselected:#ece7d680;--checkbox-bg:#00000059;--bar-read:#e8cf7ad9;--bar-read-border:#e8cf7ae6;--bar-unread:#ffffff12;--bar-unread-border:#e8cf7a73;--switcher-inactive:#a49bccd9;--switcher-inactive-border:var(--rule-soft)}html[data-season=spring]{--page-bg:#f6f0e2;--page-texture:radial-gradient(1px 1px at 14% 24%, #788c5024, transparent), radial-gradient(1.3px 1.3px at 66% 44%, #c2547e1f, transparent), radial-gradient(1px 1px at 86% 74%, #788c501f, transparent), radial-gradient(1px 1px at 33% 86%, #c2547e1a, transparent);--rule-strong:#5c7038;--rule-mid:#5c7038;--rule-panel:#93a86a;--rule-soft:#93a86a;--divider-switcher:#5c703873;--divider-road:#5c70388c;--accent:#c2547e;--accent-on:#fbf3e4;--accent-border:#a8446a;--accent-glow:none;--days-shadow:none;--date-accent:var(--accent);--date-line:var(--accent);--ink:#3f4a2c;--ink-strong:#33401f;--muted:#7d8a5c;--meta:#7d8a5c;--book-title-read:#3f4a2c8c;--pip-fill:#c2547e;--pip-divider:#5c703866;--dotted:#5c703880;--dotted-soft:#5c70384d;--hairline:#5c703859;--panel-fill:#93a86a33;--chip-border:#5c7038;--chip-fill:#c2547e;--chip-text:#fbf3e4;--chip-dashed:#5c70388c;--chip-text-unselected:#7d8a5c;--checkbox-bg:#fbf6e8;--bar-read:#c2547e;--bar-read-border:#a8446a;--bar-unread:#93a86a29;--bar-unread-border:#5c703880;--switcher-inactive:#7d8a5c;--switcher-inactive-border:#5c703880}html[data-season=fall]{--page-bg:#eddcbb;--page-texture:radial-gradient(2px 2px at 16% 20%, #8c461929, transparent), radial-gradient(1.4px 1.4px at 62% 38%, #78321e24, transparent), radial-gradient(2.2px 2.2px at 84% 70%, #8c46191f, transparent), radial-gradient(1.2px 1.2px at 28% 82%, #78321e1f, transparent), radial-gradient(760px 380px at 100% 0%, #b5551d29, transparent);--rule-strong:#7a3a16;--rule-mid:#7a3a16;--rule-panel:#b5551d;--rule-soft:#b5551d;--divider-switcher:#7a3a1673;--divider-road:#7a3a1680;--accent:#b5551d;--accent-on:#f3e3c4;--accent-border:#8c2f24;--accent-glow:none;--days-shadow:none;--date-accent:var(--accent-border);--date-line:var(--accent-border);--ink:#4a2a14;--ink-strong:#3d1e0c;--muted:#8a5a33;--meta:#8a5a33;--book-title-read:#4a2a148c;--pip-fill:#b5551d;--pip-divider:#7a3a1666;--dotted:#7a3a1680;--dotted-soft:#7a3a164d;--hairline:#7a3a1659;--panel-fill:#b5551d24;--chip-border:#7a3a16;--chip-fill:#8c2f24;--chip-text:#f3e3c4;--chip-dashed:#7a3a168c;--chip-text-unselected:#8a5a33;--checkbox-bg:#f6e9cd;--bar-read:#b5551d;--bar-read-border:#8c2f24;--bar-unread:#b5551d1f;--bar-unread-border:#7a3a1680;--switcher-inactive:#8a5a33;--switcher-inactive-border:#7a3a1680}.page{background-color:var(--page-bg);background-image:var(--page-texture);width:100%;min-height:100vh;color:var(--ink);padding:clamp(8px,1.6vw,20px);font-family:EB Garamond,serif;position:relative;overflow:hidden}.frame-outer{border:2px solid var(--rule-strong);flex-direction:column;min-height:calc(100vh - clamp(16px,3.2vw,40px));padding:3px;display:flex;position:relative}.frame-inner{border:1px solid var(--rule-soft);flex-direction:column;flex:1;align-items:center;padding:clamp(20px,3.4vw,52px) clamp(16px,3.2vw,52px) clamp(20px,2.6vw,40px);display:flex}.content{flex-direction:column;flex:1;gap:clamp(20px,2.8vw,40px);width:100%;max-width:1180px;display:flex}.plate-title{text-align:center;flex-direction:column;gap:clamp(5px,.8vw,10px);display:flex}.plate-eyebrow{color:var(--muted);font-family:IM Fell English,serif;font-size:clamp(13px,1.5vw,19px);font-style:italic}.plate-heading{color:var(--ink-strong);text-wrap:balance;font-family:IM Fell English,serif;font-size:clamp(22px,4.2vw,46px);line-height:1.12}.plate-date-rule{color:var(--date-accent);justify-content:center;align-items:center;gap:clamp(8px,1.4vw,18px);display:flex}.plate-date-rule-line{background:var(--date-line);flex:0 clamp(30px,6vw,120px);height:1px}.plate-date-rule-text{letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;font-size:clamp(11.5px,1.2vw,15px)}.pace-band{border-top:3px double var(--rule-mid);border-bottom:3px double var(--rule-mid);flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,48px);padding:clamp(14px,2.2vw,28px) 0;display:flex}.pace-left{flex:280px;align-items:center;gap:clamp(14px,2vw,26px);display:flex}.pace-days{color:var(--accent);text-shadow:var(--days-shadow);flex:none;font-family:Uncial Antiqua,serif;font-size:clamp(54px,9vw,104px);line-height:.85}.pace-info{flex-direction:column;flex:1;gap:clamp(4px,.7vw,8px);min-width:0;display:flex}.pace-label{color:var(--ink-strong);font-family:IM Fell English,serif;font-size:clamp(17px,2vw,26px)}.pace-row{justify-content:space-between;gap:12px;font-size:clamp(14.5px,1.5vw,19px);display:flex}.pace-row--divided{border-bottom:1px dotted var(--dotted);padding-bottom:3px}.pace-row-label{color:var(--muted);font-style:italic}.pace-row-value{white-space:nowrap;font-weight:600}.pace-passed{color:var(--muted);margin:0;font-style:italic}.pace-right{flex-direction:column;flex:280px;gap:clamp(6px,.8vw,10px);display:flex}.bar{border:1px solid var(--rule-mid);display:flex;overflow:hidden}.bar--overall{height:clamp(9px,1.1vw,14px)}.bar--mini{height:7px}.bar-segment{border-right:1px solid var(--pip-divider);background:0 0;flex:1}.bar-segment--filled{background:var(--pip-fill)}.progress-totals{color:var(--muted);text-align:center;font-size:clamp(12.5px,1.3vw,16px);font-style:italic}.chips-block{flex-wrap:wrap;align-items:center;gap:clamp(10px,1.6vw,20px);display:flex}.chips-label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);flex:none;font-size:clamp(11.5px,1.1vw,14px)}.chips-row{flex-wrap:wrap;gap:clamp(8px,1vw,12px);display:flex}.chip{appearance:none;white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;padding:clamp(5px,.7vw,9px) clamp(13px,1.4vw,20px);font-size:clamp(14px,1.4vw,18px)}.chip--selected{border:1px solid var(--chip-border);background:var(--chip-fill);color:var(--chip-text)}.chip--unselected{border:1px dashed var(--chip-dashed);color:var(--chip-text-unselected)}.series-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));align-items:start;gap:clamp(14px,2vw,28px);display:grid}.series-header{appearance:none;text-align:left;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;align-items:baseline;gap:10px;width:100%;padding:0;display:flex}.series-name{color:var(--ink-strong);font-family:IM Fell English,serif;font-size:clamp(18px,2vw,25px)}.series-leader{border-bottom:1px dotted var(--dotted);flex:1;min-width:20px;transform:translateY(-4px)}.series-status{color:var(--muted);white-space:nowrap;font-size:clamp(12.5px,1.3vw,16px);font-style:italic}.series-status--active{color:var(--accent)}.series-row{border-bottom:1px solid var(--hairline);flex-direction:column;gap:7px;padding-bottom:12px;display:flex}.series-panel{background:var(--panel-fill);border:1px solid var(--rule-panel);flex-direction:column;gap:clamp(9px,1.2vw,14px);padding:clamp(14px,1.8vw,24px);display:flex}.book-list{flex-direction:column;display:flex}.book-row{cursor:pointer;align-items:center;gap:clamp(10px,1.2vw,14px);width:100%;padding:clamp(7px,.9vw,11px) 0;display:flex}.book-row:focus-visible{outline:1px dotted var(--accent);outline-offset:2px}.book-checkbox{border:1px solid var(--chip-border);background:var(--checkbox-bg);width:15px;height:15px;color:var(--accent-on);flex:none;justify-content:center;align-items:center;display:flex}.book-checkbox--checked{background:var(--accent);border-color:var(--accent-border)}.book-row-main{flex-wrap:wrap;flex:1;align-items:baseline;gap:clamp(6px,.9vw,10px);min-width:0;display:flex}.book-row-title{color:var(--ink);font-size:clamp(14.5px,1.5vw,18px)}.book-row-title--read{color:var(--book-title-read)}.book-row-meta{color:var(--meta);white-space:nowrap;font-size:clamp(12px,1.2vw,15px);font-style:italic}.book-row-wrap{border-bottom:1px dotted var(--dotted-soft);flex-direction:column;display:flex}.book-progress-inline{appearance:none;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-size:clamp(11px,1.05vw,13px);font-style:italic;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.book-progress-form{flex-wrap:wrap;align-items:center;gap:clamp(8px,1vw,14px);margin-top:-3px;padding:0 0 clamp(9px,1.1vw,14px) clamp(25px,3vw,39px);display:flex}.book-progress-unit-toggle{gap:4px;display:flex}.book-progress-unit{appearance:none;border:1px dashed var(--chip-dashed);color:var(--chip-text-unselected);cursor:pointer;background:0 0;padding:3px 9px;font-size:clamp(11.5px,1.1vw,13.5px)}.book-progress-unit--active{border-style:solid;border-color:var(--chip-border);background:var(--chip-fill);color:var(--chip-text)}.book-progress-field{color:var(--ink);white-space:nowrap;align-items:center;gap:6px;font-size:clamp(12.5px,1.2vw,14.5px);font-style:italic;display:flex}.book-progress-field input{border:1px solid var(--rule-soft);background:var(--checkbox-bg);width:3.4em;color:var(--ink);font:inherit;padding:2px 5px;font-style:normal}.book-progress-clear{appearance:none;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;font-size:clamp(11.5px,1.1vw,13.5px);font-style:italic;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.road{border:1px solid var(--rule-soft);flex-direction:column;gap:clamp(10px,1.4vw,16px);padding:clamp(14px,2vw,26px);display:flex}.road-chart{align-items:flex-end;gap:clamp(4px,.7vw,10px);height:clamp(70px,11vw,168px);display:flex}.road-bar{flex:1}.road-bar--read{background:var(--bar-read);border:1px solid var(--bar-read-border)}.road-bar--unread{background:var(--bar-unread);border:1px solid var(--bar-unread-border)}.road-hairline{background:var(--divider-road);height:1px}.road-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:clamp(12.5px,1.3vw,16px);font-style:italic;display:flex}.switcher{flex-direction:column;align-items:center;gap:clamp(11px,1.4vw,16px);margin-top:auto;padding-top:clamp(6px,1vw,14px);display:flex}.switcher-divider-row{align-items:center;gap:clamp(10px,1.4vw,18px);width:100%;max-width:520px;display:flex}.switcher-divider-line{background:var(--divider-switcher);flex:1;height:1px}.switcher-label{color:var(--muted);white-space:nowrap;font-family:IM Fell English,serif;font-size:clamp(13.5px,1.4vw,17px);font-style:italic}.switcher-buttons{gap:clamp(12px,1.6vw,20px);display:flex}.switcher-button{appearance:none;cursor:pointer;width:clamp(44px,4.4vw,56px);height:clamp(44px,4.4vw,56px);color:var(--switcher-inactive);border:1px solid var(--switcher-inactive-border);background:0 0;border-radius:99px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.switcher-button:hover{color:var(--accent);border-color:var(--accent)}.switcher-button--active{background:var(--accent);color:var(--accent-on);border:1px solid var(--accent-border);box-shadow:var(--accent-glow)}.switcher-button--active:hover{color:var(--accent-on);border-color:var(--accent-border)}.stars-layer{pointer-events:none;position:absolute;inset:0}.star{pointer-events:none;border-radius:99px;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.star--white{background:#fff;box-shadow:0 0 5px #ffffffbf}.star--gold{background:#f0d68c;box-shadow:0 0 6px #f0d68ce6}.star--fast{animation-name:twk}.star--slow{animation-name:twkslow}@keyframes twk{0%,to{opacity:.18;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes twkslow{0%,to{opacity:.3}45%{opacity:.95}}@media (prefers-reduced-motion:reduce){.star{opacity:.7;animation:none!important}}