:root{--ink: #1c1c1a;--ink-light: #5a5853;--ink-faint: #a09c95;--paper: #f5f2ec;--paper-dark: #ede9e1;--paper-mid: #e4dfd6;--gold: #b08a4e;--gold-light: #d4b07a;--read-bg: #3a3632;--read-fg: #f5f2ec;--reading-bg: #f5e6c8;--reading-border: #c9973a;--reading-fg: #5a3e10;--unread-bg: #ffffff;--unread-border: #ccc8c0;--radius: 6px;--font-display: "Georgia", "Times New Roman", serif;--font-body: "Georgia", serif;--font-mono: "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;cursor:pointer;border:none;background:none}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:var(--font-display);font-size:1.1rem;color:var(--ink-light);letter-spacing:.04em}.app{max-width:860px;margin:0 auto;padding:0 24px 80px}.site-header{text-align:center;padding:56px 0 36px}.header-eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}.site-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:400;letter-spacing:-.01em;line-height:1.1;color:var(--ink)}.site-subtitle{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.4rem);color:var(--ink-light);font-style:italic;margin-top:4px}.progress-panel{background:var(--paper-dark);border:1px solid var(--paper-mid);border-radius:10px;padding:28px 28px 20px;margin-bottom:28px}.progress-stats{display:flex;align-items:center;gap:0;margin-bottom:20px}.progress-ring-wrap{position:relative;width:72px;height:72px;flex-shrink:0;margin-right:24px}.progress-ring{width:72px;height:72px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--paper-mid);stroke-width:5}.ring-fill{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.ring-count{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ink)}.ring-sub{font-size:.6rem;color:var(--ink-faint);letter-spacing:.02em}.stat{display:flex;flex-direction:column;padding:0 20px}.stat-divider{width:1px;height:36px;background:var(--paper-mid);flex-shrink:0}.stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--ink);line-height:1.15}.stat-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px}.stat-next{flex:1}.next-title{font-size:1rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.reading-title{color:var(--reading-border)}.overall-bar-wrap{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--paper-mid)}.bar-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.overall-bar{flex:1;height:6px;background:var(--paper-mid);border-radius:3px;overflow:hidden}.overall-bar-fill{height:100%;background:var(--ink);border-radius:3px;transition:width .4s ease}.bar-pct{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);width:32px;text-align:right}.legend{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.legend-item{display:flex;align-items:center;gap:7px;font-size:.75rem;letter-spacing:.06em;color:var(--ink-light)}.legend-swatch{width:16px;height:16px;border-radius:3px;display:inline-block}.swatch-read{background:var(--read-bg)}.swatch-reading{background:var(--reading-bg);border:1px solid var(--reading-border)}.swatch-unread{background:var(--unread-bg);border:1px solid var(--unread-border)}.swatch-noaward{background:transparent;border:1px dashed var(--unread-border)}.path-heading{display:flex;align-items:center;gap:16px;font-family:var(--font-display);font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:40px;color:var(--ink)}.path-heading-line{flex:1;height:1px;background:var(--paper-mid)}.decade-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:8px;position:relative}.decade-row--reverse{flex-direction:row-reverse}.decade-label-block{flex-shrink:0;width:88px;padding:12px;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--paper-dark);text-align:center}.decade-year{font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1;color:var(--ink)}.decade-range{font-size:.6rem;letter-spacing:.05em;color:var(--ink-faint);margin-top:3px}.decade-icon{font-size:1.1rem;margin-top:6px}.decade-books{flex:1;display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.book-tile{width:90px;min-height:96px;padding:8px 7px 7px;border-radius:var(--radius);display:flex;flex-direction:column;text-align:left;position:relative;transition:transform .12s ease,box-shadow .12s ease}.book-tile--read{background:var(--read-bg);border:1px solid var(--read-bg);color:var(--read-fg)}.book-tile--read:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000002e}.book-tile--reading{background:var(--reading-bg);border:1px solid var(--reading-border);color:var(--reading-fg);box-shadow:0 2px 8px #c9973a33}.book-tile--reading:hover{transform:translateY(-2px);box-shadow:0 4px 14px #c9973a4d}.book-tile--unread{background:var(--unread-bg);border:1px solid var(--unread-border);color:var(--ink)}.book-tile--unread:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000017;border-color:var(--ink-faint)}.book-tile--noaward{background:transparent;border:1px dashed var(--unread-border);color:var(--ink-faint);cursor:default;min-height:80px;align-items:center;justify-content:center;text-align:center}.tile-year{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;opacity:.65;margin-bottom:4px;display:block}.tile-title{font-family:var(--font-display);font-size:.72rem;line-height:1.3;font-style:italic;flex:1;display:block}.tile-author{font-size:.6rem;margin-top:5px;opacity:.7;display:block}.tile-badge{position:absolute;bottom:6px;right:7px;font-size:.8rem;line-height:1}.tile-check{color:var(--gold-light)}.tile-bookmark{font-size:.9rem}.tile-noaward{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.snake-arrow{position:absolute;bottom:-22px;font-size:1.1rem;color:var(--ink-faint);z-index:2}.snake-arrow--right{right:0}.snake-arrow--left{left:100px}.site-footer{text-align:center;padding-top:48px;font-size:.72rem;letter-spacing:.04em;color:var(--ink-faint)}@media (max-width: 600px){.progress-stats{flex-wrap:wrap;gap:12px}.stat-divider{display:none}.stat{padding:0 8px}.next-title{max-width:140px}.book-tile{width:80px;min-height:88px}.decade-label-block{width:72px;padding:8px}.decade-year{font-size:1rem}}