.mobile-nav-toggle,.mini-expand { display:none; }
.hero-artwork-inner { display:contents; }
#app .site-header .header-logout-btn[style*="display:none"],#app .site-header .header-logout-btn[style*="display: none"] { display:none!important; }
.storage-stat strong { display:block; direction:ltr; unicode-bidi:isolate; text-align:right; }
#app #searchSuggestions .suggest-book-card { box-sizing:border-box!important; display:grid!important; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:10px!important; text-align:right; }
#app #searchSuggestions .suggest-book-info { min-width:0; overflow:hidden; }
#app #searchSuggestions .suggest-book-info strong,#app #searchSuggestions .suggest-book-info small { display:block; white-space:normal; overflow-wrap:anywhere; }
#app #searchSuggestions .suggest-book-cover { width:44px; height:64px; object-fit:cover; }
@media(max-width:800px) {
 #app .site-header { position:sticky!important; top:0!important; z-index:1200; background:#fff!important; }
 #app .site-header .header-inner { display:grid!important; grid-template-columns:minmax(0,1fr) 44px 44px; gap:8px!important; width:calc(100% - 24px)!important; min-height:68px; padding:0!important; margin:auto!important; }
 #app .site-header .header-primary { display:flex!important; align-items:center; gap:12px!important; min-width:0; width:auto!important; }
 #app .site-header .brand { flex:0 0 40px; width:40px; height:44px; padding:0!important; }
 #app .site-header .brand-copy { display:none!important; }
 #app .site-header .header-status { display:flex!important; width:44px!important; min-width:0; margin:0!important; gap:0!important; }
 #app .site-header #headerSearchBtn,#app .mobile-nav-toggle { display:grid!important; place-items:center; width:44px; height:44px; min-width:44px; padding:0!important; border:1px solid #dce7e3; border-radius:10px; background:#f5f9f7; color:#03314b; cursor:pointer; }
 #app .site-header #headerSearchBtn > span:last-child { display:none; }
 #app .site-header #headerSearchBtn .search-icon { display:block; position:static; transform:none; margin:0; font-size:18px; }
 #app .site-header .personal-library-link { min-height:44px; margin:0; font-size:12px; padding:8px!important; }
 #app .mobile-navigation { box-sizing:border-box; position:absolute; top:100%; right:12px; left:12px; display:flex; flex-direction:column; gap:8px; max-height:calc(100dvh - 88px); overflow-y:auto; padding:16px; background:#fff; border:1px solid #dce8e2; border-radius:14px; box-shadow:0 15px 40px #03314b26; }
 #app .mobile-navigation[hidden] { display:none!important; }
 #app .mobile-navigation .main-nav { display:flex!important; width:100%; gap:8px; }
 #app .mobile-navigation .main-nav button { flex:1; }
 #app .mobile-navigation :is(button,summary) { box-sizing:border-box; min-height:44px; padding:10px 14px!important; font:inherit; font-size:13px; }
 #app .mobile-navigation > :is(button,details) { width:100%; text-align:right; margin:0!important; }
 #app .mobile-navigation .category-menu-panel,#app .mobile-navigation .activity-dropdown-panel { position:static!important; box-sizing:border-box; width:100%!important; max-width:none; max-height:none; padding:12px!important; box-shadow:none; }
 #app .mobile-navigation .category-menu-panel > div { grid-template-columns:1fr!important; }
 #app .mobile-navigation .category-menu-panel button { width:100%; }
 #app .mobile-navigation .header-account { display:flex; align-items:center; gap:10px; }
 #app .mobile-navigation .header-premium { text-align:center; }
 #app .mobile-navigation .header-activity-summary { justify-content:flex-start; }
 #app .mobile-navigation .activity-item-btn { width:100%; }
 #app .blinkist-hero { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:22px!important; width:calc(100% - 32px)!important; max-width:none!important; min-width:0!important; padding:30px 0 10px!important; margin:0 auto!important; overflow:visible!important; }
 #app .blinkist-hero-copy { box-sizing:border-box; width:100%!important; max-width:100%!important; min-width:0!important; flex:auto!important; text-align:center!important; padding:0!important; }
 #app .blinkist-hero-title { width:100%!important; max-width:none!important; font-size:clamp(38px,9vw,58px)!important; line-height:1.35!important; margin:0!important; }
 #app .blinkist-hero-subtitle { max-width:none!important; margin:18px 0!important; font-size:15px!important; line-height:2!important; }
 #app .blinkist-hero-actions { display:grid!important; grid-template-columns:1fr; width:100%!important; gap:10px!important; }
 #app .blinkist-hero-actions button { display:flex!important; box-sizing:border-box; width:100%!important; min-height:48px; margin:0!important; }
 #app .hero-micro-proof { justify-content:center; margin:16px 0 0!important; font-size:11px!important; line-height:1.9; }
 #app .hero-product-stage { width:100%!important; min-width:0!important; max-width:100%!important; height:calc(520px * var(--hero-scale,.6))!important; min-height:0!important; margin:0!important; transform:none!important; overflow:visible!important; flex:none!important; }
 #app .hero-artwork-inner { display:block; position:absolute; top:0; left:50%; width:500px; height:520px; transform:translateX(-50%) scale(var(--hero-scale,.6)); transform-origin:top center; }
 #app .hero-artwork-inner .hero-stage-panel { inset:15px 0 10px; }
 #app .hero-artwork-inner .hero-phone-read { display:block; left:15px; top:65px; }
 #app .hero-artwork-inner .hero-phone-listen { left:175px; top:20px; }
 #app .book-hero-content { order:0; }
 #app .book-cover-stage { order:1; width:220px!important; max-width:100%!important; padding-top:18px!important; gap:16px!important; align-self:center; }
 #app .book-cover-stage .book3d { width:138px!important; height:200px!important; --book-thickness:20px; }
 #app .book-cover-caption { box-sizing:border-box; padding:12px; font-size:12px; }
 #app .book-hero { gap:24px!important; min-height:0!important; }
 #app .book-hero .book-hero-content { min-width:0; }
 #app .book-hero-content .inline-actions { align-items:flex-start; gap:8px; }
 #app #summaryPanel .panel-title { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:16px!important; }
 #app #summaryPanel .panel-title h2 { font-size:24px; margin:0; }
 #app #summaryPanel .reader-tools { display:flex!important; flex-wrap:wrap; justify-content:flex-start; gap:8px; width:100%; margin:0; padding:8px; box-sizing:border-box; }
 #app #summaryPanel .reader-tools button { min-width:44px!important; min-height:44px!important; padding:8px 12px!important; font-size:13px!important; }
 #app #summaryText { font-size:16px; line-height:2.1; }
 .mini-player:not([hidden]) { box-sizing:border-box; display:grid!important; grid-template-columns:36px minmax(0,1fr) 44px 44px; grid-template-areas:'cover copy play expand'; gap:8px!important; align-items:center; padding:10px!important; bottom:max(8px,env(safe-area-inset-bottom)); }
 .mini-player .mini-cover { grid-area:cover; width:30px; height:44px; }
 .mini-player .mini-copy { grid-area:copy; flex-basis:auto!important; font-size:12px; }
 .mini-player > .mini-play { grid-area:play; }
 .mini-player .mini-expand { grid-area:expand; display:block; }
 #miniPlayer button { box-sizing:border-box; flex-shrink:0; min-width:44px!important; min-height:44px!important; height:44px; padding:0 8px; }
 .mini-player .mini-player-controls,.mini-player .mini-timeline,.mini-player .mini-player-extras { display:none!important; }
 .mini-player.is-expanded { grid-template-areas:'cover copy play expand' 'controls controls extras extras' 'timeline timeline timeline timeline'; }
 .mini-player.is-expanded .mini-player-controls { grid-area:controls; display:flex!important; }
 .mini-player.is-expanded .mini-player-extras { grid-area:extras; display:flex!important; justify-content:flex-end; }
 .mini-player.is-expanded .mini-timeline { grid-area:timeline; display:grid!important; min-width:0; }
 .has-persistent-player { padding-bottom:90px; }
 .has-persistent-player.player-expanded { padding-bottom:205px; }
 body:has(.mobile-sticky-bottom) .back-to-top { bottom:84px; }
 body:has(.mini-player.is-expanded:not([hidden])) .back-to-top { bottom:190px; }
 body.zen-reading-mode #app .site-header { display:none!important; }
 #app .storage-stat strong { direction:ltr; unicode-bidi:isolate; text-align:right; }
 #app .collection-top-actions button,#app .category-bubble-pill { min-height:44px!important; }
}
@media(min-width:601px) and (max-width:800px) {
 #app .mobile-book-intro { display:grid; grid-template-columns:160px minmax(0,1fr); align-items:center; gap:24px; }
 #app .mobile-book-intro .book-cover-stage { grid-column:1; grid-row:1; width:160px!important; }
 #app .mobile-book-heading { grid-column:2; grid-row:1; min-width:0; }
}
@media(max-width:600px) {
 #app .blinkist-hero { padding:24px 0 8px!important; gap:0!important; }
 #app .hero-product-stage { display:none!important; }
 #app .blinkist-hero-title { max-width:290px!important; margin:auto!important; font-size:34px!important; line-height:1.4!important; }
 #app .blinkist-hero-title strong,#app .blinkist-hero-title em { display:inline!important; }
 #app .blinkist-hero-title strong:first-child::after { content:' '; }
 #app .blinkist-hero-title strong:last-child { display:block!important; }
 #app .blinkist-hero-subtitle { font-size:15px!important; margin:12px 0 18px!important; line-height:1.9!important; }
 #app .blinkist-hero-actions { gap:4px!important; }
 #app .blinkist-hero-actions .blinkist-btn-outline { border-color:transparent!important; background:transparent!important; box-shadow:none!important; min-height:44px; }
 #app .hero-micro-proof { display:none!important; }
 #app .library-app.blinkist-v2 #collection { margin-top:20px; padding-top:12px; }
 #app .library-app.blinkist-v2 #collection .collection-heading { gap:12px; margin-bottom:16px; }
 #app .library-app.blinkist-v2 #collection .catalog-eyebrow { display:none; }
 #app .library-app.blinkist-v2 #collection .collection-heading h2 { font-size:25px; }
 #app .library-app.blinkist-v2 #collection .collection-heading p { margin-top:4px; font-size:14px; }
 #app .library-app.blinkist-v2 #collection .collection-top-actions :is(button,.btn) { font-size:12px; min-height:44px; padding:6px!important; }
 #app .library-app.blinkist-v2 #collection .catalog-search-panel { padding:16px 12px; }
 #app .library-app.blinkist-v2 #collection #searchInput { font-size:16px; padding-left:82px!important; }
 #app .library-app.blinkist-v2 #collection #searchInput::placeholder { font-size:12px; }
 #app .library-app.blinkist-v2 #collection #voiceSearchBtn { left:6px; }
 #app .library-app.blinkist-v2 #collection .catalog-clear-search { left:46px; }
 #app .library-app.blinkist-v2 #collection .catalog-topic-heading { margin:16px 0 10px; font-size:13px; }
 #app .library-app.blinkist-v2 #collection #categoryBubblesRow { display:flex; flex-wrap:nowrap; gap:8px; overflow-x:auto; padding-bottom:8px; overscroll-behavior-inline:contain; }
 #app .library-app.blinkist-v2 #collection .category-bubble-pill { font-size:13px; padding:8px 14px!important; min-height:44px; white-space:nowrap; }
 #app #searchSuggestions .suggest-book-card { grid-template-columns:44px minmax(0,1fr)!important; }
 #app #searchSuggestions .suggest-book-action { display:none!important; }
 #app #searchSuggestions .suggest-book-info strong { font-size:14px; line-height:1.7; }
 #app #searchSuggestions .suggest-book-info small { font-size:12px; line-height:1.8; }
 #app:has(.book-page) .book-page { width:calc(100% - 32px); padding-top:12px; }
 #app:has(.book-page) .book-topbar { padding:6px 0 12px; gap:8px; }
 #app:has(.book-page) .book-topbar .btn { font-size:12px; padding:8px 10px; }
 #app:has(.book-page) .book-hero { padding:8px 0 20px!important; gap:0!important; }
 #app .book-hero-content .book-kicker { margin:0 0 14px!important; gap:6px; }
 #app:has(.book-page) .book-hero .mini-badge { font-size:12px; }
 #app .mobile-book-intro { display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:18px; }
 #app .mobile-book-heading { min-width:0; grid-column:2; grid-row:1; }
 #app .mobile-book-intro .book-cover-stage { grid-column:1; grid-row:1; width:88px!important; min-height:0; padding:0!important; background:transparent; overflow:visible; }
 #app .mobile-book-intro .book-cover-stage .book3d { width:76px!important; height:110px!important; margin:6px!important; --book-thickness:12px; }
 #app .mobile-book-intro .book-cover-caption { display:none; }
 #app .mobile-book-intro .book3d::after { display:none; }
 #app:has(.book-page) .book-hero .book-title { font-size:26px; margin:0 0 8px!important; line-height:1.6; }
 #app:has(.book-page) .book-hero .book-author { font-size:14px; }
 #app:has(.book-page) .book-hero .book-description { margin:12px 0!important; font-size:14px; line-height:1.9; }
 #app:has(.book-page) .book-progress-block { margin-top:12px; }
 #app .book-hero-content .inline-actions { margin-top:12px!important; gap:8px; }
 #app .book-hero-content .inline-actions .btn { font-size:13px; padding:8px 12px; }
 #app .book-hero-content .reading-status { margin-top:12px; font-size:13px; }
 #app:has(.book-page) .book-main-tabs { top:68px; margin-bottom:20px; }
 #app:has(.book-page) .book-tab-btn { min-height:52px; padding:10px 6px; }
 #app:has(.book-page) .book-tab-btn .tab-title { font-size:13px; }
 #app:has(.book-page) .panel { padding:18px 14px; }
 #app .reading-start-banner { margin-top:32px; }
 #app .blinkist-section-head { padding-top:32px!important; padding-bottom:20px!important; }
 #app .premium-showcase { margin-top:40px!important; }
}
