#bookPage.books-mobile-v2 { max-width:none; padding:0; background:#f6f4f9; color:#1b1725; }
#bookPage.books-mobile-v2 > :not(#booksMobileV2) { display:none !important; }
#booksMobileV2 { min-height:calc(100vh - 64px); font-family:Inter,system-ui,sans-serif; background:#f6f4f9; color:#1b1725; }
#booksMobileV2 button,#booksMobileV2 input { font-family:inherit; }
.bmv2-shell { max-width:1180px; margin:0 auto; padding:22px 28px 70px; }
.bmv2-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.bmv2-top h1 { margin:1px 0 0; font-size:30px; letter-spacing:-.04em; }
.bmv2-kicker { color:var(--accent-primary); font-size:10px; font-weight:800; letter-spacing:.18em; }
.bmv2-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#fff; background:var(--accent-primary); font-family:Georgia,serif; font-size:23px; box-shadow:0 8px 18px rgba(var(--accent-rgb),.19); }
.bmv2-tabs { position:sticky; top:0; z-index:8; display:flex; gap:4px; overflow-x:auto; padding:5px; margin:0 0 18px; border:1px solid #e9e3f2; border-radius:14px; background:#fffefaeb; backdrop-filter:blur(14px); scrollbar-width:none; }
.bmv2-tabs::-webkit-scrollbar,.bmv2-rail::-webkit-scrollbar,.bmv2-genres::-webkit-scrollbar { display:none; }
.bmv2-tabs button { flex:1 0 auto; min-height:38px; padding:0 16px; border:0; border-radius:10px; color:#726b7d; background:transparent; font:700 12px inherit; cursor:pointer; }
.bmv2-tabs button.active { color:#fff; background:var(--accent-primary); box-shadow:0 4px 10px rgba(var(--accent-rgb),.19); }
.bmv2-panel { min-height:420px; }
.bmv2-hero { position:relative; display:flex; align-items:center; justify-content:space-between; min-height:206px; overflow:hidden; margin-bottom:25px; padding:24px 32px; border-radius:22px; background:linear-gradient(112deg,#2b194a 4%,#7040b8 58%,#a98bdd); color:#fff; box-shadow:0 15px 32px #351c6d25; }
.bmv2-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#2b194af2 0%,#4b287bd5 55%,transparent),var(--hero) center/cover; opacity:.58; }
.bmv2-hero-copy { position:relative; z-index:1; max-width:55%; }
.bmv2-hero-copy > span { color:#ddd0ff; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.bmv2-hero h2 { margin:7px 0 2px; font-family:Georgia,serif; font-size:32px; line-height:1.04; }
.bmv2-hero p { margin:0 0 18px; color:#e7def7; font-size:13px; }
.bmv2-hero-copy div { display:flex; gap:8px; }
.bmv2-hero button { min-height:38px; padding:0 18px; border:0; border-radius:10px; font:800 12px inherit; cursor:pointer; }
.bmv2-hero button.primary { color:var(--accent-strong); background:#fff; }
.bmv2-hero button.secondary { color:#fff; background:#ffffff20; border:1px solid #ffffff60; }
.bmv2-hero > img { position:relative; z-index:1; width:116px; height:174px; object-fit:cover; border-radius:10px; transform:rotate(3deg); box-shadow:0 12px 25px #130a235c; }
.bmv2-shelf { margin:0 0 27px; }
.bmv2-shelf header,.bmv2-discover-head { display:flex; align-items:end; justify-content:space-between; margin:0 0 11px; }
.bmv2-shelf h2,.bmv2-discover-head h2 { margin:0; font-size:18px; letter-spacing:-.025em; }
.bmv2-rail { display:grid; grid-auto-flow:column; grid-auto-columns:102px; gap:10px; overflow-x:auto; padding:0 1px 7px; scroll-snap-type:x proximity; scrollbar-width:none; }
.bmv2-card { width:102px; padding:0; border:0; color:#1b1725; background:transparent; text-align:left; cursor:pointer; scroll-snap-align:start; }
.bmv2-cover { display:grid; place-items:center; width:102px; height:153px; overflow:hidden; border-radius:10px; background:var(--accent-soft); box-shadow:0 5px 12px #25143922; }
.bmv2-cover img,.bmv2-mini-cover img,.bmv2-podium-cover img,.bmv2-rank-cover img,.bmv2-library-cover img { width:100%; height:100%; object-fit:cover; }
.bmv2-cover-fallback { color:var(--accent-primary); font:700 36px Georgia,serif; }
.bmv2-card strong { display:-webkit-box; overflow:hidden; margin-top:7px; font-size:12px; line-height:1.25; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.bmv2-card small { display:block; overflow:hidden; margin-top:3px; color:#81798c; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.bmv2-continue-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.bmv2-continue-list > button { display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:11px; min-height:94px; padding:10px; border:1px solid #e9e3f2; border-radius:14px; color:#1b1725; background:#fff; text-align:left; cursor:pointer; }
.bmv2-mini-cover { width:49px; height:74px; overflow:hidden; border-radius:7px; background:var(--accent-soft); }
.bmv2-continue-list span span { min-width:0; }.bmv2-continue-list strong,.bmv2-continue-list small,.bmv2-continue-list em { display:block; }
.bmv2-continue-list strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }.bmv2-continue-list small { margin-top:3px; color:#81798c; font-size:10px; }.bmv2-continue-list em { margin-top:7px; color:var(--accent-primary); font-size:10px; font-style:normal; font-weight:800; }.bmv2-continue-list b { color:#9e91b2; }
.bmv2-search { display:flex; align-items:center; gap:9px; height:45px; padding:0 14px; border:1px solid #e1d9eb; border-radius:13px; background:#fff; box-shadow:0 4px 12px #21162f0a; }
.bmv2-search span { color:var(--accent-primary); font-size:24px; }.bmv2-search input { width:100%; border:0; outline:0; color:#1b1725; background:transparent; font:600 13px inherit; }
.bmv2-genres { display:flex; gap:7px; overflow-x:auto; padding:12px 0 20px; scrollbar-width:none; }
.bmv2-genres button { flex:0 0 auto; padding:8px 13px; border:1px solid #ded5eb; border-radius:999px; color:#655e70; background:#fff; font:700 11px inherit; cursor:pointer; }.bmv2-genres button.active { color:#fff; border-color:var(--accent-primary); background:var(--accent-primary); }
.bmv2-discover-head span { color:#81798c; font-size:11px; }
.bmv2-discover-grid { display:grid; grid-template-columns:repeat(5,102px); justify-content:space-between; gap:20px 10px; }
.bmv2-ranking-title { padding:18px 0 9px; text-align:center; }.bmv2-ranking-title > span { color:var(--accent-primary); font-size:22px; }.bmv2-ranking-title h2 { margin:2px 0; font:700 30px Georgia,serif; }.bmv2-ranking-title p { margin:0; color:#81798c; font-size:11px; }
.bmv2-podium { display:flex; align-items:end; justify-content:center; gap:13px; min-height:264px; margin:8px 0 24px; padding:24px 12px 12px; border-radius:20px; background:linear-gradient(180deg,#ede6fd40,#e2d5fb); }
.bmv2-podium button { position:relative; width:118px; padding:0 4px 13px; border:0; color:#1b1725; background:transparent; cursor:pointer; }.bmv2-podium button[data-rank="1"] { order:2; align-self:start; }.bmv2-podium button[data-rank="2"] { order:1; }.bmv2-podium button[data-rank="3"] { order:3; }
.bmv2-podium button i { position:absolute; z-index:2; top:-10px; left:50%; display:grid; place-items:center; width:29px; height:29px; border-radius:50%; color:#fff; background:var(--accent-primary); font-style:normal; font-weight:900; transform:translateX(-50%); box-shadow:0 3px 7px #3c236b44; }.bmv2-podium button[data-rank="1"] i { background:#d49a16; }.bmv2-podium button[data-rank="2"] i { background:#8b91a0; }.bmv2-podium button[data-rank="3"] i { background:#a96743; }
.bmv2-podium-cover { display:block; width:90px; height:135px; overflow:hidden; margin:auto; border:3px solid #fff; border-radius:10px; background:#fff; box-shadow:0 8px 20px #27173d38; }.bmv2-podium button[data-rank="1"] .bmv2-podium-cover { width:102px; height:153px; }.bmv2-podium strong { display:block; overflow:hidden; margin-top:8px; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.bmv2-rank-list { display:grid; gap:7px; }.bmv2-rank-list > button { display:grid; grid-template-columns:31px 42px 1fr auto; align-items:center; gap:10px; min-height:65px; padding:7px 12px; border:1px solid #e9e3f2; border-radius:12px; color:#1b1725; background:#fff; text-align:left; cursor:pointer; }.bmv2-rank-list > button > b { color:var(--accent-primary); text-align:center; }.bmv2-rank-cover { width:36px; height:54px; overflow:hidden; border-radius:5px; background:var(--accent-soft); }.bmv2-rank-list span strong,.bmv2-rank-list span small { display:block; }.bmv2-rank-list span strong { font-size:12px; }.bmv2-rank-list span small { margin-top:3px; color:#81798c; font-size:10px; }.bmv2-rank-list em { color:#7c718b; font-size:10px; font-style:normal; }
.bmv2-collection > header { padding:17px 5px 20px; }.bmv2-collection > header span { color:var(--accent-primary); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.bmv2-collection > header h2 { margin:3px 0; font-size:27px; }.bmv2-collection > header p { margin:0; color:#81798c; font-size:12px; }
.bmv2-library-list,.bmv2-reading-lists { display:grid; gap:9px; }.bmv2-library-list > button,.bmv2-list-toggle { display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:12px; width:100%; min-height:91px; padding:9px 13px; border:1px solid #e9e3f2; border-radius:14px; color:#1b1725; background:#fff; text-align:left; cursor:pointer; }.bmv2-library-cover { width:50px; height:75px; overflow:hidden; border-radius:7px; background:var(--accent-soft); }.bmv2-library-list span strong,.bmv2-library-list span small,.bmv2-library-list span em,.bmv2-list-toggle span strong,.bmv2-list-toggle span small { display:block; }.bmv2-library-list span strong,.bmv2-list-toggle span strong { font-size:13px; }.bmv2-library-list span small,.bmv2-list-toggle span small { margin-top:4px; color:#81798c; font-size:10px; }.bmv2-library-list span em { display:inline-block; margin-top:9px; padding:3px 7px; border-radius:8px; color:var(--accent-primary); background:var(--accent-soft); font-size:9px; font-style:normal; }
.bmv2-reading-lists article { overflow:hidden; border:1px solid #e9e3f2; border-radius:14px; background:#fff; }.bmv2-reading-lists .bmv2-list-toggle { border:0; border-radius:0; }.bmv2-cover-stack { position:relative; width:58px; height:70px; }.bmv2-cover-stack img,.bmv2-cover-stack i { position:absolute; width:36px; height:54px; object-fit:cover; border:2px solid #fff; border-radius:5px; background:var(--accent-soft); }.bmv2-cover-stack :nth-child(1) { left:0; transform:rotate(-6deg); }.bmv2-cover-stack :nth-child(2) { left:10px; }.bmv2-cover-stack :nth-child(3) { left:20px; transform:rotate(6deg); }.bmv2-list-books { display:flex; gap:10px; overflow-x:auto; padding:12px 14px 16px; border-top:1px solid #f0ecf4; }
.bmv2-state { display:grid; place-items:center; min-height:180px; padding:30px; color:#81798c; text-align:center; }.bmv2-state.loading { min-height:340px; }.bmv2-state.error button { margin-top:12px; padding:9px 15px; border:0; border-radius:9px; color:#fff; background:var(--accent-primary); font-weight:700; }
.bmv2-hero { flex-direction:row-reverse; justify-content:flex-end; gap:20px; min-height:206px; padding:17px 20px; background:#0b090f; color:#fff; }
.bmv2-hero::before { display:none; }.bmv2-hero > img { width:114px; height:171px; flex:0 0 auto; border-radius:6px; transform:none; }.bmv2-hero-copy { max-width:520px; }.bmv2-hero h2 { margin-top:6px; font-family:Inter,system-ui,sans-serif; font-size:18px; font-weight:800; }.bmv2-hero-copy > p { margin:5px 0; color:#d3cbdc; font-size:11.5px; }.bmv2-hero blockquote { display:-webkit-box; overflow:hidden; margin:7px 0; color:#afa5b9; font-size:10px; font-style:italic; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.bmv2-hero-copy > small { display:block; color:#c6bccf; font-size:10px; }.bmv2-hero-copy div { margin-top:11px; }
.bmv2-cover { border-radius:6px; }
.bmv2-continue-list > button { grid-template-columns:88px 1fr auto; min-height:108px; }.bmv2-mini-cover { width:88px; height:88px; border-radius:8px; }.bmv2-continue-list i { display:block; height:5px; overflow:hidden; margin-top:7px; border-radius:5px; background:#eee9f5; }.bmv2-continue-list i u { display:block; height:100%; border-radius:inherit; background:var(--accent-primary); }.bmv2-continue-list mark { display:inline-grid; place-items:center; min-width:90px; height:26px; margin-top:7px; border-radius:14px; color:var(--accent-strong); background:var(--accent-soft); font-size:10px; font-weight:800; }
.bmv2-discover-sorts { display:flex; gap:20px; overflow-x:auto; margin-bottom:17px; border-bottom:1px solid #e9e3f2; }.bmv2-discover-sorts button { flex:0 0 auto; padding:7px 0 9px; border:0; border-bottom:2px solid transparent; color:#71687e; background:transparent; font:600 11px Inter,sans-serif; }.bmv2-discover-sorts button.active { color:var(--accent-primary); border-color:var(--accent-primary); }
@media (max-width:700px) {
  .bmv2-shell { padding:14px 14px 74px; }.bmv2-top { margin-bottom:13px; }.bmv2-top h1 { font-size:25px; }.bmv2-tabs { margin-inline:-14px; padding-inline:14px; border-width:1px 0; border-radius:0; }.bmv2-tabs button { padding:0 12px; }.bmv2-hero { min-height:206px; padding:19px; border-radius:17px; }.bmv2-hero-copy { max-width:62%; }.bmv2-hero h2 { font-size:25px; }.bmv2-hero > img { width:88px; height:132px; }.bmv2-hero button { padding:0 12px; }.bmv2-continue-list { grid-template-columns:1fr; }.bmv2-discover-grid { grid-template-columns:repeat(3,102px); justify-content:space-between; }.bmv2-podium { gap:2px; margin-inline:-6px; padding-inline:3px; }.bmv2-podium button { width:99px; }.bmv2-podium-cover { width:76px; height:114px; }.bmv2-podium button[data-rank="1"] .bmv2-podium-cover { width:88px; height:132px; }.bmv2-rank-list > button { grid-template-columns:25px 39px 1fr auto; padding-inline:8px; }.bmv2-rank-list em { max-width:55px; }.bmv2-reading-lists,.bmv2-library-list { margin-inline:-2px; }
}
.bmv2-mark { display:none; }
.bmv2-hero-dots { display:flex; justify-content:center; gap:0; margin:-17px 0 20px; }.bmv2-hero-dots button { position:relative; width:36px; height:36px; padding:0; border:0; background:transparent; }.bmv2-hero-dots button::before { content:""; position:absolute; top:50%; left:50%; width:6px; height:6px; border-radius:6px; background:#d4c8e8; transform:translate(-50%,-50%); }.bmv2-hero-dots button.active::before { width:20px; background:var(--accent-primary); }
.bmv2-continue header button { border:0; color:var(--accent-primary); background:transparent; font:700 11px Inter,sans-serif; }
#booksMobileV2 [hidden] { display:none !important; }
.bmv2-cover { position:relative; }.bmv2-badge { position:absolute; top:5px; padding:3px 5px; border-radius:5px; color:#fff; font-size:8px; font-weight:800; }.bmv2-badge.mature { left:4px; background:#e92958; }.bmv2-badge.paid { right:4px; background:var(--accent-primary); }.bmv2-badge.free { right:4px; background:#26865f; }
.bmv2-hero button.primary { color:#fff; background:var(--accent-primary); }
.bmv2-hero button { white-space:nowrap; }
.bmv2-hero { min-height:270px; }.bmv2-hero > img { width:150px; height:225px; }.bmv2-hero h2 { font-size:24px; }
.bmv2-ranking-title { padding:7px 0; }.bmv2-ranking-title h2 { font-family:Inter,system-ui,sans-serif; font-size:23px; }.bmv2-podium { position:relative; min-height:235px; padding-bottom:32px; background:var(--accent-soft) url('../img/books-v2/ranking/podium-stage.png') center bottom/340px auto no-repeat; }
.bmv2-podium button::before { content:""; position:absolute; z-index:3; top:-30px; left:50%; width:34px; height:28px; background:center/contain no-repeat; transform:translateX(-50%); }.bmv2-podium button[data-rank="1"]::before { background-image:url('../img/books-v2/ranking/crown-gold.png'); }.bmv2-podium button[data-rank="2"]::before { background-image:url('../img/books-v2/ranking/crown-silver.png'); }.bmv2-podium button[data-rank="3"]::before { background-image:url('../img/books-v2/ranking/crown-bronze.png'); }
@media (max-width:700px) { .bmv2-hero { min-height:206px; }.bmv2-hero > img { width:114px; height:171px; }.bmv2-hero h2 { font-size:13px; }.bmv2-podium { min-height:220px; background-size:310px auto; } }
@media (max-width:380px) { .bmv2-hero button { padding-inline:10px; font-size:11px; } }
@media (max-width:350px) { .bmv2-discover-grid { grid-template-columns:repeat(2,102px); justify-content:space-around; }.bmv2-hero > img { display:none; }.bmv2-hero-copy { max-width:100%; } }
@media (max-width:700px) { .bmv2-hero { padding:17px 14px; }.bmv2-hero-copy { max-width:calc(100% - 128px); }.bmv2-hero h2 { font-size:13px; }.bmv2-hero > img { width:114px; height:171px; } }
#booksMobileV2 { overflow-x:hidden; }
.bmv2-continue-list > button,.bmv2-continue-list > button > span { min-width:0; max-width:100%; }
.bmv2-continue-list strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:700px) {
  .bmv2-top { display:none; }
  .bmv2-tabs { overflow:hidden; padding:5px 4px; }
  .bmv2-tabs button { flex:1 1 20%; min-width:0; padding:0 3px; font-size:10px; white-space:nowrap; }
  .bmv2-continue-list > button { width:100%; grid-template-columns:88px minmax(0,1fr); }
  .bmv2-continue-list > button > b { display:none; }
  .bmv2-hero button.primary { color:#fff; background:var(--accent-primary); }
  .bmv2-hero button.secondary { color:#fff; background:transparent; }
}