.library-page,.library-detail{--library-paper: #f7f1e6;--library-paper-deep: #efe6d7;--library-sheet: #fcf8f1;--library-ink: #2d2a27;--library-muted: #6b5f53;--library-accent: #1f2f4a;--library-accent-soft: #d8c9b8;--library-border: #d9cbb8;--library-shadow: rgba(40, 32, 22, 0.12);--library-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS Mincho", serif;background:linear-gradient(180deg, #fbf6ee 0%, #f0e6d7 100%);background-image:linear-gradient(180deg, #fbf6ee 0%, #f0e6d7 100%),repeating-linear-gradient(90deg, rgba(62,52,40,0.04) 0, rgba(62,52,40,0.04) 1px, transparent 1px, transparent 18px);color:var(--library-ink);padding:40px 0 80px}.library-page h1,.library-page h2,.library-page h3,.library-detail h1,.library-detail h2,.library-detail h3{font-family:var(--library-serif);letter-spacing:0.02em}.library-page__container,.library-detail__container{display:flex;flex-direction:column;gap:32px}.library-breadcrumbs{font-size:0.85rem;color:var(--library-muted)}.library-breadcrumbs__list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.library-breadcrumbs__list li::after{content:"/";margin-left:8px;color:var(--library-accent-soft)}.library-breadcrumbs__list li:last-child::after{content:""}.library-breadcrumbs a{color:var(--library-accent);text-decoration:none}.library-hero{background:var(--library-sheet);border:1px solid var(--library-border);box-shadow:0 2px 0 rgba(40,32,22,0.06);padding:28px 32px;position:relative;overflow:hidden;animation:libraryFadeIn 500ms ease-out}.library-hero__label{text-transform:uppercase;font-size:0.75rem;letter-spacing:0.2em;color:var(--library-accent);margin-bottom:8px}.library-hero__title{font-size:2.2rem;margin:0 0 6px}.library-title{position:relative;display:inline-block;padding-right:40px;padding-bottom:10px;overflow:hidden;font-family:var(--library-serif)}.library-title__text{display:inline-block;opacity:1;transform:translateY(2px);clip-path:inset(0 100% 0 0);animation:libraryTitleReveal 1200ms cubic-bezier(0.22, 1, 0.36, 1) 220ms forwards;position:relative;z-index:2}.library-title__cat{position:absolute;left:-18%;bottom:0.05em;color:var(--library-accent);font-size:1.1rem;animation:libraryCatRun 1200ms ease-out 120ms forwards;opacity:0;z-index:3;will-change:left, transform, opacity}.library-title__trail{position:absolute;left:0;bottom:-0.08em;height:1px;width:100%;opacity:0;clip-path:inset(0 100% 0 0);background:linear-gradient(90deg, transparent, rgba(31,47,74,0.45), transparent);animation:libraryTrailReveal 1100ms ease-out 200ms forwards;z-index:1}.library-title--compact{font-size:1rem;margin-bottom:8px;padding-right:28px;padding-bottom:6px}.library-title--compact .library-title__cat{font-size:0.9rem}.library-hero__subtitle{font-size:1.05rem;margin:0 0 12px;color:var(--library-muted)}.library-hero__lead{margin:0 0 16px;max-width:680px}.library-hero__actions{display:flex;gap:10px;margin:0 0 16px}.library-hero__link{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--library-accent);color:var(--library-accent);text-decoration:none;font-size:0.9rem;background:rgba(255,250,242,0.8)}.library-hero__link:hover{background:var(--library-accent);color:#f8f2e7}.library-hero__stats{display:flex;gap:16px;flex-wrap:wrap;font-size:0.9rem;color:var(--library-muted)}.library-layout{display:grid;grid-template-columns:minmax(0, 1fr) 320px;grid-template-areas:"shelf filters";gap:28px;align-items:start}.library-filters{grid-area:filters;display:flex;flex-direction:column;gap:20px}.library-panel{background:var(--library-sheet);border:1px solid var(--library-border);padding:20px;box-shadow:0 1px 0 rgba(40,32,22,0.05)}.library-panel__title{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 16px;color:var(--library-accent)}.library-panel__body{margin:0 0 12px;font-size:0.9rem;color:var(--library-muted);line-height:1.7}.library-panel__link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--library-accent);color:var(--library-accent);text-decoration:none;font-size:0.9rem;background:rgba(255,250,242,0.85)}.library-panel__link:hover{background:var(--library-accent);color:#f8f2e7}.library-panel--guide{border-style:dashed}.library-search-form{display:flex;flex-direction:column;gap:12px}.library-label{font-size:0.85rem;color:var(--library-muted)}.library-input,.library-select{width:100%;padding:10px 12px;border:1px solid var(--library-border);background:#fffdf9;color:var(--library-ink);border-radius:6px}.library-form-row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.library-actions{display:flex;gap:10px}.library-button{background:var(--library-accent);color:#f8f2e7;border:none;padding:10px 14px;border-radius:6px;cursor:pointer;font-size:0.9rem;text-decoration:none;text-align:center}.library-button--ghost{background:transparent;color:var(--library-accent);border:1px solid var(--library-accent)}.library-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.library-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--library-border);background:#fffaf2;font-size:0.8rem;color:var(--library-ink);text-decoration:none}.library-tag.is-active{border-color:var(--library-accent);color:var(--library-accent)}.library-tag__count{background:var(--library-accent-soft);border-radius:999px;padding:2px 6px;font-size:0.75rem;color:var(--library-ink)}.library-shelf{grid-area:shelf;display:flex;flex-direction:column;gap:18px}.library-shelf__filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.library-grid{display:flex;flex-direction:column;gap:22px;align-items:flex-start}.library-card{position:relative;display:grid;grid-template-columns:160px minmax(0, 1fr);align-items:stretch;gap:18px;width:100%;max-width:1180px;padding:20px 22px;background:var(--library-sheet);border:1px solid var(--library-border);border-radius:0;text-decoration:none;color:inherit;box-shadow:0 8px 16px rgba(40,32,22,0.08),0 2px 0 rgba(40,32,22,0.06);overflow:hidden;min-height:190px;animation:libraryShelfIn 500ms ease-out;transition:transform 180ms ease, box-shadow 180ms ease}.library-card:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(40,32,22,0.12),0 3px 0 rgba(40,32,22,0.08);text-decoration:none}.library-card:focus,.library-card:active{text-decoration:none}.library-card:nth-child(1){animation-delay:40ms}.library-card:nth-child(2){animation-delay:80ms}.library-card:nth-child(3){animation-delay:120ms}.library-card:nth-child(4){animation-delay:160ms}.library-card:nth-child(5){animation-delay:200ms}.library-card:nth-child(6){animation-delay:240ms}.library-card:nth-child(7){animation-delay:280ms}.library-card:nth-child(8){animation-delay:320ms}.library-card__cover{width:100%;max-width:160px;align-self:stretch;justify-self:start}.library-card__cover img{width:100%;height:100%;min-height:170px;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px;border:1px solid var(--library-border);display:block;box-shadow:0 6px 16px rgba(40,32,22,0.18)}.library-card__cover-placeholder{width:100%;height:100%;min-height:170px;aspect-ratio:3 / 4;border-radius:8px;border:1px solid var(--library-border);background:linear-gradient(140deg, #eadfcd, #f7f1e6);display:flex;align-items:center;justify-content:center;color:var(--library-muted);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.2em}.library-card__body{display:flex;flex-direction:column;gap:8px;min-height:0;justify-content:flex-start}.library-card__meta{display:flex;gap:8px;font-size:0.75rem;color:var(--library-muted);align-items:center}.library-card__readability{display:inline-flex;align-items:center;gap:6px}.library-card__title{font-size:1.1rem;line-height:1.55;margin:6px 0 4px}.library-card__catch{margin:0 0 6px;color:var(--library-accent);font-size:0.95rem;line-height:1.7}.library-card__author{margin:0 0 8px;font-size:0.85rem;color:var(--library-muted)}.library-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.library-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--library-border);background:#fffaf2;font-size:0.75rem;color:var(--library-ink)}.library-chip--active{border-color:var(--library-accent);color:var(--library-accent)}.library-card__footer{display:flex;justify-content:flex-end;align-items:center;font-size:0.8rem;color:var(--library-muted);margin-top:auto}@media (min-width: 1024px){.library-card__title{font-size:1.45rem;line-height:1.5}.library-card__catch{font-size:1.05rem}}.library-stars i{color:var(--library-accent-soft);font-size:0.8rem}.library-stars i.is-active{color:var(--library-accent)}.library-empty{padding:32px;border:1px dashed var(--library-border);background:#fffaf2;text-align:center;color:var(--library-muted)}.library-detail__header{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center;background:var(--library-sheet);border:1px solid var(--library-border);padding:24px;box-shadow:0 2px 0 rgba(40,32,22,0.06)}.library-detail__cover img{width:100%;border-radius:6px;border:1px solid var(--library-border);display:block}.library-detail__cover-placeholder{width:100%;height:200px;border-radius:6px;border:1px solid var(--library-border);background:linear-gradient(160deg, #e6d8c4, #f7f1e6);display:flex;align-items:center;justify-content:center;color:var(--library-muted);font-size:0.85rem;letter-spacing:0.2em;text-transform:uppercase}.library-detail__label{text-transform:uppercase;letter-spacing:0.2em;font-size:0.75rem;color:var(--library-accent);margin:0 0 8px}.library-detail__title{margin:0 0 6px;font-size:2rem}.library-detail__author{margin:0 0 14px;color:var(--library-muted)}.library-detail__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.library-detail__meta{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:10px 16px;margin:0}.library-detail__meta dt{font-size:0.75rem;color:var(--library-muted)}.library-detail__meta dd{margin:2px 0 0;font-size:0.9rem}.library-detail__layout{display:grid;grid-template-columns:220px minmax(0, 1fr);gap:24px;align-items:start}.library-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:20px}.library-toc{background:var(--library-sheet);border:1px solid var(--library-border);padding:18px}.library-toc__title{margin:0 0 12px;font-size:1rem}.library-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.library-toc__item a{color:var(--library-ink);text-decoration:none;font-size:0.85rem}.library-toc__item.is-sub a{padding-left:12px;color:var(--library-muted)}.library-related{margin-top:28px;padding-top:20px;border-top:1px solid var(--library-border);display:flex;flex-direction:column;gap:14px}.library-related__header{display:flex;flex-direction:column;gap:4px}.library-related__title{margin:0;font-size:1.25rem;color:var(--library-accent)}.library-related__description{margin:0;color:var(--library-muted);font-size:0.92rem}.library-related__grid{display:grid;grid-template-columns:repeat(3, minmax(220px, 1fr));gap:12px}.library-related__card{display:block;padding:14px;border:1px solid var(--library-border);background:var(--library-sheet);text-decoration:none;color:inherit;box-shadow:0 1px 0 rgba(40,32,22,0.05);transition:transform 150ms ease-out, border-color 150ms ease-out}.library-related__card:hover{transform:translateY(-2px);border-color:rgba(31,47,74,0.45);text-decoration:none}.library-related__meta{display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:var(--library-muted);margin-bottom:6px}.library-related__stars i{color:var(--library-accent-soft);font-size:0.72rem}.library-related__stars i.is-active{color:var(--library-accent)}.library-related__card-title{margin:0 0 6px;font-size:0.95rem;line-height:1.6;color:var(--library-ink)}.library-related__excerpt{margin:0;font-size:0.82rem;color:var(--library-muted);line-height:1.7}.library-sheet{position:relative;background:var(--library-sheet);border:1px solid var(--library-border);padding:32px 36px;box-shadow:0 2px 0 rgba(40,32,22,0.06);background-image:linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.9)),repeating-linear-gradient(180deg, rgba(84,70,55,0.07) 0, rgba(84,70,55,0.07) 1px, transparent 1px, transparent 28px)}.library-sheet::before{content:"";position:absolute;top:24px;bottom:24px;left:50%;width:1px;background:linear-gradient(180deg, transparent, rgba(31,47,74,0.18), transparent);opacity:0.6;pointer-events:none}.library-section{margin-bottom:28px}.library-section h2{font-size:1.4rem;margin:0 0 12px}.library-highlight{background:#fff3dc;border-left:4px solid var(--library-accent);padding:14px 18px;font-size:1.05rem}.library-highlight p{margin:0}.library-prose{line-height:1.9}.library-detail .heading-anchor{font-size:0.9em}.library-prose p{margin:0 0 12px}.library-prose p:last-child{margin-bottom:0}.library-sheet__back{margin-top:12px;padding-top:18px;border-top:1px dashed var(--library-border);display:flex;justify-content:flex-end}.library-sheet__back-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--library-accent);background:rgba(255,250,242,0.85);color:var(--library-accent);text-decoration:none;font-size:0.9rem;box-shadow:0 1px 0 rgba(40,32,22,0.06)}.library-sheet__back-link:hover{background:var(--library-accent);color:#f8f2e7}.library-points{list-style:square;padding-left:20px;line-height:1.8}.library-recommendations{display:grid;gap:16px}.library-recommendations__item h3{margin:0 0 8px;font-size:1.1rem}@keyframes libraryFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes libraryTitleReveal{from{clip-path:inset(0 100% 0 0);transform:translateX(-2%) translateY(2px);opacity:0.6}to{clip-path:inset(0 0 0 0);transform:translateX(0) translateY(2px);opacity:1}}@keyframes libraryTrailReveal{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes libraryTitleRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes libraryCatRun{0%{opacity:0;left:-22%;transform:translateY(0) scale(0.9)}20%{opacity:1;left:-14%}70%{opacity:1;left:82%;transform:translateY(-2px) scale(1)}100%{opacity:0;left:108%;transform:translateY(0) scale(0.98)}}@keyframes libraryInkSwipe{from{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes libraryShelfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.library-layout{grid-template-columns:1fr;grid-template-areas:"filters" "shelf"}.library-detail__layout{grid-template-columns:1fr}.library-side{position:static;top:auto}.library-related__grid{grid-template-columns:repeat(2, minmax(200px, 1fr))}}@media (max-width: 720px){.library-detail__header{grid-template-columns:1fr}.library-sheet{padding:24px}.library-sheet::before{display:none}.library-grid{align-items:stretch}.library-card{grid-template-columns:1fr;padding:20px;max-width:100%}.library-card__cover{max-width:180px;margin:0 auto 6px}.library-card__catch{margin-top:2px}.library-related__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.library-hero,.library-card,.library-title__text,.library-title__cat,.library-title__trail{animation:none}.library-title__text{opacity:1;transform:none;clip-path:inset(0 0 0 0)}.library-title__trail{opacity:1;clip-path:inset(0 0 0 0);transform:none}.library-title__cat{opacity:0}}