@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#faf8f5;--color-bg-secondary:#f3f0eb;--color-bg-tertiary:#ebe7e0;--color-surface:#fff;--color-border:#ddd8d0;--color-border-subtle:#e8e4dd;--color-text-primary:#2c2420;--color-text-secondary:#5c534a;--color-text-tertiary:#8c8278;--color-accent:#a8612b;--color-accent-hover:#8b4f20;--color-accent-subtle:#fbf1e8;--color-success:#3d7c4f;--color-warning:#b8860b;--color-error:#c0392b;--color-progress:#a8612b;--color-rating:#d4a03e;--color-shelf-want:#4a72b0;--color-shelf-want-bg:#eef2fa;--color-shelf-reading:#a8612b;--color-shelf-reading-bg:#fbf1e8;--color-shelf-read:#3d7c4f;--color-shelf-read-bg:#ebf4ee;--color-error-subtle:#faeae8;--color-warning-subtle:#fbf5e0;--color-success-subtle:#ebf4ee;--color-info:#a8612b;--color-info-subtle:#fbf1e8;--font-heading:"Lora", Georgia, "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.9375rem;--text-3xl:2.4375rem;--text-4xl:3rem;--text-5xl:3.75rem;--leading-tight:1.2;--leading-snug:1.25;--leading-normal:1.3;--leading-relaxed:1.4;--leading-loose:1.45;--leading-prose:1.6;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999rem;--shadow-sm:0 1px 3px #2c24200f;--shadow-md:0 4px 8px -1px #2c242014, 0 2px 4px -2px #2c24200a;--shadow-lg:0 12px 20px -4px #2c24201f, 0 4px 8px -4px #2c24200f;--shadow-book:0 2px 8px #2c242026, 0 1px 3px #2c24201a;--sidebar-width:15rem;--content-max-width:48rem;--library-max-width:72rem;--page-max-width:80rem;--nav-height-mobile:64px;--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#1a1512;--color-bg-secondary:#231e1a;--color-bg-tertiary:#2e2822;--color-surface:#231e1a;--color-border:#3d352d;--color-border-subtle:#2e2822;--color-text-primary:#ede8e2;--color-text-secondary:#a89e94;--color-text-tertiary:#7a716a;--color-accent:#d4964a;--color-accent-hover:#e0a85e;--color-accent-subtle:#2e2218;--color-success:#5aaf6e;--color-warning:#d4a03e;--color-error:#e8614d;--color-progress:#d4964a;--color-rating:#e0b84a;--color-shelf-want:#7ba4d8;--color-shelf-want-bg:#1e2a3a;--color-shelf-reading:#d4964a;--color-shelf-reading-bg:#2e2218;--color-shelf-read:#5aaf6e;--color-shelf-read-bg:#1c3228;--color-error-subtle:#2e1a18;--color-warning-subtle:#2a2410;--color-success-subtle:#1c3228;--color-info:#d4964a;--color-info-subtle:#2e2218;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 8px -1px #0006, 0 2px 4px -2px #00000040;--shadow-lg:0 12px 20px -4px #00000080, 0 4px 8px -4px #0000004d;--shadow-book:0 2px 8px #0006, 0 1px 3px #0000004d}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);line-height:var(--leading-prose);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-normal);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-subtle);color:var(--color-accent)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base)}.skip-link{top:-999px;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);pointer-events:all;min-width:280px;max-width:400px;animation:.3s cubic-bezier(.175,.885,.32,1.275) toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.toast__icon{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast--success .toast__icon{background:var(--color-success-subtle);color:var(--color-success)}.toast--error .toast__icon{background:var(--color-error-subtle);color:var(--color-error)}.toast--warning .toast__icon{background:var(--color-warning-subtle);color:var(--color-warning)}.toast--info .toast__icon{background:var(--color-info-subtle);color:var(--color-info)}.toast__message{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-relaxed);flex:1}.toast__close{color:var(--color-text-tertiary);font-size:var(--text-xs);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);flex-shrink:0}.toast__close:hover{color:var(--color-text-primary)}@media (width<=640px){.toast-container{bottom:calc(var(--nav-height-mobile) + var(--space-4));right:var(--space-4);left:var(--space-4)}.toast{min-width:unset;max-width:100%}}.star-rating{gap:2px;display:flex}.star-rating__star{color:var(--color-border);transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;padding:1px;line-height:1}.star-rating__star--filled{color:var(--color-rating)}.star-rating:not(.star-rating--readonly) .star-rating__star:hover{transform:scale(1.2)}.star-rating--readonly .star-rating__star{cursor:default}.star-rating--sm .star-rating__star{font-size:var(--text-sm)}.star-rating--md .star-rating__star{font-size:var(--text-xl)}.star-rating--lg .star-rating__star{font-size:var(--text-2xl)}.progress-bar{align-items:center;gap:var(--space-2);width:100%;display:flex}.progress-bar__track{background:var(--color-border-subtle);border-radius:var(--radius-full);flex:1;overflow:hidden}.progress-bar--sm .progress-bar__track{height:4px}.progress-bar--md .progress-bar__track{height:8px}.progress-bar--lg .progress-bar__track{height:12px}.progress-bar__fill{background:var(--progress-color,var(--color-progress));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap;text-align:right;min-width:36px}.circular-progress{justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-progress__svg{position:absolute;top:0;left:0}.circular-progress__track{fill:none;stroke:var(--color-border-subtle)}.circular-progress__fill{fill:none;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.circular-progress__content{text-align:center;justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-4);flex-direction:column;display:flex}.circular-progress__label{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.circular-progress__sublabel{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);text-align:center}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state__icon{opacity:.4;font-size:3.5rem;line-height:1}.empty-state__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;line-height:var(--leading-prose)}.empty-state__action{margin-top:var(--space-2)}.book-cover{border-radius:var(--radius-md);box-shadow:var(--shadow-book);background:var(--color-bg-secondary);aspect-ratio:2/3;flex-shrink:0;overflow:hidden}.book-cover--xs{width:36px}.book-cover--sm{width:56px}.book-cover--md{width:96px}.book-cover--lg{width:128px}.book-cover--xl{width:160px}.book-cover__img{object-fit:cover;width:100%;height:100%;transition:opacity .3s;display:block}.book-cover--placeholder{background:color-mix(in srgb, var(--cover-bg,var(--color-accent)) 12%, var(--color-bg-secondary));border:1px solid color-mix(in srgb, var(--cover-bg,var(--color-accent)) 20%, var(--color-border));justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);text-align:center;flex-direction:column;display:flex}.book-cover__placeholder-title{font-family:var(--font-serif);font-weight:var(--font-semibold);color:var(--cover-bg,var(--color-accent));word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.book-cover__placeholder-author{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.5em;line-height:1.2;overflow:hidden}.book-cover--xs .book-cover__placeholder-title,.book-cover--xs .book-cover__placeholder-author,.book-cover--sm .book-cover__placeholder-author{display:none}.book-cover:hover .book-cover__img{opacity:.92}.book-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;position:relative}.book-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.book-card__cover-btn{width:100%;padding:var(--space-4) var(--space-4) 0;cursor:pointer;background:0 0;border:none;display:block}.book-card__cover{border-radius:var(--radius-md);aspect-ratio:2/3!important;width:100%!important}.book-card__body{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.book-card__title-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.book-card__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-normal);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-card__title-btn:hover .book-card__title{color:var(--color-accent)}.book-card__author{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.book-card__genre{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.book-card__progress{gap:var(--space-1);flex-direction:column;display:flex}.book-card__progress-pages{font-size:var(--text-xs);color:var(--color-text-tertiary)}.book-card__footer{padding-top:var(--space-2);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.book-card__shelf-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.book-card__shelf-badge--want-to-read{background:var(--color-shelf-want-bg);color:var(--color-shelf-want)}.book-card__shelf-badge--currently-reading{background:var(--color-shelf-reading-bg);color:var(--color-shelf-reading)}.book-card__shelf-badge--read{background:var(--color-shelf-read-bg);color:var(--color-shelf-read)}.book-card__actions{align-items:center;gap:var(--space-2);display:flex}.book-card__menu-wrap{position:relative}.book-card__menu-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-tertiary);font-size:var(--text-lg);font-weight:var(--font-bold);transition:all var(--transition-fast);justify-content:center;align-items:center;line-height:1;display:flex}.book-card__menu-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.book-card__overlay{z-index:10;position:fixed;inset:0}.book-card__menu{bottom:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:20;min-width:180px;animation:.15s cubic-bezier(.175,.885,.32,1.275) menu-pop;position:absolute;right:0}@keyframes menu-pop{0%{opacity:0;transform:scale(.9)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.book-card__menu-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-1)}.book-card__menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast);display:flex}.book-card__menu-item:hover{background:var(--color-bg-secondary)}.book-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-8) var(--space-4);background:#00000080;justify-content:center;align-items:flex-start;animation:.2s overlay-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.book-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:640px;box-shadow:var(--shadow-lg);animation:.25s cubic-bezier(.175,.885,.32,1.1) modal-in;position:relative;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(-16px)}to{opacity:1;transform:scale(1)translateY(0)}}.book-modal__close{top:var(--space-4);right:var(--space-4);z-index:10;border-radius:var(--radius-full);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.book-modal__close:hover{background:var(--color-border);color:var(--color-text-primary)}.book-modal__header{gap:var(--space-6);padding:var(--space-8) var(--space-8) var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex}.book-modal__cover{flex-shrink:0}.book-modal__meta{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.book-modal__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-normal)}.book-modal__author{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.book-modal__info-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.book-modal__tag{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-weight:var(--font-medium)}.book-modal__shelf-select{gap:var(--space-2);flex-wrap:wrap;display:flex}.book-modal__shelf-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-fast);background:var(--color-surface);color:var(--color-text-secondary);border:2px solid #0000}.book-modal__shelf-btn--want-to-read:hover,.book-modal__shelf-btn--want-to-read.book-modal__shelf-btn--active{background:var(--color-shelf-want-bg);color:var(--color-shelf-want);border-color:var(--color-shelf-want)}.book-modal__shelf-btn--currently-reading:hover,.book-modal__shelf-btn--currently-reading.book-modal__shelf-btn--active{background:var(--color-shelf-reading-bg);color:var(--color-shelf-reading);border-color:var(--color-shelf-reading)}.book-modal__shelf-btn--read:hover,.book-modal__shelf-btn--read.book-modal__shelf-btn--active{background:var(--color-shelf-read-bg);color:var(--color-shelf-read);border-color:var(--color-shelf-read)}.book-modal__dates{flex-direction:column;gap:2px;display:flex}.book-modal__date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.book-modal__body{padding:var(--space-6) var(--space-8);gap:var(--space-6);flex-direction:column;max-height:60vh;display:flex;overflow-y:auto}.book-modal__section{gap:var(--space-3);flex-direction:column;display:flex}.book-modal__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.book-modal__progress-area{gap:var(--space-3);flex-direction:column;display:flex}.book-modal__progress-input-row{align-items:center;gap:var(--space-3);display:flex}.book-modal__label{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:100px}.book-modal__page-input-wrap{align-items:center;gap:var(--space-2);flex:1;display:flex}.book-modal__page-input{width:80px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface);text-align:center;-moz-appearance:textfield}.book-modal__page-input::-webkit-inner-spin-button{-webkit-appearance:none}.book-modal__page-input::-webkit-outer-spin-button{-webkit-appearance:none}.book-modal__page-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.book-modal__page-total{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap}.book-modal__save-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background var(--transition-fast)}.book-modal__save-btn:hover{background:var(--color-accent-hover)}.book-modal__slider{width:100%;accent-color:var(--color-accent);height:6px}.book-modal__hint{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.book-modal__description{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-prose)}.book-modal__notes{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-serif);color:var(--color-text-primary);background:var(--color-surface);resize:vertical;min-height:100px;line-height:var(--leading-prose);transition:border-color var(--transition-fast)}.book-modal__notes:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.book-modal__danger{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.book-modal__remove-btn{font-size:var(--text-sm);color:var(--color-error);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-error-subtle);background:var(--color-error-subtle);transition:all var(--transition-fast)}.book-modal__remove-btn:hover{background:var(--color-error);color:#fff}@media (width<=640px){.book-modal__overlay{align-items:flex-end;padding:0}.book-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh}.book-modal__header{padding:var(--space-6);flex-direction:row;align-items:flex-start}.book-modal__body{max-height:none;padding:var(--space-5)}}.navigation{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:sticky;top:0}.navigation__header{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.navigation__brand{align-items:center;gap:var(--space-3);display:flex}.navigation__brand-icon{font-size:1.5rem}.navigation__brand-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.01em}.navigation__links{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.navigation__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);text-decoration:none;display:flex}.navigation__link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.navigation__link--active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-semibold)}.navigation__link-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.navigation__link-label{flex:1}.navigation__footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-2);display:flex}.navigation__user{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.navigation__avatar{border-radius:var(--radius-full);background:var(--color-accent);width:36px;height:36px;font-weight:var(--font-bold);font-size:var(--text-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navigation__user-info{flex-direction:column;min-width:0;display:flex}.navigation__user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navigation__user-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.navigation__logout{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-lg);transition:all var(--transition-base);flex-shrink:0;line-height:1}.navigation__logout:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.navigation-mobile{z-index:100;background:var(--color-surface);border-top:1px solid var(--color-border);height:var(--nav-height-mobile);padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #2c24200f}.navigation-mobile__item{color:var(--color-text-tertiary);border-radius:var(--radius-lg);transition:color var(--transition-base);padding:var(--space-1);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.navigation-mobile__item:hover,.navigation-mobile__item--active{color:var(--color-accent)}.navigation-mobile__icon{font-size:1.3rem;line-height:1}.navigation-mobile__label{font-size:10px;font-weight:var(--font-medium)}@media (width<=768px){.navigation{display:none}.navigation-mobile{display:flex}}.shelf-tabs{gap:var(--space-1);background:var(--color-surface);padding:var(--space-1);border-radius:var(--radius-xl);border:1px solid var(--color-border);scrollbar-width:none;display:flex;overflow-x:auto}.shelf-tabs::-webkit-scrollbar{display:none}.shelf-tabs__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-base);display:flex}.shelf-tabs__tab:hover:not(.shelf-tabs__tab--active){background:var(--color-bg-secondary);color:var(--color-text-primary)}.shelf-tabs__tab--active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.shelf-tabs__tab--currently-reading.shelf-tabs__tab--active{background:var(--color-shelf-reading)}.shelf-tabs__tab--want-to-read.shelf-tabs__tab--active{background:var(--color-shelf-want)}.shelf-tabs__tab--read.shelf-tabs__tab--active{background:var(--color-shelf-read)}.shelf-tabs__count{color:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-align:center;background:#ffffff40;min-width:20px;padding:1px 7px}.shelf-tabs__tab:not(.shelf-tabs__tab--active) .shelf-tabs__count{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.app-layout{height:100%;min-height:100vh;display:flex}.app-layout__main{flex:1;min-width:0;overflow-y:auto}@media (width<=768px){.app-layout{flex-direction:column}.app-layout__main{padding-bottom:var(--nav-height-mobile)}}.landing{background:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.landing__hero{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16);max-width:var(--page-max-width);width:100%;min-height:90vh;margin:0 auto;display:flex}.landing__hero-content{gap:var(--space-6);flex-direction:column;flex:1;max-width:600px;display:flex}.landing__brand{align-items:center;gap:var(--space-3);display:flex}.landing__brand-icon{font-size:2rem}.landing__brand-name{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent)}.landing__headline{font-family:var(--font-heading);font-size:clamp(var(--text-3xl), 6vw, var(--text-3xl) * 1.5);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.02em}.landing__headline em{color:var(--color-accent);font-style:italic}.landing__subheadline{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-prose);max-width:480px}.landing__cta-group{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.landing__cta{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--transition-base);white-space:nowrap}.landing__cta--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.landing__cta--primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.landing__cta--secondary{color:var(--color-accent);border:2px solid var(--color-border);background:0 0}.landing__cta--secondary:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.landing__disclaimer{font-size:var(--text-sm);color:var(--color-text-tertiary)}.landing__hero-visual{flex-shrink:0}.landing__book-stack{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.landing__book-item{animation:3s ease-in-out infinite float;animation-delay:var(--delay,0s);filter:drop-shadow(0 8px 16px #2c242026);font-size:clamp(4rem,8vw,7rem);line-height:1}@keyframes float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}.landing__stats{justify-content:center;gap:var(--space-16);padding:var(--space-10) var(--space-8);background:var(--color-accent);display:flex}.landing__stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.landing__stat-value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff}.landing__stat-label{font-size:var(--text-sm);color:#ffffffbf;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.landing__features{padding:var(--space-20) var(--space-16);max-width:var(--page-max-width);width:100%;margin:0 auto}.landing__section-header{text-align:center;margin-bottom:var(--space-12);gap:var(--space-3);flex-direction:column;display:flex}.landing__section-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.landing__section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary)}.landing__features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.landing__feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);transition:all var(--transition-base);flex-direction:column;display:flex}.landing__feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-subtle);transform:translateY(-2px)}.landing__feature-icon{font-size:2.5rem;line-height:1}.landing__feature-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.landing__feature-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-prose)}.landing__final-cta{padding:var(--space-20) var(--space-8);background:var(--color-bg-secondary);align-items:center;gap:var(--space-8);text-align:center;flex-direction:column;display:flex}.landing__final-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.landing__footer{padding:var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);border-top:1px solid var(--color-border)}@media (width<=1024px){.landing__hero{padding:var(--space-12) var(--space-8);text-align:center;min-height:unset;gap:var(--space-10);flex-direction:column}.landing__hero-content{align-items:center;max-width:100%}.landing__subheadline{max-width:100%}.landing__book-stack{gap:var(--space-6);flex-direction:row}.landing__book-item:nth-child(n+4){display:none}.landing__features{padding:var(--space-12) var(--space-6)}}@media (width<=640px){.landing__hero{padding:var(--space-8) var(--space-5)}.landing__stats{gap:var(--space-8);padding:var(--space-8) var(--space-5)}.landing__cta{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.landing__book-stack{gap:var(--space-4)}.landing__book-item:nth-child(n+3){display:none}}.library{padding:var(--space-8);max-width:var(--library-max-width);gap:var(--space-6);flex-direction:column;min-height:100%;margin:0 auto;display:flex}.library__header{gap:var(--space-5);z-index:10;background:var(--color-bg-primary);padding-bottom:var(--space-4);flex-direction:column;display:flex;position:sticky;top:0}.library__header-top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.library__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.library__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.library__search-btn{padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;transition:background var(--transition-base);flex-shrink:0}.library__search-btn:hover{background:var(--color-accent-hover)}.library__controls{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.library__search-wrap{flex:1;align-items:center;min-width:180px;display:flex;position:relative}.library__search-icon{left:var(--space-3);font-size:var(--text-sm);pointer-events:none;position:absolute}.library__search{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.library__search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.library__genre-filter,.library__sort-select{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.library__genre-filter:focus,.library__sort-select:focus{border-color:var(--color-accent);outline:none}.library__sort-group{align-items:center;gap:var(--space-1);display:flex}.library__sort-dir{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:34px;height:34px;font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.library__sort-dir:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.library__content{flex:1}.library__grid{gap:var(--space-5);grid-template-columns:repeat(5,1fr);display:grid}.library__empty-cta{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background var(--transition-base)}.library__empty-cta:hover{background:var(--color-accent-hover)}@media (width<=768px){.library{padding:var(--space-5) var(--space-4)}.library__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.library__controls{flex-direction:column;align-items:stretch}.library__sort-group{justify-content:flex-end}}.search-page{padding:var(--space-8);gap:var(--space-8);flex-direction:column;max-width:800px;min-height:100%;margin:0 auto;display:flex}.search-page__header{gap:var(--space-4);flex-direction:column;display:flex}.search-page__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.search-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.search-page__form{gap:var(--space-3);align-items:center;display:flex}.search-page__input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-page__input-icon{left:var(--space-4);font-size:var(--text-base);pointer-events:none;z-index:1;position:absolute}.search-page__input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-10);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.search-page__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle);outline:none}.search-page__spinner{right:var(--space-4);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:18px;height:18px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.search-page__submit{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background var(--transition-base);white-space:nowrap}.search-page__submit:hover:not(:disabled){background:var(--color-accent-hover)}.search-page__submit:disabled{opacity:.5;cursor:not-allowed}.search-page__suggestions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.search-page__suggestions-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.search-page__suggestion{font-size:var(--text-sm);color:var(--color-accent);padding:var(--space-1) var(--space-3);border:1px solid var(--color-accent-subtle);border-radius:var(--radius-full);background:var(--color-accent-subtle);transition:all var(--transition-fast)}.search-page__suggestion:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.search-page__error{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-error-subtle);color:var(--color-error);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}.search-page__count{font-size:var(--text-sm);color:var(--color-text-secondary)}.search-page__count em{color:var(--color-text-primary);font-style:normal;font-weight:var(--font-medium)}.search-page__list{gap:var(--space-3);flex-direction:column;display:flex}.search-result{align-items:flex-start;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);transition:box-shadow var(--transition-base);display:flex}.search-result:hover{box-shadow:var(--shadow-md)}.search-result--in-library{border-color:var(--color-shelf-read);background:var(--color-shelf-read-bg)}.search-result__info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.search-result__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-normal)}.search-result__author{font-size:var(--text-sm);color:var(--color-text-secondary)}.search-result__meta{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.search-result__tag{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary)}.search-result__action{justify-content:center;align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.search-result__in-library-badge{font-size:var(--text-sm);color:var(--color-shelf-read);font-weight:var(--font-semibold);white-space:nowrap}.search-result__add-group{gap:var(--space-2);flex-direction:column;align-items:stretch;display:flex}.search-result__shelf-select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);background:var(--color-surface);color:var(--color-text-primary)}.search-result__add-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;transition:background var(--transition-fast)}.search-result__add-btn:hover{background:var(--color-accent-hover)}@media (width<=640px){.search-page{padding:var(--space-5) var(--space-4)}.search-page__form{flex-direction:column;align-items:stretch}.search-page__submit{text-align:center}.search-result{flex-wrap:wrap}.search-result__action{flex-direction:row;justify-content:flex-end;width:100%}}.goals{padding:var(--space-8);gap:var(--space-10);flex-direction:column;max-width:900px;min-height:100%;margin:0 auto;display:flex}.goals__header{gap:var(--space-2);flex-direction:column;display:flex}.goals__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.goals__subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.goals__progress-section{gap:var(--space-10);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-8);align-items:center;display:flex}.goals__circle-wrap{flex-shrink:0;justify-content:center;display:flex}.goals__stats-panel{gap:var(--space-5);flex-direction:column;flex:1;min-width:0;display:flex}.goals__status-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);width:fit-content;display:inline-flex}.goals__status-badge--ahead{background:var(--color-success-subtle);color:var(--color-success)}.goals__status-badge--behind{background:var(--color-warning-subtle);color:var(--color-warning)}.goals__stat-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.goals__stat{gap:var(--space-1);flex-direction:column;display:flex}.goals__stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.goals__stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.goals__pace-info{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-prose);background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg)}.goals__pace-info strong{color:var(--color-text-primary)}.goals__editor{align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.goals__editor-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap}.goals__editor-controls{align-items:center;gap:var(--space-2);display:flex}.goals__editor-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;line-height:1;display:flex}.goals__editor-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.goals__editor-input{text-align:center;width:72px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);background:var(--color-surface);-moz-appearance:textfield}.goals__editor-input::-webkit-inner-spin-button{-webkit-appearance:none}.goals__editor-input::-webkit-outer-spin-button{-webkit-appearance:none}.goals__editor-input:focus{border-color:var(--color-accent);outline:none}.goals__editor-save{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background var(--transition-fast)}.goals__editor-save:hover{background:var(--color-accent-hover)}.goals__section-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.goals__month-grid{gap:var(--space-3);grid-template-columns:repeat(6,1fr);display:grid}.goals__month-cell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-1);transition:all var(--transition-base);flex-direction:column;display:flex}.goals__month-cell--has-books{background:var(--color-accent-subtle);border-color:var(--color-accent)}.goals__month-cell--current{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.goals__month-cell--missed{opacity:.5}.goals__month-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.goals__month-count{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.goals__month-cell--has-books .goals__month-name,.goals__month-cell--has-books .goals__month-count{color:var(--color-accent)}.goals__recent-list{gap:var(--space-2);flex-direction:column;display:flex}.goals__recent-item{align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex}.goals__recent-num{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-align:right;min-width:32px}.goals__recent-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.goals__recent-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.goals__recent-author{font-size:var(--text-xs);color:var(--color-text-tertiary)}.goals__recent-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.goals__recent-rating{color:var(--color-rating);font-size:var(--text-sm)}.goals__recent-genre{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (width<=768px){.goals{padding:var(--space-5) var(--space-4)}.goals__progress-section{text-align:center;padding:var(--space-6);flex-direction:column;align-items:center}.goals__stat-grid{grid-template-columns:repeat(2,1fr)}.goals__month-grid{grid-template-columns:repeat(4,1fr)}.goals__editor{flex-direction:column;align-items:flex-start}}@media (width<=480px){.goals__month-grid{grid-template-columns:repeat(3,1fr)}}.stats{padding:var(--space-8);gap:var(--space-8);flex-direction:column;max-width:1000px;min-height:100%;margin:0 auto;display:flex}.stats__header{gap:var(--space-2);flex-direction:column;display:flex}.stats__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.stats__subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.stats__hero-banner{background:var(--color-accent);color:#fff;border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);justify-content:space-between;align-items:center;display:flex;overflow:hidden}.stats__hero-text{gap:var(--space-1);flex-direction:column;display:flex}.stats__hero-label{font-size:var(--text-lg);opacity:.8;font-weight:var(--font-regular)}.stats__hero-count{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-bold);color:#fff;line-height:1}.stats__hero-unit{font-size:var(--text-xl);opacity:.9}.stats__hero-emoji{opacity:.3;font-size:6rem;line-height:1}.stats__card-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);align-items:flex-start;gap:var(--space-3);border-top:3px solid var(--card-accent,var(--color-accent));display:flex}.stat-card__icon{flex-shrink:0;font-size:1.5rem;line-height:1}.stat-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card__value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);word-break:break-word;line-height:1.1}.stat-card__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-card__sub{font-size:var(--text-xs);color:var(--color-text-tertiary)}.stats__charts-grid{gap:var(--space-5);grid-template-columns:2fr 1fr;display:grid}.stats__chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.stats__chart-card--wide{grid-column:1/-1}.stats__chart-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.stats__no-data{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-8)}.stats__section{gap:var(--space-4);flex-direction:column;display:flex}.stats__section-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.stats__top-list{gap:var(--space-2);flex-direction:column;display:flex}.stats__top-item{align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex}.stats__top-rank{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-align:right;min-width:28px}.stats__top-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stats__top-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stats__top-author{font-size:var(--text-xs);color:var(--color-text-tertiary)}.stats__top-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.stats__top-date{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.stats__facts-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.stats__fact{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);align-items:flex-start;display:flex}.stats__fact-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.stats__fact-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.stats__fact-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-normal)}.stats__fact-sub{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.chart-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg)}.chart-tooltip__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.chart-tooltip__value{font-size:var(--text-sm)}@media (width<=900px){.stats__card-row{grid-template-columns:repeat(2,1fr)}.stats__charts-grid{grid-template-columns:1fr}.stats__chart-card--wide{grid-column:1}.stats__facts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats{padding:var(--space-5) var(--space-4)}.stats__hero-banner{padding:var(--space-6)}.stats__hero-count{font-size:var(--text-4xl)}.stats__hero-emoji{font-size:4rem}.stats__card-row{grid-template-columns:1fr 1fr}.stats__facts-grid{grid-template-columns:1fr}}