Books
Jun 18, 20232 min read
:root {
--primary-color: #1976d2;
--primary-hover: #1565c0;
--primary-light: #e3f2fd;
--surface-color: #fff;
--surface-variant: #f8f9fa;
--surface-elevated: #fefefe;
--text-primary: #1a1a1a;
--text-secondary: #666;
--text-tertiary: #757575;
--border-color: rgba(0, 0, 0, 0.08);
--border-hover: rgba(25, 118, 210, 0.2);
--shadow-light: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
--shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.12),
0 4px 8px rgba(0, 0, 0, 0.06);
--shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.16),
0 6px 12px rgba(0, 0, 0, 0.08);
--font-family: "Inter", "Roboto", -apple-system, BlinkMacSystemFont,
"Segoe UI", Arial, sans-serif;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 2rem;
--spacing-xs: 0.5rem;
--spacing-sm: 0.75rem;
--spacing-base: 1rem;
--spacing-lg: 1.5rem;
--spacing-xl: 2rem;
--spacing-2xl: 3rem;
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 20px;
--transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
--transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-color-scheme: dark) {
:root {
--primary-color: #90caf9;
--primary-hover: #64b5f6;
--primary-light: #1e3a8a;
--surface-color: #1f1f23;
--surface-variant: #2a2a2e;
--surface-elevated: #38383d;
--text-primary: #fff;
--text-secondary: #b3b3b3;
--text-tertiary: #8c8c8c;
--border-color: rgba(255, 255, 255, 0.1);
--border-hover: rgba(144, 202, 249, 0.3);
}
}
.goodreads-widget,
.goodreads-books,
.gr_custom_container_1687109850,
.gr_custom_container_1687110190,
.gr_custom_container_1687116535 {
background: var(--surface-color) !important;
border-radius: var(--radius-xl) !important;
box-shadow: var(--shadow-light) !important;
padding: var(--spacing-2xl) !important;
margin: var(--spacing-2xl) auto !important;
max-width: 1200px !important;
font-family: var(--font-family) !important;
position: relative !important;
overflow: hidden !important;
border: 1px solid var(--border-color) !important;
transition: box-shadow var(--transition-base),
transform var(--transition-base) !important;
}
.goodreads-widget:hover,
.goodreads-books:hover,
.gr_custom_container_1687109850:hover,
.gr_custom_container_1687110190:hover,
.gr_custom_container_1687116535:hover {
box-shadow: var(--shadow-elevated) !important;
transform: translateY(-2px) !important;
}
.gr_custom_container_1687109850,
.gr_custom_container_1687110190,
.gr_custom_container_1687116535 {
display: flex !important;
flex-direction: column !important;
}
.gr_custom_container_1687109850::after,
.gr_custom_container_1687110190::after,
.gr_custom_container_1687116535::after {
display: none !important;
}
.tabs {
margin: var(--spacing-lg) 0 var(--spacing-2xl) 0 !important;
}
.tab-titles {
display: flex !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 var(--spacing-2xl) 0 !important;
border-bottom: 2px solid var(--border-color) !important;
justify-content: center !important;
gap: var(--spacing-xs) !important;
position: relative !important;
}
.tab-titles li a {
font-family: var(--font-family) !important;
font-size: var(--font-size-lg) !important;
font-weight: 500 !important;
color: var(--text-secondary) !important;
padding: var(--spacing-base) var(--spacing-xl) !important;
cursor: pointer !important;
display: inline-block !important;
position: relative !important;
transition: all var(--transition-base) !important;
border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important;
text-decoration: none !important;
letter-spacing: 0.025em !important;
}
.tab-titles li a:hover {
color: var(--primary-color) !important;
background: var(--primary-light) !important;
}
.tab-titles li a.active {
color: var(--primary-color) !important;
background: var(--primary-light) !important;
font-weight: 600 !important;
}
.tab-titles li a.active::after {
content: "" !important;
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
width: 100% !important;
height: 3px !important;
background: var(--primary-color) !important;
border-radius: 2px 2px 0 0 !important;
}
.goodreads-widget h2,
.goodreads-books h2,
.gr_custom_header_1687109850,
.gr_custom_header_1687110190,
.gr_custom_header_1687116535 {
font-size: var(--font-size-3xl) !important;
font-weight: 600 !important;
margin-bottom: var(--spacing-xl) !important;
color: var(--text-primary) !important;
letter-spacing: -0.025em !important;
text-align: center !important;
border-bottom: none !important;
position: relative !important;
padding-bottom: var(--spacing-lg) !important;
}
.gr_custom_header_1687109850::after,
.gr_custom_header_1687110190::after,
.gr_custom_header_1687116535::after {
content: "" !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 60px !important;
height: 4px !important;
background: linear-gradient(
90deg,
var(--primary-color),
var(--primary-hover)
) !important;
border-radius: 2px !important;
}
.gr_custom_container_1687109850,
.gr_custom_container_1687110190,
.gr_custom_container_1687116535 {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
}
.gr_custom_container_1687109850
> div:not(.gr_custom_header_1687109850):not(br):not(center):not(noscript),
.gr_custom_container_1687110190
> div:not(.gr_custom_header_1687110190):not(br):not(center):not(noscript),
.gr_custom_container_1687116535
> div:not(.gr_custom_header_1687116535):not(br):not(center):not(noscript) {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: var(--spacing-xl) !important;
margin-top: var(--spacing-lg) !important;
}
.goodreads-book,
.gr_custom_each_container_1687109850,
.gr_custom_each_container_1687110190,
.gr_custom_each_container_1687116535 {
background: var(--surface-elevated) !important;
border-radius: var(--radius-lg) !important;
box-shadow: var(--shadow-light) !important;
padding: var(--spacing-xl) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
transition: all var(--transition-base) !important;
position: relative !important;
overflow: hidden !important;
border: 1px solid var(--border-color) !important;
float: none !important;
width: auto !important;
margin: 0 !important;
clear: none !important;
min-height: 420px !important;
cursor: pointer !important;
}
.goodreads-book:hover,
.gr_custom_each_container_1687109850:hover,
.gr_custom_each_container_1687110190:hover,
.gr_custom_each_container_1687116535:hover {
box-shadow: var(--shadow-hover) !important;
transform: translateY(-4px) scale(1.01) !important;
border-color: var(--border-hover) !important;
}
.gr_custom_each_container_1687109850::before,
.gr_custom_each_container_1687110190::before,
.gr_custom_each_container_1687116535::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: linear-gradient(
135deg,
var(--primary-color) 0%,
transparent 50%
) !important;
opacity: 0 !important;
transition: opacity var(--transition-base) !important;
pointer-events: none !important;
}
.gr_custom_each_container_1687109850:hover::before,
.gr_custom_each_container_1687110190:hover::before,
.gr_custom_each_container_1687116535:hover::before {
opacity: 0.03 !important;
}
.goodreads-book-cover,
.gr_custom_book_container_1687109850,
.gr_custom_book_container_1687110190,
.gr_custom_book_container_1687116535 {
text-align: center !important;
position: relative !important;
margin: var(--spacing-lg) auto !important;
}
.gr_custom_book_container_1687109850 img,
.gr_custom_book_container_1687110190 img,
.gr_custom_book_container_1687116535 img {
width: 140px !important;
height: 210px !important;
object-fit: cover !important;
border-radius: var(--radius-md) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1) !important;
transition: all var(--transition-base) !important;
border: 2px solid var(--surface-color) !important;
position: relative !important;
z-index: 2 !important;
}
.goodreads-book:hover .goodreads-book-cover img,
.gr_custom_each_container_1687109850:hover img,
.gr_custom_each_container_1687110190:hover img,
.gr_custom_each_container_1687116535:hover img {
transform: scale(1.03) rotateY(5deg) !important;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15) !important;
border-color: var(--primary-color) !important;
}
.gr_custom_book_container_1687109850::after,
.gr_custom_book_container_1687110190::after,
.gr_custom_book_container_1687116535::after {
content: "" !important;
position: absolute !important;
top: 10px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 120px !important;
height: 180px !important;
background: var(--primary-color) !important;
opacity: 0 !important;
border-radius: var(--radius-md) !important;
filter: blur(20px) !important;
transition: opacity var(--transition-base) !important;
z-index: 1 !important;
}
.gr_custom_each_container_1687109850:hover
.gr_custom_book_container_1687109850::after,
.gr_custom_each_container_1687110190:hover
.gr_custom_book_container_1687110190::after,
.gr_custom_each_container_1687116535:hover
.gr_custom_book_container_1687116535::after {
opacity: 0.1 !important;
}
.goodreads-book-title,
.gr_custom_title_1687109850,
.gr_custom_title_1687110190,
.gr_custom_title_1687116535 {
font-size: var(--font-size-lg) !important;
font-weight: 600 !important;
color: var(--text-primary) !important;
text-align: center !important;
margin-bottom: var(--spacing-sm) !important;
line-height: 1.4 !important;
min-height: 3.2em !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
letter-spacing: -0.01em !important;
position: relative !important;
z-index: 2 !important;
}
.gr_custom_title_1687109850 a,
.gr_custom_title_1687110190 a,
.gr_custom_title_1687116535 a {
color: inherit !important;
text-decoration: none !important;
transition: color var(--transition-fast) !important;
display: block !important;
text-align: center !important;
}
.gr_custom_title_1687109850 a:hover,
.gr_custom_title_1687110190 a:hover,
.gr_custom_title_1687116535 a:hover {
color: var(--primary-color) !important;
}
.goodreads-book .goodreads-book-author,
.gr_custom_author_1687109850,
.gr_custom_author_1687110190,
.gr_custom_author_1687116535 {
font-size: var(--font-size-sm) !important;
color: var(--text-secondary) !important;
display: block !important;
text-align: center !important;
margin: 0 auto var(--spacing-base) auto !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: 0.01em !important;
width: 100% !important;
line-height: 1.4 !important;
position: relative !important;
z-index: 2 !important;
}
.gr_custom_author_1687109850 a,
.gr_custom_author_1687110190 a,
.gr_custom_author_1687116535 a {
color: inherit !important;
text-decoration: none !important;
transition: color var(--transition-fast) !important;
}
.gr_custom_author_1687109850 a:hover,
.gr_custom_author_1687110190 a:hover,
.gr_custom_author_1687116535 a:hover {
color: var(--primary-color) !important;
}
.goodreads-book .goodreads-book-tags,
.goodreads-widget .goodreads-book-tags,
[class*="goodreads"] .goodreads-book-tags,
.gr_custom_tags_1687109850,
.gr_custom_tags_1687110190,
.gr_custom_tags_1687116535 {
font-size: var(--font-size-xs) !important;
color: var(--text-tertiary) !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: var(--spacing-xs) !important;
margin: 0 auto var(--spacing-base) auto !important;
width: 100% !important;
line-height: 1.4 !important;
font-style: normal !important;
position: relative !important;
z-index: 2 !important;
}
.gr_custom_container_1687109850 .gr_custom_tags_1687109850,
.gr_custom_container_1687110190 .gr_custom_tags_1687110190,
.gr_custom_container_1687116535 .gr_custom_tags_1687116535 {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
}
.gr_custom_tags_1687109850,
.gr_custom_tags_1687110190,
.gr_custom_tags_1687116535 {
position: relative !important;
}
.gr_custom_tags_1687109850::before,
.gr_custom_tags_1687110190::before,
.gr_custom_tags_1687116535::before {
display: inline-block !important;
margin-right: 8px !important;
color: var(--text-tertiary) !important;
font-style: italic !important;
}
.goodreads-tag-pill {
background: var(--surface-variant) !important;
color: var(--text-secondary) !important;
padding: 4px 10px !important;
border-radius: 12px !important;
font-size: var(--font-size-xs) !important;
font-weight: 500 !important;
border: 1px solid var(--border-color) !important;
transition: all var(--transition-fast) !important;
display: inline-block !important;
line-height: 1.5 !important;
text-decoration: none !important;
}
.goodreads-tag-pill:hover {
background: var(--primary-light) !important;
color: var(--primary-color) !important;
border-color: var(--border-hover) !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.goodreads-book-rating {
margin: var(--spacing-sm) 0 var(--spacing-base) 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
position: relative !important;
z-index: 2 !important;
}
.goodreads-star {
color: #ffc107 !important;
font-size: 1.2em !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
transition: transform var(--transition-fast) !important;
}
.goodreads-book:hover .goodreads-star {
transform: scale(1.1) !important;
}
.goodreads-book-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--primary-color) !important;
color: var(--surface-color) !important;
font-size: var(--font-size-sm) !important;
font-weight: 600 !important;
padding: 12px 24px !important;
border-radius: 24px !important;
text-decoration: none !important;
margin-top: auto !important;
transition: all var(--transition-base) !important;
box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3) !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
position: relative !important;
z-index: 2 !important;
border: none !important;
overflow: hidden !important;
}
.goodreads-book-link::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
) !important;
transition: left var(--transition-slow) !important;
}
.goodreads-book-link:hover::before {
left: 100% !important;
}
.goodreads-book-link:hover {
background: var(--primary-hover) !important;
box-shadow: 0 6px 20px rgba(25, 118, 210, 0.4) !important;
transform: translateY(-2px) !important;
}
center,
br[style*="clear"] {
display: none !important;
}
@media (max-width: 1024px) {
.gr_custom_container_1687109850
> div:not(.gr_custom_header_1687109850):not(br):not(center):not(noscript),
.gr_custom_container_1687110190
> div:not(.gr_custom_header_1687110190):not(br):not(center):not(noscript),
.gr_custom_container_1687116535
> div:not(.gr_custom_header_1687116535):not(br):not(center):not(noscript) {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
gap: var(--spacing-lg) !important;
}
}
@media (max-width: 768px) {
.goodreads-widget,
.goodreads-books,
.gr_custom_container_1687109850,
.gr_custom_container_1687110190,
.gr_custom_container_1687116535 {
padding: var(--spacing-xl) !important;
margin: var(--spacing-lg) auto !important;
border-radius: var(--radius-lg) !important;
}
.gr_custom_container_1687109850
> div:not(.gr_custom_header_1687109850):not(br):not(center):not(noscript),
.gr_custom_container_1687110190
> div:not(.gr_custom_header_1687110190):not(br):not(center):not(noscript),
.gr_custom_container_1687116535
> div:not(.gr_custom_header_1687116535):not(br):not(center):not(noscript) {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
gap: var(--spacing-lg) !important;
}
.goodreads-book,
.gr_custom_each_container_1687109850,
.gr_custom_each_container_1687110190,
.gr_custom_each_container_1687116535 {
padding: var(--spacing-lg) !important;
min-height: 380px !important;
}
.gr_custom_book_container_1687109850 img,
.gr_custom_book_container_1687110190 img,
.gr_custom_book_container_1687116535 img {
width: 120px !important;
height: 180px !important;
}
.tab-titles {
flex-wrap: wrap !important;
gap: var(--spacing-xs) !important;
}
.tab-titles li a {
font-size: var(--font-size-base) !important;
padding: var(--spacing-sm) var(--spacing-lg) !important;
}
}
@media (max-width: 480px) {
.goodreads-widget,
.goodreads-books,
.gr_custom_container_1687109850,
.gr_custom_container_1687110190,
.gr_custom_container_1687116535 {
padding: var(--spacing-lg) !important;
margin: var(--spacing-base) auto !important;
border-radius: var(--radius-md) !important;
}
.gr_custom_container_1687109850
> div:not(.gr_custom_header_1687109850):not(br):not(center):not(noscript),
.gr_custom_container_1687110190
> div:not(.gr_custom_header_1687110190):not(br):not(center):not(noscript),
.gr_custom_container_1687116535
> div:not(.gr_custom_header_1687116535):not(br):not(center):not(noscript) {
grid-template-columns: 1fr !important;
gap: var(--spacing-base) !important;
}
.goodreads-book,
.gr_custom_each_container_1687109850,
.gr_custom_each_container_1687110190,
.gr_custom_each_container_1687116535 {
padding: var(--spacing-lg) !important;
min-height: 360px !important;
max-width: none !important;
margin: 0 !important;
}
.gr_custom_book_container_1687109850 img,
.gr_custom_book_container_1687110190 img,
.gr_custom_book_container_1687116535 img {
width: 130px !important;
height: 195px !important;
}
.goodreads-widget h2,
.goodreads-books h2,
.gr_custom_header_1687109850,
.gr_custom_header_1687110190,
.gr_custom_header_1687116535 {
font-size: var(--font-size-2xl) !important;
}
.tab-titles li a {
font-size: var(--font-size-sm) !important;
padding: var(--spacing-sm) var(--spacing-base) !important;
}
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.gr_custom_each_container_1687109850,
.gr_custom_each_container_1687110190,
.gr_custom_each_container_1687116535,
.gr_custom_book_container_1687109850 img,
.gr_custom_book_container_1687110190 img,
.gr_custom_book_container_1687116535 img {
will-change: transform !important;
transform: translateZ(0) !important;
}
@media print {
.goodreads-widget,
.goodreads-books,
.gr_custom_container_1687109850,
.gr_custom_container_1687110190,
.gr_custom_container_1687116535 {
box-shadow: none !important;
border: 1px solid #000 !important;
background: #fff !important;
color: #000 !important;
page-break-inside: avoid !important;
}
.goodreads-book,
.gr_custom_each_container_1687109850,
.gr_custom_each_container_1687110190,
.gr_custom_each_container_1687116535 {
box-shadow: none !important;
border: 1px solid #ccc !important;
page-break-inside: avoid !important;
}
.tabs,
.goodreads-book-link {
display: none !important;
}
}
Share book reviews and ratings with Goke, and even join a book club on Goodreads.
- Reading
- Next
- Read
Recently Read
by
Ryan Holiday
tagged: human-behavior
Share book reviews and ratings with Goke, and even join a book club on Goodreads.
Did you enjoy this article?
Recommend it — Standard Reader surfaces well-loved writing to more readers across the network.