*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}:root{--bg-warm:#f8f4ee;--bg-paper:#fff;--bg-section:#f0eae0;--bg-hover:#ebe4d8;--bg-ruled:repeating-linear-gradient(to bottom, transparent, transparent 27px, #e8e0d5 27px, #e8e0d5 28px);--text-primary:#2c2c2c;--text-secondary:#6b6560;--text-muted:#9b9590;--text-inverse:#faf7f2;--accent-forest:#2d6a4f;--accent-forest-light:#3d8b6a;--accent-forest-bg:#e8f5ee;--accent-rust:#b85c38;--accent-rust-light:#d4754f;--accent-rust-bg:#fdf0eb;--accent-blue:#4a6fa5;--accent-blue-light:#6089be;--accent-blue-bg:#ebf0f7;--border:#e0d8ce;--border-dark:#c4b8a8;--border-focus:#2d6a4f;--shadow-sm:0 1px 3px #2c2c2c0f;--shadow-md:0 4px 12px #2c2c2c1a;--shadow-lg:0 8px 24px #2c2c2c24;--shadow-lift:0 12px 32px #2c2c2c29;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-sans:"Source Sans 3", "Segoe UI", -apple-system, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:72px;--container-max:1320px;--header-height:60px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-warm);background-image:var(--bg-ruled);background-attachment:fixed;min-height:100vh;font-size:.9375rem;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text-primary);font-weight:600;line-height:1.25}h1{letter-spacing:-.03em;font-size:2.75rem}h2{letter-spacing:-.02em;font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.0625rem;font-weight:500}p{color:var(--text-secondary);max-width:62ch;font-size:.9375rem}a{color:var(--accent-forest);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-forest-light)}img{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;font-size:.875rem}input,textarea,select{font-family:var(--font-sans);font-size:.9375rem}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-lg);margin:0 auto}.page{min-height:calc(100vh - var(--header-height) - 120px);padding-top:var(--space-2xl);padding-bottom:var(--space-3xl);animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);white-space:nowrap;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-forest);color:var(--text-inverse);border:1px solid var(--accent-forest)}.btn-primary:hover{background-color:var(--accent-forest-light);border-color:var(--accent-forest-light);box-shadow:var(--shadow-sm)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-section);border-color:var(--border-dark);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000;padding:8px 14px}.btn-ghost:hover{background-color:var(--bg-section);color:var(--text-primary)}.btn-text{color:var(--accent-forest);text-underline-offset:3px;background:0 0;border:none;padding:6px 4px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s,color .2s}.btn-text:hover{-webkit-text-decoration-color:var(--accent-forest);text-decoration-color:var(--accent-forest);color:var(--accent-forest-light)}.btn-danger{color:var(--accent-rust);border:1px solid var(--border);background:0 0}.btn-danger:hover{background-color:var(--accent-rust-bg);border-color:var(--accent-rust)}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-icon{border-radius:var(--radius-sm);padding:8px}.input{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-paper);width:100%;color:var(--text-primary);padding:12px 16px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-forest-bg);outline:none}.input::placeholder{color:var(--text-muted)}.card{background-color:var(--bg-paper);border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .3s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tag{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background-color:var(--bg-warm);letter-spacing:.02em;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-block}.level-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;background-color:#0000;align-self:flex-start;align-items:center;gap:4px;width:fit-content;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.level-badge--beginner{color:var(--accent-forest);border:1px solid var(--accent-forest);border-left:3px solid var(--accent-forest)}.level-badge--intermediate{color:var(--accent-blue);border:1px solid var(--accent-blue);border-left:3px solid var(--accent-blue)}.level-badge--advanced{color:var(--accent-rust);border:1px solid var(--accent-rust);border-left:3px solid var(--accent-rust)}.status-badge{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge--to-read{background-color:var(--accent-blue-bg);color:var(--accent-blue)}.status-badge--reading{background-color:var(--accent-forest-bg);color:var(--accent-forest)}.status-badge--completed{background-color:var(--accent-rust-bg);color:var(--accent-rust)}.select{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-paper);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:6px 30px 6px 12px;font-size:.8125rem}.select:focus{border-color:var(--border-focus);outline:none}.skeleton{background:linear-gradient(90deg, var(--bg-section) 25%, var(--bg-hover) 50%, var(--bg-section) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.textarea{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-paper);width:100%;color:var(--text-primary);resize:vertical;min-height:80px;padding:10px 14px;font-size:.875rem;line-height:1.5;transition:border-color .2s}.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-forest-bg);outline:none}.tab-bar{border-bottom:1px solid var(--border);margin-bottom:var(--space-lg);gap:0;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background-color:var(--bg-section)}.tab-btn--active{color:var(--accent-forest);border-bottom-color:var(--accent-forest)}.section-divider{background-color:var(--border);width:100%;height:1px;margin:var(--space-2xl) 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.book-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width<=768px){:root{--header-height:56px}h1{font-size:2rem}h2{font-size:1.375rem}h3{font-size:1.1rem}.container{padding:0 var(--space-md)}.page{padding-top:var(--space-lg);padding-bottom:var(--space-2xl)}.book-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=480px){h1{font-size:1.625rem}.container{padding:0 var(--space-sm)}.btn{padding:8px 16px;font-size:.8125rem}.book-grid{grid-template-columns:1fr}.tab-btn{padding:8px 14px;font-size:.8125rem}}.header{z-index:100;height:var(--header-height);background-color:var(--bg-warm);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header__brand{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.header__icon{color:var(--accent-forest);display:flex}.header__title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.header__descriptor{color:var(--text-muted);border-left:1px solid var(--border);padding-left:var(--space-sm);letter-spacing:.03em;margin-left:2px;font-size:.75rem;font-weight:400}.header__nav{align-items:center;gap:var(--space-xs);display:flex}.header__link{color:var(--text-muted);border-bottom:2px solid #0000;border-radius:0;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.header__link:hover{color:var(--text-primary)}.header__link--active{color:var(--accent-forest);border-bottom-color:var(--accent-forest)}.header__hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:8px;display:none}.header__hamburger-line{background-color:var(--text-primary);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.header__hamburger-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.header__hamburger-line.open:nth-child(2){opacity:0}.header__hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=600px){.header__descriptor{display:none}.header__hamburger{display:flex}.header__nav{top:var(--header-height);height:calc(100vh - var(--header-height));background-color:var(--bg-paper);border-left:1px solid var(--border);width:240px;padding:var(--space-lg) var(--space-md);gap:var(--space-xs);box-shadow:var(--shadow-lg);z-index:200;flex-direction:column;display:none;position:fixed;right:0;overflow-y:auto}.header__nav--open{display:flex}.header__link{text-align:left;border-radius:var(--radius-md);border-bottom:none;width:100%;padding:12px 16px}.header__link--active{background-color:var(--accent-forest-bg);border-bottom:none}}.footer{background-color:var(--bg-paper);border-top:1px solid var(--border);padding:var(--space-2xl) 0;margin-top:auto}.footer__inner{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.footer__brand{align-items:center;gap:var(--space-sm);display:flex}.footer__icon{font-size:1.25rem}.footer__name{font-family:var(--font-serif);color:var(--text-primary);font-size:1.1rem;font-weight:600}.footer__tagline{color:var(--text-muted);font-size:.875rem}.footer__credit{color:var(--text-muted);font-size:.8125rem}.footer__credit a{color:var(--accent-forest);text-underline-offset:2px;text-decoration:underline}.search-bar{background-color:var(--bg-paper);border:1px solid var(--border-dark);border-radius:var(--radius-md);align-items:center;gap:0;width:100%;max-width:640px;padding:4px 4px 4px 16px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px 3px #0000000a}.search-bar:focus-within{border-color:var(--accent-forest);box-shadow:inset 0 1px 3px #0000000a, 0 0 0 3px var(--accent-forest-bg)}.search-bar__icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.search-bar__input{color:var(--text-primary);background:0 0;border:none;flex:1;min-width:0;padding:10px 12px;font-size:.9375rem}.search-bar__input:focus{outline:none}.search-bar__input::placeholder{color:var(--text-muted);font-size:.875rem}.search-bar__btn{border-radius:var(--radius-sm);flex-shrink:0;padding:10px 24px}.search-bar--large{max-width:100%;padding:6px 6px 6px 20px}.search-bar--large .search-bar__input{padding:14px;font-size:1rem}.search-bar--large .search-bar__btn{padding:12px 28px;font-size:.9375rem}@media (width<=480px){.search-bar{padding:3px 3px 3px 12px}.search-bar__input{padding:8px;font-size:.875rem}.search-bar__input::placeholder{font-size:.8125rem}.search-bar__btn{padding:8px 16px;font-size:.8125rem}}.topic-chips{gap:var(--space-sm);flex-direction:column;display:flex}.topic-chips__list{flex-wrap:wrap;gap:6px;display:flex}.topic-chip{border-radius:var(--radius-sm);color:var(--text-secondary);background-color:var(--bg-paper);border:1px solid var(--border);border-bottom:2px solid var(--border-dark);cursor:pointer;padding:5px 12px;font-size:.8125rem;font-weight:500;transition:all .2s}.topic-chip:hover{color:var(--accent-forest);border-bottom-color:var(--accent-forest);background-color:var(--accent-forest-bg)}.leaf-ornament{pointer-events:none;z-index:-1;-webkit-user-select:none;user-select:none;position:absolute}@media (width<=768px){.leaf-ornament{display:none!important}}.home__hero{align-items:center;gap:var(--space-xl);padding:var(--space-3xl) 0 var(--space-2xl);grid-template-columns:1.15fr .85fr;display:grid;position:relative}.home__leaf-hero{top:5%;right:5%}.home__leaf-chips{top:-80px;right:10%}.home__leaf-recent{bottom:-40px;left:-20px}.home__hero-content{gap:var(--space-md);flex-direction:column;display:flex}.home__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-forest);font-size:.75rem;font-weight:600}.home__heading{letter-spacing:-.03em;color:var(--text-primary);margin-top:var(--space-xs);font-size:3rem;font-weight:700;line-height:1.1}.home__subtitle{color:var(--text-secondary);max-width:440px;margin:var(--space-xs) 0 0;font-size:1rem;line-height:1.7}.home__search-wrap{width:100%;max-width:480px;margin:var(--space-md) 0 var(--space-xs)}.home__chips-wrap{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.home__hero-visual{justify-content:flex-end;display:flex}.home__study-desk{justify-content:center;align-items:center;width:100%;max-width:420px;height:380px;display:flex;position:relative}.home__desk-book{z-index:2;transition:transform .3s;position:absolute;transform:rotate(2deg)}.home__desk-book:hover{z-index:5;transform:rotate(0)scale(1.02)}.home__desk-book-cover{object-fit:cover;width:180px;height:250px;box-shadow:var(--shadow-lg);border:1px solid #0000001a;border-radius:2px 6px 6px 2px;display:block}.home__desk-note{border:1px solid var(--border);box-shadow:var(--shadow-md);padding:var(--space-md);width:160px;color:var(--text-primary);font-size:.8125rem;line-height:1.4;font-family:var(--font-sans);background-color:#fefaf6;border-radius:2px;transition:transform .2s;position:absolute}.home__desk-note:hover{z-index:20;transform:scale(1.05)!important}.home__desk-pin{background-color:var(--accent-rust);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0003}.home__desk-note--1{z-index:10;top:20px;left:0;transform:rotate(-6deg)}.home__desk-note--2{z-index:11;bottom:30px;right:0;transform:rotate(4deg)}.home__desk-note--3{z-index:10;width:auto;padding:var(--space-sm) var(--space-md);color:var(--accent-blue);font-weight:500;top:60px;right:10px;transform:rotate(8deg)}.home__how{padding:var(--space-2xl) 0;border-top:1px solid var(--border);margin-top:var(--space-xl)}.home__section-title{margin-bottom:var(--space-xl);font-size:1.75rem;font-family:var(--font-serif)}.home__steps{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.home__step{gap:var(--space-sm);background-color:var(--bg-paper);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);flex-direction:column;display:flex}.home__step-num{border-radius:var(--radius-sm);background-color:var(--bg-section);width:28px;height:28px;color:var(--text-primary);font-family:var(--font-serif);border:1px solid var(--border);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.home__step-title{color:var(--text-primary);font-size:1.125rem;font-family:var(--font-serif)}.home__step-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.home__recent{padding:var(--space-2xl) 0;border-top:1px solid var(--border)}.home__recent .home__section-title{margin-bottom:var(--space-lg);font-size:1.375rem}.home__recent-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.home__recent-tab{border-radius:var(--radius-sm);color:var(--text-primary);background-color:var(--bg-paper);border:1px solid var(--border);border-bottom:2px solid var(--border-dark);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.home__recent-tab:hover{border-bottom-color:var(--accent-forest);color:var(--accent-forest)}.home__recent-dot{background-color:var(--border-dark);border-radius:50%;flex-shrink:0;width:6px;height:6px}.home__recent-tab:hover .home__recent-dot{background-color:var(--accent-forest)}.home__divider-wrap{justify-content:center;margin:1rem 0;display:flex}@media (width<=992px){.home__hero{gap:var(--space-xl);grid-template-columns:1fr}.home__path-preview{max-width:400px}}@media (width<=768px){.home__heading{font-size:2.25rem}.home__steps{gap:var(--space-md);grid-template-columns:1fr}}@media (width<=480px){.home__heading{font-size:1.75rem}.home__hero{padding:var(--space-xl) 0 var(--space-lg)}}.book-card{cursor:pointer;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.book-card.card{border-top:3px solid var(--border-dark)}.book-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.book-card__cover-wrap{aspect-ratio:5/4;background-color:var(--bg-section);width:100%;position:relative;overflow:hidden}.book-card__cover{object-fit:cover;width:100%;height:100%;transition:transform .3s}.book-card:hover .book-card__cover{transform:scale(1.03)}.book-card__bookmark{border:1px solid var(--border);cursor:pointer;width:30px;height:38px;color:var(--text-muted);z-index:2;box-shadow:var(--shadow-sm);background-color:#ffffffeb;border-top:none;border-radius:0 0 3px 3px;justify-content:center;align-items:center;padding-bottom:3px;transition:all .2s;display:flex;position:absolute;top:0;right:14px}.book-card__bookmark:hover{color:var(--text-primary);background-color:#fff;height:42px}.book-card__bookmark.is-saved{background-color:var(--accent-forest);border-color:var(--accent-forest);color:#fff}.book-card__bookmark.is-saved:hover{background-color:var(--accent-forest-bg);color:var(--accent-forest)}.book-card__body{padding:var(--space-sm) var(--space-md) var(--space-md);flex-direction:column;flex:1;display:flex}.book-card__meta-top{margin-bottom:var(--space-xs)}.book-card__level-label{text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:600}.book-card__level-label--beginner{color:var(--accent-forest)}.book-card__level-label--intermediate{color:var(--accent-blue)}.book-card__level-label--advanced{color:var(--accent-rust)}.book-card__title{font-family:var(--font-serif);margin-bottom:var(--space-xs);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.0625rem;line-height:1.3;display:-webkit-box;overflow:hidden}.book-card__author{color:var(--text-secondary);margin-bottom:2px;font-size:.875rem}.book-card__year{color:var(--text-muted);margin-bottom:auto;font-size:.75rem}.book-card__tags{display:none}.book-card__tags .tag{border-color:var(--border);background-color:#0000;font-size:.6875rem}.level-section{padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border);scroll-margin-top:var(--space-3xl)}.level-section--beginner{background-color:#f2f9f5}.level-section--intermediate{background-color:#f0f4fa}.level-section--advanced{background-color:#fdf5f2}.level-section__header{width:100%;padding:0 0 var(--space-sm) 0;cursor:pointer;border-bottom:1px solid var(--border);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.level-section__title-row{align-items:center;gap:var(--space-sm);display:flex}.level-section__icon{flex-shrink:0;font-size:1.25rem;line-height:1}.level-section__title{margin:0;font-size:1.375rem}.level-section__count{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);background-color:#ffffffb3;padding:2px 8px;font-size:.75rem;font-weight:500}.level-section__chevron{color:var(--text-muted);transition:transform .25s;display:flex}.level-section__chevron.collapsed{transform:rotate(-90deg)}.level-section__desc{color:var(--text-muted);margin-bottom:var(--space-lg);max-width:55ch;font-size:.875rem}.level-section__content{animation:.3s fadeIn}.level-section__toggle-wrap{align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);flex-direction:column;display:flex}.level-section__toggle{font-size:.8125rem}.level-section__toggle-hint{color:var(--text-muted);font-size:.75rem}.loading-state{animation:.3s fadeIn}.skeleton-card{overflow:hidden}.skeleton-card:hover{box-shadow:var(--shadow-sm);transform:none}.skeleton-card__cover{aspect-ratio:2/3;width:100%}.skeleton-card__body{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.skeleton-card__line{border-radius:4px;height:14px}.skeleton-card__line--title{width:80%;height:16px}.skeleton-card__line--author{width:55%}.skeleton-card__line--year{width:30%;height:12px}.skeleton-card__tags-row{gap:6px;margin-top:4px;display:flex}.skeleton-card__tag{border-radius:100px;width:60px;height:20px}.skeleton-card__btn-row{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.skeleton-card__btn-ph{border-radius:var(--radius-md);width:72px;height:32px}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state__icon{opacity:.6;margin-bottom:var(--space-sm)}.empty-state__heading{color:var(--text-primary);font-size:1.25rem}.empty-state__message{color:var(--text-muted);max-width:400px;font-size:.9375rem}.error-state{text-align:center;padding:var(--space-3xl) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.error-state__icon{margin-bottom:var(--space-sm)}.error-state__heading{color:var(--accent-rust);font-size:1.25rem}.error-state__message{color:var(--text-muted);max-width:420px;font-size:.9375rem}.topic-results__header-bar{justify-content:flex-start;gap:var(--space-xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);align-items:center;display:flex}.topic-results__search-wrap{width:100%;max-width:400px}.topic-results__summary-panel{gap:var(--space-2xl);background-color:var(--bg-paper);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1fr auto;align-items:center;display:grid}.topic-results__summary-info{gap:var(--space-xs);flex-direction:column;display:flex}.topic-results__summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8125rem;font-weight:600}.topic-results__summary-title{font-size:2.5rem;font-family:var(--font-serif);color:var(--accent-forest);text-transform:capitalize;margin:0;line-height:1.1}.topic-results__summary-meta{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.9375rem}.topic-results__summary-interpretation{color:var(--text-muted);margin-top:2px;font-size:.8125rem;font-style:italic}.topic-results__best-start{gap:var(--space-sm);background-color:var(--bg-section);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;min-width:280px;display:flex}.topic-results__best-label{color:var(--text-primary);text-transform:uppercase;font-size:.8125rem;font-weight:600}.topic-results__best-card{gap:var(--space-md);cursor:pointer;align-items:flex-start;transition:transform .2s;display:flex}.topic-results__best-card:hover{transform:translateY(-2px)}.topic-results__best-cover{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:60px;height:90px}.topic-results__best-details{flex-direction:column;gap:4px;padding-top:4px;display:flex}.topic-results__best-title{font-size:.9375rem;font-family:var(--font-serif);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.topic-results__best-author{color:var(--text-secondary);margin:0;font-size:.8125rem}.topic-results__nav-rail{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--bg-section);margin-bottom:var(--space-2xl);top:var(--space-md);z-index:10;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:100px;width:fit-content;font-size:.875rem;display:flex;position:sticky}.topic-results__rail-label{color:var(--text-muted);margin-right:var(--space-xs);font-weight:600}.topic-results__rail-link{color:var(--text-primary);cursor:pointer;font-family:inherit;font-weight:500;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s}.topic-results__rail-link:hover{color:var(--accent-forest)}.topic-results__rail-sep{color:var(--border)}.topic-results__level-anchor{scroll-margin-top:80px}.topic-results__levels{gap:var(--space-2xl);flex-direction:column;display:flex}.topic-results__summary-panel-wrap,.topic-results__nav-rail-wrap{z-index:0;position:relative}.topic-results__leaf-summary{position:absolute;top:-35px;right:-40px}.topic-results__leaf-rail{position:absolute;top:-50px;right:10px}@media (width<=992px){.topic-results__summary-panel{gap:var(--space-md);grid-template-columns:1fr}}@media (width<=768px){.topic-results__header-bar{align-items:flex-start;gap:var(--space-md);flex-direction:column-reverse}.topic-results__search-wrap{max-width:100%}.topic-results__summary-title{font-size:2rem}.topic-results__nav-rail{border-radius:var(--radius-md);flex-wrap:wrap;position:static}}.book-details__loading{gap:var(--space-xl);margin-top:var(--space-xl);display:flex}.book-details__main{gap:var(--space-xl);margin-top:var(--space-xl);align-items:flex-start;display:flex}.book-details__cover-col{width:240px;top:var(--space-2xl);flex-shrink:0;position:sticky}.book-details__cover{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-md)}.book-details__info-col{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.book-details__title{margin-top:var(--space-sm);font-size:2rem;line-height:1.2;font-family:var(--font-serif)}.book-details__author{color:var(--text-secondary);margin:0;font-size:1.0625rem;font-weight:500}.book-details__year{color:var(--text-muted);margin:0;font-size:.9375rem}.book-details__description h3,.book-details__level-callout h3,.book-details__subjects h3{font-size:1rem;font-family:var(--font-serif);margin-bottom:var(--space-xs);color:var(--text-primary)}.book-details__description p{color:var(--text-primary);max-width:76ch;font-size:.9375rem;line-height:1.6}.book-details__no-desc{color:var(--text-muted);font-style:italic}.book-details__level-callout{background-color:var(--accent-forest-bg);padding:var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-sm);border:1px solid #b7dfc9;width:100%}.book-details__level-callout h3{color:var(--accent-forest);font-size:1.125rem}.book-details__level-callout p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.6}.book-details__tags{flex-wrap:wrap;gap:6px;display:flex}.tag--clickable{cursor:pointer;transition:all .2s}.tag--clickable:hover{background-color:var(--accent-forest);color:#fff;border-color:var(--accent-forest)}.book-details__actions{align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.book-details__related{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border)}.book-details__related h2{margin-bottom:var(--space-xs)}.book-details__related-desc{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.875rem}.book-details__description,.book-details__subjects{padding-bottom:var(--space-sm);width:100%}.book-details__info-col-wrap{z-index:0;position:relative}.book-details__leaf-info{position:absolute;top:20px;right:-80px}@media (width<=768px){.book-details__main{align-items:flex-start;gap:var(--space-lg);flex-direction:column}.book-details__cover-col{width:160px;position:static}.book-details__title{text-align:left;font-size:1.5rem}.book-details__info-col{text-align:left;align-items:flex-start}.book-details__tags,.book-details__actions{justify-content:flex-start}.book-details__level-callout{text-align:left}.book-details__loading{flex-direction:column;align-items:flex-start}}.reading-journey{padding-bottom:var(--space-3xl)}.reading-journey__container-wrap{z-index:0;position:relative}.reading-journey__leaf-title{position:absolute;top:-15px;right:-30px}.reading-journey__title{font-size:2.5rem;font-family:var(--font-serif);margin-bottom:var(--space-xs);color:var(--text-primary)}.reading-journey__subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:.9375rem}.reading-journey__stats-strip{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--bg-paper);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.reading-journey__stat{color:var(--text-secondary);font-size:.875rem}.reading-journey__stat strong{font-family:var(--font-serif);color:var(--text-primary);margin-right:4px;font-size:1.125rem}.reading-journey__stat--blue strong{color:var(--accent-blue)}.reading-journey__stat--forest strong{color:var(--accent-forest)}.reading-journey__stat--rust strong{color:var(--accent-rust)}.reading-journey__stat-sep{background-color:var(--border);width:1px;height:20px}.reading-journey__continue{background-color:var(--accent-forest-bg);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid #b7dfc9}.reading-journey__continue-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-forest);margin-bottom:var(--space-sm);font-size:.6875rem;font-weight:600;display:block}.reading-journey__continue-card{gap:var(--space-md);cursor:pointer;align-items:flex-start;transition:transform .2s;display:flex}.reading-journey__continue-card:hover{transform:translate(4px)}.reading-journey__continue-cover{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0;width:56px;height:84px}.reading-journey__continue-info{flex-direction:column;gap:2px;display:flex}.reading-journey__continue-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.125rem;line-height:1.3}.reading-journey__continue-author{color:var(--text-secondary);font-size:.8125rem}.reading-journey__continue-note{color:var(--text-muted);margin-top:4px;font-size:.8125rem;font-style:italic}.reading-journey__list{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.journey-card{flex-direction:column;height:100%;display:flex}.journey-card__cover-wrap{aspect-ratio:2/3;background-color:var(--bg-section);cursor:pointer;width:100%;position:relative;overflow:hidden}.journey-card__cover{object-fit:cover;width:100%;height:100%;transition:transform .2s}.journey-card:hover .journey-card__cover{transform:scale(1.02)}.journey-card__progress-strip{background-color:#00000014;width:100%;height:5px;position:absolute;bottom:0;left:0}.journey-card__progress-fill{height:100%;transition:width .3s,background-color .3s}.journey-card__progress-fill--to-read{background-color:var(--accent-blue)}.journey-card__progress-fill--reading{background-color:var(--accent-forest)}.journey-card__progress-fill--completed{background-color:var(--accent-rust)}.journey-card__body{padding:var(--space-md);flex-direction:column;flex:1;display:flex}.journey-card__top{margin-bottom:var(--space-sm)}.journey-card__title{cursor:pointer;font-size:1rem;line-height:1.3;font-family:var(--font-serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;transition:color .2s;display:-webkit-box;overflow:hidden}.journey-card__title:hover{color:var(--accent-forest)}.journey-card__author{color:var(--text-secondary);font-size:.8125rem}.journey-card__note-preview{color:var(--text-muted);background-color:var(--bg-section);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);cursor:pointer;padding:6px 8px;font-size:.75rem;font-style:italic;line-height:1.4}.journey-card__note-preview:hover{background-color:var(--bg-hover)}.journey-card__actions{align-items:center;gap:var(--space-sm);flex-wrap:nowrap;margin-top:auto;display:flex}.journey-card__status-select{flex:1;min-width:0}.journey-card__remove-btn{color:var(--text-muted);justify-content:center;width:36px;padding:0;display:flex}.journey-card__remove-btn:hover{color:var(--accent-rust);background-color:var(--accent-rust-bg)}.journey-card__notes-wrap{margin-top:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:#fdfaf6;padding-left:28px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000008}.journey-card__notebook-rings{background-image:radial-gradient(circle,#999 2px,#0000 3px);background-position:50% 10px;background-size:100% 28px;border-right:2px solid #e0c8b6;width:28px;position:absolute;top:0;bottom:0;left:0}.journey-card__notebook-textarea{width:100%;min-height:110px;line-height:28px;font-family:var(--font-serif);color:var(--text-primary);resize:vertical;background-color:#0000;background-image:linear-gradient(#0000,#0000 27px,#e8e0d5 27px 28px);background-size:100% 28px;border:none;padding:4px 12px;font-size:.9375rem}.journey-card__notebook-textarea:focus{outline:none}@media (width<=768px){.reading-journey__title{font-size:1.75rem}.reading-journey__stats-strip{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.reading-journey__stat-sep{display:none}}@media (width<=480px){.reading-journey__list{grid-template-columns:1fr}.journey-card__actions{gap:var(--space-xs);flex-wrap:wrap}.journey-card__remove-btn{width:auto}.journey-card__body{text-align:left}.journey-card__top{align-items:flex-start}}