:root{--ink:#1a1a1a;--ink-muted:#4a4a4a;--bg:#f4f6f8;--surface:#f4f6f8;--rule:#2a2a2a;--accent:#457b9d;--accent-ink:#fff;--vermilion:#e63946;--emerald:#2a9d8f;--ultramarine:#457b9d;--font-family:"Libre Baskerville", Georgia, serif;--text-display:26px;--text-body:16px;--text-small:12.5px;--space-unit:12px;--shoulder-width:calc(100% / 6);--content-width:calc(100% * 5 / 12);--measure:60ch;scrollbar-color:var(--ink-muted) transparent;caret-color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#e8e8e8;--ink-muted:#a8a8a8;--bg:#0f1114;--surface:#0f1114;--rule:#4a4a4a;--accent:#7ab3d9;--accent-ink:#0f1114;--vermilion:#f05a65;--emerald:#3cbdae;--ultramarine:#7ab3d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--bg);margin:0;line-height:1.6}.screen{min-height:100vh}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:.18em}.num{font-variant-numeric:tabular-nums}button,[role=button],summary,select,input[type=checkbox],input[type=radio]{min-height:44px}button{min-width:44px}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}@media (width<=480px){.screen{padding-inline:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.book-action,.thumb-item,.button,.add-book-shoulder,.status-select{transition:all .15s ease-out}.content{transition:transform .3s ease-out}}.guide-words{padding:calc(var(--space-unit) * 2);border-bottom:1px solid var(--ink);min-height:calc(var(--space-unit) * 5);background:var(--bg);justify-content:space-between;align-items:baseline;display:flex}.guide-word{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.08em;font-weight:400}.app-container{min-height:100vh;display:flex}.shoulder{width:var(--shoulder-width);min-width:200px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2);border-right:1px solid var(--rule);gap:calc(var(--space-unit) * 3);background:var(--bg);flex-direction:column;display:flex}.shoulder-label{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:var(--space-unit)}.thumb-index{gap:calc(var(--space-unit) * 2);flex-direction:column;display:flex}.thumb-item{font-family:var(--font-family);font-size:var(--text-body);color:var(--ink);text-align:left;cursor:pointer;padding:var(--space-unit) 0;background:0 0;border:none;position:relative}.thumb-item:hover{color:var(--ink-muted)}.thumb-item.active{font-weight:700;text-decoration:line-through}.thumb-item.active:before{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.add-book-shoulder{border:1px solid var(--ink);font-family:var(--font-family);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);padding:var(--space-unit) calc(var(--space-unit) * 2);cursor:pointer;background:0 0;min-height:44px;margin-top:auto}.add-book-shoulder:hover{background:var(--ink);color:var(--bg)}.add-book-shoulder:active{transform:translateY(1px)}.content{max-width:var(--content-width);min-width:400px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3);flex:1;margin:0 auto}.book-list{gap:calc(var(--space-unit) * 3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.book-entry{padding-left:calc(var(--space-unit) * 2);border-top:1px solid #0000;position:relative}.book-entry[data-status=Currently\ Reading]{border-top-color:var(--ink);padding-top:calc(var(--space-unit) * 2);padding-bottom:var(--space-unit)}.book-entry[data-status=Finished]{opacity:.7}.book-title{font-size:var(--text-display);margin-left:calc(var(--space-unit) * -1);margin-bottom:var(--space-unit);font-weight:700;line-height:1.3}.book-author{font-size:var(--text-body);color:var(--ink);margin-bottom:4px;font-style:italic}.book-meta{gap:calc(var(--space-unit) * 2);flex-wrap:wrap;align-items:center;display:flex}.book-date{font-size:var(--text-small);color:var(--ink-muted)}.book-status-badge{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em}.book-actions{margin-top:var(--space-unit);gap:calc(var(--space-unit) * 2);flex-wrap:wrap;display:flex}.book-action{font-family:var(--font-family);font-size:var(--text-small);color:var(--ink);cursor:pointer;background:0 0;border:none;min-width:auto;min-height:auto;padding:4px 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;position:relative}.book-action:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.book-action:active{transform:translateY(1px)}.plate{border:2px solid var(--ink);padding:calc(var(--space-unit) * 2);background:var(--bg);margin-top:calc(var(--space-unit) * 2);min-width:120px;display:inline-block}.plate.vermilion{background:var(--vermilion);color:var(--bg)}.plate.emerald{background:var(--emerald);color:var(--bg)}.plate.ultramarine{background:var(--ultramarine);color:var(--bg)}.plate-content{font-size:var(--text-display);font-weight:700;line-height:1.2}.plate-label{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.08em;opacity:.9;margin-top:4px}.empty-state{padding:calc(var(--space-unit) * 4) 0;text-align:center;color:var(--ink-muted);font-style:italic}.form{gap:calc(var(--space-unit) * 3);flex-direction:column;max-width:480px;display:flex}.form-field{gap:var(--space-unit);flex-direction:column;display:flex}.form-label{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}.form-input,.form-select{font-family:var(--font-family);color:var(--ink);background:var(--bg);border:1px solid var(--ink);padding:var(--space-unit) calc(var(--space-unit) * 2);min-height:44px}.form-input::placeholder{color:var(--ink-muted);opacity:.6}.form-actions{gap:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2);display:flex}.button{font-family:var(--font-family);font-size:var(--text-body);color:var(--ink);background:var(--bg);border:1px solid var(--ink);padding:var(--space-unit) calc(var(--space-unit) * 3);cursor:pointer;min-height:44px}.button:hover{background:var(--ink);color:var(--bg)}.button:active{transform:translateY(1px)}.button.primary{background:var(--ink);color:var(--bg)}.button.primary:hover{background:var(--ink-muted)}.button:disabled{opacity:.5;cursor:not-allowed}.status-select{font-family:var(--font-family);font-size:var(--text-small);border:1px solid var(--ink);cursor:pointer;color:var(--ink);background:0 0;min-height:auto;padding:4px 8px}@media (width<=768px){.app-container{flex-direction:column}.shoulder{border-right:none;border-bottom:1px solid var(--rule);width:100%;padding:calc(var(--space-unit) * 2)}.thumb-index{flex-flow:wrap}.content{min-width:0;max-width:100%;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.guide-words{flex-direction:column;align-items:flex-start;gap:4px}.book-title{font-size:calc(var(--text-display) * .85)}}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}