:root{--font-family: "Lexend", system-ui, sans-serif;--color-bg: #faf6ec;--color-surface: #ffffff;--color-surface-muted: #f1e4d3;--color-border: #e4d5bf;--color-border-soft: #f0e6d8;--color-text: #3a2e22;--color-text-soft: #6b5842;--color-text-muted: #8c7a64;--color-text-faint: #a6957f;--color-accent: #c9773f;--color-on-accent: #ffffff;--color-favorite-bg: #fce9d8;--color-favorite-text: #b15a3a;--color-drain-bg: #f5e3e3;--color-drain-text: #a34c4c;--color-cover-1: #b15a3a;--color-cover-2: #8c6b9e;--color-cover-3: #7c8c5e;--color-cover-4: #5e7c94;--shadow-card: 0 1px 3px rgba(58, 46, 34, .08);--shadow-fab: 0 4px 12px rgba(201, 119, 63, .4);--radius-card: 16px;--radius-pill: 16px;--radius-chip: 8px;--radius-cover: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--page-gutter: var(--space-5);--content-max-width: 640px;--motion-fast: .2s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-column{max-width:var(--content-max-width);margin:0 auto;min-height:100vh}.main-header{position:sticky;top:0;z-index:10;background:var(--color-bg);transition:transform var(--motion-fast)}.main-header[data-collapsed=true]{transform:translateY(calc(-1 * var(--title-bar-height, 0px)))}@media(prefers-reduced-motion:reduce){.main-header{transition:none}}.title-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--page-gutter) var(--space-3)}.title-bar h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.2px}.icon-button{width:40px;height:40px;border-radius:20px;border:none;background:var(--color-surface-muted);color:var(--color-text-soft);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.search-row{display:flex;gap:var(--space-2);padding:0 var(--page-gutter) var(--space-3)}.search-field{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:40px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.search-field input{flex:1;min-width:0;border:none;background:transparent;color:var(--color-text);font-size:14px;outline:none}.search-field input::placeholder{color:var(--color-text-faint)}.search-field:focus-within{border-color:var(--color-accent)}.filters-button{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);font-size:13px;font-weight:600}.filters-button__badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-accent);color:var(--color-on-accent);font-size:11px;font-weight:700;line-height:18px;text-align:center}.status-tabs{display:flex;gap:6px;padding:0 var(--page-gutter) var(--space-3)}.status-tab{flex:1;min-width:0;padding:8px 4px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);font-size:12px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tab[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);font-weight:700}.status-tab__short{display:none}@media(max-width:400px){:root{--page-gutter: var(--space-4)}.status-tabs{gap:var(--space-1)}.status-tab{padding:8px 2px;font-size:11.5px}}@media(max-width:419px){.status-tab__long{display:none}.status-tab__short{display:inline}}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 var(--page-gutter) var(--space-3)}.book-list{display:flex;flex-direction:column;gap:14px;padding:var(--space-1) var(--page-gutter) 100px}.book-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.list-message{margin:var(--space-6) 0;font-size:14px;color:var(--color-text-muted);text-align:center}.list-message p{margin:0 0 var(--space-3)}.button{height:40px;padding:0 var(--space-5);border-radius:20px;border:none;background:var(--color-accent);color:var(--color-on-accent);font-size:14px;font-weight:600}.load-more-sentinel{height:1px}.book-card{display:flex;gap:14px;padding:14px;background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);color:inherit;text-decoration:none}.book-card:active{background:var(--color-bg)}.book-card__cover{width:56px;height:80px;flex-shrink:0;border-radius:var(--radius-cover);background:var(--color-surface-muted);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;letter-spacing:.5px}.book-card__cover[data-tint="1"]{background:var(--color-cover-1);color:var(--color-on-accent)}.book-card__cover[data-tint="2"]{background:var(--color-cover-2);color:var(--color-on-accent)}.book-card__cover[data-tint="3"]{background:var(--color-cover-3);color:var(--color-on-accent)}.book-card__cover[data-tint="4"]{background:var(--color-cover-4);color:var(--color-on-accent)}.book-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.book-card__title-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);row-gap:2px}.book-card__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.book-card__byline{margin:0;font-size:13px;color:var(--color-text-soft);line-height:1.4}.book-card__series{color:var(--color-text-muted)}.book-card__pills{display:flex;flex-wrap:wrap;gap:6px}.genre-badge,.tag-pill{font-size:11px;font-weight:600;line-height:1;padding:4px 8px;border-radius:var(--radius-chip)}.genre-badge{background:var(--color-surface-muted);color:var(--color-text-soft)}.tag-pill{border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:500}.book-card__date{margin:0;font-size:12px;color:var(--color-text-faint)}.rating-stars{font-size:13px;letter-spacing:1px;white-space:nowrap}.rating-stars__on{color:var(--color-accent)}.rating-stars__off{color:var(--color-border)}.rating-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-chip);white-space:nowrap}.rating-badge--favorite{background:var(--color-favorite-bg);color:var(--color-favorite-text)}.rating-badge--drain{background:var(--color-drain-bg);color:var(--color-drain-text)}.card-skeleton{display:flex;gap:14px;padding:14px;background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card)}.card-skeleton__cover{width:56px;height:80px;flex-shrink:0;border-radius:var(--radius-cover);background:var(--color-surface-muted)}.card-skeleton__lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding-top:2px}.card-skeleton__line{height:12px;border-radius:6px;background:var(--color-surface-muted)}.fab{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));right:max(var(--page-gutter),calc((100vw - var(--content-max-width)) / 2 + var(--page-gutter)));z-index:20;width:56px;height:56px;border-radius:28px;background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-fab);display:flex;align-items:center;justify-content:center}.page-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--page-gutter) var(--space-4)}.page-header h1{margin:0;font-size:22px;font-weight:700}.page-body{padding:0 var(--page-gutter) var(--space-6)}.stub-note{margin:0 0 var(--space-4);padding:14px;border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border-soft);color:var(--color-text-muted);font-size:14px}