/* Administrator-only home: shared white surfaces, real book artwork, compact reading rhythm. */
body.wyl-frontend-preview .wyl-main.wyl-home {
  width:min(1240px,calc(100% - 48px)); max-width:1240px; margin:0 auto; padding:22px 0 44px;
}
body.wyl-frontend-preview .wyl-home :is(h2,h3,.wyl-cover-fallback,.wyl-booklist-cover b) { font-family:inherit; letter-spacing:0; }
body.wyl-frontend-preview .wyl-home :is(.wyl-featured-carousel,.wyl-home-genres,.wyl-home-shelf,.wyl-home-booklists) {
  min-width:0; border:1px solid var(--wyl-line); border-radius:12px; background:var(--wyl-surface); box-shadow:0 2px 7px rgba(24,29,38,.035);
}
body.wyl-frontend-preview .wyl-home .wyl-featured-carousel { margin:0; overflow:clip; touch-action:pan-y pinch-zoom; }
body.wyl-frontend-preview .wyl-home .wyl-featured-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 22px 0; }
body.wyl-frontend-preview .wyl-home .wyl-featured-heading h2 { margin:0; color:var(--wyl-ink); font-size:18px; font-weight:650; line-height:1.4; }
body.wyl-frontend-preview .wyl-home .wyl-recommendation-refresh { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:90px; min-height:44px; padding:0 10px; border:0; border-radius:8px; background:transparent; color:var(--wyl-muted); font:inherit; font-size:13px; font-weight:500; line-height:1; white-space:nowrap; cursor:pointer; transition:background-color .18s ease,color .18s ease; }
body.wyl-frontend-preview .wyl-home .wyl-recommendation-refresh:hover { background:var(--wyl-surface-soft); color:var(--wyl-jade); }
body.wyl-frontend-preview .wyl-home .wyl-recommendation-refresh:focus-visible { outline:2px solid var(--wyl-jade); outline-offset:2px; }
body.wyl-frontend-preview .wyl-home .wyl-recommendation-refresh[aria-disabled="true"] { opacity:.65; cursor:wait; }
body.wyl-frontend-preview .wyl-home .wyl-recommendation-refresh .wyl-icon { width:17px; height:17px; }
body.wyl-frontend-preview .wyl-home [data-wyl-recommendations] [hidden] { display:none !important; }
body.wyl-frontend-preview .wyl-home .wyl-weekly-empty { margin:0; padding:10px 0; color:var(--wyl-muted); font-size:14px; line-height:1.6; }
body.wyl-frontend-preview .wyl-home .wyl-featured-book {
  min-height:224px; display:grid; grid-template-columns:132px minmax(0,1fr); align-items:center; gap:22px; margin:0; padding:12px 22px 46px;
  border:0; border-radius:0; background:var(--wyl-surface); box-shadow:none; isolation:auto;
}
body.wyl-frontend-preview .wyl-home .wyl-featured-book::before { display:none; }
body.wyl-frontend-preview .wyl-home .wyl-featured-art { position:relative; inset:auto; width:132px; height:180px; display:block; overflow:visible; background:none; }
body.wyl-frontend-preview .wyl-home .wyl-featured-art img {
  display:block; width:100%; height:100%; margin:0; object-fit:cover; object-position:center; border-radius:5px; box-shadow:0 3px 9px rgba(24,29,38,.1);
  transform:none; filter:none; mask-image:none; -webkit-mask-image:none;
}
body.wyl-frontend-preview .wyl-home .wyl-featured-copy { display:block; min-width:0; width:auto; min-height:0; max-width:none; padding:0; }
body.wyl-frontend-preview .wyl-home .wyl-featured-copy .wyl-kicker { display:none; }
body.wyl-frontend-preview .wyl-home .wyl-featured-copy :is(h2,h3) { margin:0; color:var(--wyl-ink); font-size:28px; font-weight:700; line-height:1.3; text-shadow:none; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.wyl-frontend-preview .wyl-home .wyl-featured-meta { display:block; margin:9px 0 0; overflow:hidden; color:var(--wyl-muted); font-size:13px; font-weight:400; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; }
body.wyl-frontend-preview .wyl-home .wyl-featured-intro { display:-webkit-box; max-width:none; margin:10px 0 15px; overflow:hidden; color:var(--wyl-ink-2); font-size:13px; line-height:1.85; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.wyl-frontend-preview .wyl-home .wyl-featured-action { min-height:44px; gap:5px; padding:0 16px; border-radius:6px; background:var(--wyl-preview-action,var(--wyl-jade)); color:var(--wyl-preview-action-ink,#fff); font-size:13px; font-weight:600; box-shadow:none; transition:background-color .18s ease,transform .18s ease; }
body.wyl-frontend-preview .wyl-home .wyl-featured-action:hover { background:color-mix(in srgb,var(--wyl-preview-action,var(--wyl-jade)) 88%,var(--wyl-ink)); color:var(--wyl-preview-action-ink,#fff); box-shadow:none; transform:translateY(-1px); }
body.wyl-frontend-preview .wyl-home .wyl-featured-action .wyl-icon { width:15px; height:15px; }
body.wyl-frontend-preview .wyl-home .wyl-featured-dots { position:absolute; z-index:3; left:50%; bottom:0; display:flex; gap:0; transform:translateX(-50%); }
body.wyl-frontend-preview .wyl-home .wyl-featured-dots button { display:grid; place-items:center; width:44px; height:44px; min-width:0; padding:0; border:0; background:transparent; cursor:pointer; }
body.wyl-frontend-preview .wyl-home .wyl-featured-dots button::before { content:""; width:5px; height:5px; border-radius:8px; background:var(--wyl-line); box-shadow:none; transform:none; transition:width .2s ease,background-color .2s ease; }
body.wyl-frontend-preview .wyl-home .wyl-featured-dots button.is-active::before { width:16px; background:var(--wyl-jade); transform:none; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; margin:16px 0 0; padding:12px 26px; overflow:visible; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a { --home-genre-color:#56b9a1; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:76px; gap:6px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--wyl-ink); font-size:14px; font-weight:500; line-height:1.3; transition:background-color .18s ease,color .18s ease; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:nth-child(2) { --home-genre-color:#ad7fdb; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:nth-child(3) { --home-genre-color:#719ee5; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:nth-child(4) { --home-genre-color:#5c92e5; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:nth-child(5) { --home-genre-color:#b484da; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:nth-child(6) { --home-genre-color:#d9a05e; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:nth-child(7) { --home-genre-color:#eb8496; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:hover,body.wyl-frontend-preview .wyl-home .wyl-home-genres a.is-active { background:transparent; color:var(--wyl-jade); }
body.wyl-frontend-preview .wyl-home .wyl-home-genres .wyl-genre-icon { width:44px; height:44px; padding:11px; flex:0 0 44px; border-radius:50%; color:var(--home-genre-color); background:color-mix(in srgb,var(--home-genre-color) 14%,var(--wyl-surface)); transition:transform .2s ease,background-color .2s ease; }
body.wyl-frontend-preview .wyl-home .wyl-home-genres a:hover .wyl-genre-icon { transform:translateY(-2px); background:color-mix(in srgb,var(--home-genre-color) 22%,var(--wyl-surface)); }
body.wyl-frontend-preview .wyl-home :is(.wyl-home-shelf,.wyl-home-booklists) { margin:16px 0 0; padding:16px 22px 20px; }
body.wyl-frontend-preview .wyl-home .wyl-section-head { display:flex; align-items:center; justify-content:space-between; min-height:30px; gap:12px; margin:0 0 16px; padding:0; border:0; }
body.wyl-frontend-preview .wyl-home .wyl-section-head > div { padding:0; }
body.wyl-frontend-preview .wyl-home .wyl-section-head h2 { position:relative; margin:0; padding-left:14px; color:var(--wyl-ink); font-size:19px; font-weight:650; line-height:1.4; }
body.wyl-frontend-preview .wyl-home .wyl-section-head h2::before { content:""; position:absolute; top:.18em; bottom:.18em; left:0; width:4px; border-radius:3px; background:var(--wyl-jade); }
body.wyl-frontend-preview .wyl-home .wyl-section-head > a,body.wyl-frontend-preview .wyl-home .wyl-booklist-head-actions a { display:inline-flex; align-items:center; gap:3px; min-height:32px; padding:0; color:var(--wyl-jade); font-size:12px; font-weight:500; text-decoration:none; white-space:nowrap; }
body.wyl-frontend-preview .wyl-home .wyl-section-head .wyl-icon { width:14px; height:14px; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; gap:20px 22px; padding:0; overflow:visible; scroll-snap-type:none; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-card { display:grid; grid-template-columns:62px minmax(0,1fr); align-items:center; gap:12px; width:auto; min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-cover { display:block; width:62px; height:86px; aspect-ratio:auto; border:0; border-radius:4px; background:var(--wyl-surface-soft); box-shadow:0 2px 5px rgba(24,29,38,.08); }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-cover img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-card:hover img { transform:scale(1.035); filter:none; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-rank { display:none; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-copy { min-width:0; padding:0; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-copy h3 { margin:0; font-size:14px; font-weight:650; line-height:1.5; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-copy h3 a { display:-webkit-box; overflow:hidden; color:var(--wyl-ink); white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-card:hover h3 a { color:var(--wyl-jade); }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-card-author { margin:5px 0 0; color:var(--wyl-muted); font-size:12px; line-height:1.45; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-card-facts { display:flex; margin:5px 0 0; overflow:hidden; color:var(--wyl-muted); font-size:11px; line-height:1.5; white-space:nowrap; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-card-facts span:first-child { display:inline; }
body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-card-meta { display:none; }
body.wyl-frontend-preview .wyl-home-secondary-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:16px; align-items:start; }
body.wyl-frontend-preview .wyl-home-secondary-grid.has-pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.wyl-frontend-preview .wyl-home .wyl-home-secondary-grid > :is(.wyl-home-shelf,.wyl-home-booklists) { margin:0; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-head-actions { display:flex; align-items:center; gap:15px; padding:0 !important; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-head-actions .is-create { display:inline-flex; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-row { display:grid; grid-template-columns:minmax(0,1fr); width:100%; gap:17px; padding:0; overflow:visible; scroll-snap-type:none; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-card { display:grid; grid-template-columns:108px minmax(0,1fr); align-items:center; gap:15px; min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-card:hover { transform:none; box-shadow:none; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-covers { display:block; height:62px; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-cover { bottom:0; width:44px; height:59px; border:1px solid var(--wyl-surface); border-radius:3px; background:var(--wyl-surface-soft); box-shadow:0 2px 5px rgba(24,29,38,.1); }
body.wyl-frontend-preview .wyl-home .wyl-booklist-cover.is-1 { left:0; transform:rotate(-3deg) scale(.92); transform-origin:bottom; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-cover.is-2 { left:31px; z-index:4; transform:translateY(-3px); }
body.wyl-frontend-preview .wyl-home .wyl-booklist-cover.is-3 { left:62px; transform:rotate(3deg) scale(.92); transform-origin:bottom; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-copy h3 { margin:0; overflow:hidden; color:var(--wyl-ink); font-size:14px; font-weight:600; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-copy p { margin:4px 0 0; overflow:hidden; color:var(--wyl-muted); font-size:11px; line-height:1.6; white-space:nowrap; text-overflow:ellipsis; }
body.wyl-frontend-preview .wyl-home .wyl-booklist-excerpt { display:block; }
body.wyl-frontend-preview .wyl-home #new .wyl-home-book-row { grid-template-columns:minmax(0,1fr); gap:10px; }
body.wyl-frontend-preview .wyl-home #new .wyl-book-card { grid-template-columns:30px minmax(0,1fr); gap:12px; }
body.wyl-frontend-preview .wyl-home #new .wyl-book-cover { width:30px; height:40px; border-radius:3px; }
body.wyl-frontend-preview .wyl-home #new .wyl-book-copy { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.65fr) minmax(0,.8fr); align-items:center; gap:12px; }
body.wyl-frontend-preview .wyl-home #new .wyl-book-copy h3 { font-size:13px; }
body.wyl-frontend-preview .wyl-home #new .wyl-book-copy h3 a { display:block; white-space:nowrap; text-overflow:ellipsis; }
body.wyl-frontend-preview .wyl-home #new :is(.wyl-card-author,.wyl-card-facts) { margin:0; font-size:11px; }
body.wyl-frontend-preview .wyl-home #new .wyl-card-facts { border-left:1px solid var(--wyl-line); padding-left:12px; }
@media (max-width:1100px) {
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row { gap:20px 16px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-card { grid-template-columns:52px minmax(0,1fr); gap:10px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-cover { width:52px; height:72px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-card-facts { font-size:10px; }
}
@media (max-width:900px) {
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-card { grid-template-columns:60px minmax(0,1fr); }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-cover { width:60px; height:82px; }
  body.wyl-frontend-preview .wyl-home-secondary-grid.has-pair { grid-template-columns:minmax(0,1fr); }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}
@media (max-width:640px) {
  body.wyl-frontend-preview .wyl-main.wyl-home { width:calc(100% - 24px) !important; padding:12px 0 24px !important; }
  body.wyl-frontend-preview .wyl-home :is(.wyl-featured-carousel,.wyl-home-genres,.wyl-home-shelf,.wyl-home-booklists) { border-radius:10px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-heading { padding:6px 10px 0 15px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-heading h2 { font-size:16px; }
  body.wyl-frontend-preview .wyl-home .wyl-recommendation-refresh { font-size:12px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-book { min-height:178px; grid-template-columns:88px minmax(0,1fr); gap:14px; padding:10px 15px 46px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-art { width:88px; height:120px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-copy :is(h2,h3) { font-size:21px; line-height:1.35; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-meta { margin-top:6px; font-size:11px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-intro { margin:7px 0 10px; font-size:11px; line-height:1.65; -webkit-line-clamp:2; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-action { min-height:44px; padding:0 13px; font-size:12px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-genres { gap:0; margin-top:12px; padding:10px 7px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-genres a { min-height:62px; gap:6px; font-size:11px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-genres .wyl-genre-icon { width:34px; height:34px; padding:8px; flex-basis:34px; }
  body.wyl-frontend-preview .wyl-home :is(.wyl-home-shelf,.wyl-home-booklists) { margin-top:12px; padding:12px 14px 16px; }
  body.wyl-frontend-preview .wyl-home .wyl-section-head { min-height:30px; gap:8px; margin-bottom:13px; }
  body.wyl-frontend-preview .wyl-home .wyl-section-head h2 { padding-left:11px; font-size:16px; }
  body.wyl-frontend-preview .wyl-home .wyl-section-head h2::before { width:3px; }
  body.wyl-frontend-preview .wyl-home .wyl-section-head > a,body.wyl-frontend-preview .wyl-home .wyl-booklist-head-actions a { min-height:32px; font-size:11px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-card { grid-template-columns:52px minmax(0,1fr); gap:9px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-cover { width:52px; height:72px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-copy h3 { font-size:13px; line-height:1.5; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-card-author { margin-top:4px; font-size:11px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-card-facts { margin-top:4px; font-size:11px; }
  body.wyl-frontend-preview .wyl-home-secondary-grid { margin-top:12px; gap:12px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-head-actions { gap:10px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-row { grid-template-columns:minmax(0,1fr); gap:16px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-card { grid-template-columns:92px minmax(0,1fr); gap:12px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-covers { height:57px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-cover { width:40px; height:54px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-cover.is-2 { left:25px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-cover.is-3 { left:50px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-copy h3 { font-size:13px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-copy p { font-size:10px; }
  body.wyl-frontend-preview .wyl-home #new .wyl-book-card { grid-template-columns:30px minmax(0,1fr); gap:10px; }
  body.wyl-frontend-preview .wyl-home #new .wyl-book-cover { width:30px; height:40px; }
  body.wyl-frontend-preview .wyl-home #new .wyl-book-copy { grid-template-columns:minmax(0,1fr) minmax(0,.65fr); gap:6px 10px; }
  body.wyl-frontend-preview .wyl-home #new .wyl-book-copy h3 { grid-column:1; font-size:12px; }
  body.wyl-frontend-preview .wyl-home #new .wyl-card-author { grid-column:2; grid-row:1; margin:0; text-align:right; font-size:10px; }
  body.wyl-frontend-preview .wyl-home #new .wyl-card-facts { grid-column:1/-1; grid-row:2; margin:0; padding:0; border:0; font-size:10px; }
}
@media (max-width:359px) {
  body.wyl-frontend-preview .wyl-home .wyl-featured-book { grid-template-columns:72px minmax(0,1fr); gap:12px; padding-left:12px; padding-right:12px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-art { width:72px; height:100px; }
  body.wyl-frontend-preview .wyl-home .wyl-featured-copy :is(h2,h3) { font-size:19px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row { gap:16px 10px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-card { grid-template-columns:44px minmax(0,1fr); gap:7px; }
  body.wyl-frontend-preview .wyl-home .wyl-home-book-row .wyl-book-cover { width:44px; height:62px; }
  body.wyl-frontend-preview .wyl-home .wyl-section-head h2 { font-size:15px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-head-actions { gap:7px; }
  body.wyl-frontend-preview .wyl-home .wyl-booklist-head-actions .is-create .wyl-icon { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  body.wyl-frontend-preview .wyl-home :is(.wyl-recommendation-refresh,.wyl-featured-action,.wyl-featured-book,.wyl-genre-icon,.wyl-book-cover img,.wyl-featured-dots button::before) { transition:none; }
}