.phone-app-home{--primary:#fdc93e;--primary-dark:#e0a800;--primary-darker:#b58800;--primary-light:#fdc93e26;--primary-tint:#fdc93e14;--header-yellow:#fac62f;--accent:#f59e0b;--success:#10b981;--success-light:#10b98126;--danger:#ef4444;--danger-light:#ef444426;--warning:#f59e0b;--warning-light:#f59e0b26;--surface:#1b2028;--bg:#f8f9fa;--bg-muted:#f1f3f5;--text:#1f2937;--text-sec:#4b5563;--text-tert:#9ca3af;--border:#e5e7eb;--border-dark:#d1d5db;--dark:#111;--dark-2:#0d0f12;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 1px 3px #0000000d;--shadow:0 4px 16px #00000014;--shadow-lg:0 16px 40px #0003;--shadow-xl:0 24px 64px #fdc93e33;--phone-cycle:42s;box-sizing:border-box;transform-origin:0 0;background:var(--bg);width:390px;height:780px;color:var(--text);pointer-events:none;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--device-scale:1;--device-w:390px;--device-h:780px;margin:0;padding:0;position:relative;overflow:hidden;transform:scale(.5744)}.phone-app-home *{box-sizing:border-box;margin:0;padding:0}.phone-app-home .screen{background-color:var(--bg);width:100%;height:100%;animation:.25s fade;display:none;position:relative}.phone-app-home .screen.active{flex-direction:column;display:flex}.phone-app-home .btn{font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.phone-app-home .btn-primary{background-color:var(--primary);color:var(--dark)}.phone-app-home .btn-primary:hover{background-color:var(--primary-dark)}.phone-app-home .btn-outline{border:1px solid var(--border);color:inherit;background-color:#0000}.phone-app-home .btn-outline:hover{background-color:var(--bg-muted)}.phone-app-home .btn-outline.active{border-color:var(--primary-darker);color:var(--dark);box-shadow:inset 0 0 0 1px var(--primary-darker);background-color:#fdc93e29}.phone-app-home .btn-block{width:100%}.phone-app-home .screen-header{background-color:var(--header-yellow);color:var(--dark);flex-shrink:0;padding:24px 24px 12px}.phone-app-home .screen-header h2{font-family:var(--font-display);font-size:22px;font-weight:800}.phone-app-home .screen-header p{color:#121212ad;margin-top:4px;font-size:13px}.phone-app-home .app-tab-bar{z-index:20;border-top:1px solid var(--border);background-color:#fff;flex-shrink:0;justify-content:space-around;align-items:center;height:64px;padding-bottom:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.phone-app-home .tab-item{color:var(--text-tert);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:10px;font-weight:600;display:flex}.phone-app-home .tab-item i{font-size:20px}.phone-app-home .tab-item.active{color:var(--primary-darker)}.phone-app-home .home-scroll-content{flex:1;padding:10px 20px 96px;overflow-y:auto}.phone-app-home .status-badge{color:#1f2937;background-color:#fff;border:1px solid #11182724;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:10px;font-weight:800;line-height:1.1;display:inline-flex;box-shadow:0 2px 8px #11182714}.phone-app-home .status-badge.status-badge-vip{color:#facc15;background-color:#111827;border-color:#111827}.phone-app-home .shelf-section{flex-direction:column;gap:6px;min-width:0;max-width:100%;margin-bottom:12px;display:flex}.phone-app-home .shelf-header{justify-content:space-between;align-items:center;display:flex}.phone-app-home .shelf-header h4{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700;margin:0!important}.phone-app-home .shelf-header a{color:var(--primary-darker);font-size:11px;font-weight:600;text-decoration:none}.phone-app-home .shelf-header button{color:var(--primary-darker);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px;font-weight:700}.phone-app-home .shelf-header button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.phone-app-home .shelf-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:9px;padding-bottom:6px;display:flex;overflow-x:auto}.phone-app-home .shelf-scroll::-webkit-scrollbar{display:none}.phone-app-home [id$=--screen-browse] .shelf-scroll{background:0 0!important}.phone-app-home [id$=--screen-browse] .shelf-scroll .book-card{text-align:center!important;width:104px!important;box-shadow:none!important;background-color:#fff!important;border:1px solid #0000000f!important;border-radius:16px!important;flex:0 0 104px!important;align-items:center!important;padding:8px 8px 10px!important;transition:transform .2s!important}.phone-app-home [id$=--screen-browse] .shelf-scroll .book-card:hover{transform:translateY(-2px);box-shadow:none!important}.phone-app-home [id$=--screen-browse] .shelf-scroll .book-cover{width:78px!important;height:104px!important;box-shadow:none!important;border-radius:12px!important;margin-bottom:4px!important}.phone-app-home [id$=--screen-browse] .shelf-scroll .book-title-label,.phone-app-home [id$=--screen-browse] .shelf-scroll .book-author-label{text-align:center;width:100%}.phone-app-home [id$=--screen-home] .featured-content-scroll{background:0 0!important}.phone-app-home [id$=--screen-home] .featured-content-section{box-shadow:none!important;background:0 0!important}.phone-app-home [id$=--screen-home] .featured-content-scroll .book-card{text-align:center!important;width:104px!important;box-shadow:none!important;background-color:#fff!important;border:1px solid #0000000f!important;border-radius:16px!important;flex:0 0 104px!important;align-items:center!important;padding:8px 8px 10px!important}.phone-app-home [id$=--screen-home] .featured-content-scroll .book-cover{width:78px!important;height:104px!important;box-shadow:none!important;border-radius:12px!important;margin-bottom:4px!important}.phone-app-home [id$=--screen-home] .featured-content-scroll .book-title-label,.phone-app-home [id$=--screen-home] .featured-content-scroll .book-author-label{text-align:center!important;width:100%!important}.phone-app-home .book-card{box-sizing:border-box;cursor:pointer;scroll-snap-align:start;background-color:var(--bg);border:1px solid #0f172a0f;border-radius:10px;outline:none;flex-direction:column;flex-shrink:0;gap:5px;width:96px;padding:6px;display:flex;overflow:hidden}.phone-app-home .book-cover{color:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;height:115px;padding:10px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.phone-app-home .book-card:hover .book-cover{transform:translateY(-2px)}.phone-app-home .book-card:focus-visible .book-cover{box-shadow:0 0 0 2px var(--primary), var(--shadow-sm)}.phone-app-home .book-cover .cat{text-transform:uppercase;background-color:#0009;border-radius:3px;align-self:flex-start;padding:2px 4px;font-size:8px;font-weight:800}.phone-app-home .book-cover .title{display:none}.phone-app-home .cover-rating-badge{color:#fff7d6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#111827b8;border-radius:999px;align-items:center;gap:3px;padding:3px 5px;font-size:9px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:auto;bottom:7px;right:7px;box-shadow:0 2px 8px #00000038}.phone-app-home .cover-rating-star{color:var(--header-yellow);font-size:10px;line-height:1}.phone-app-home .book-title-label{white-space:nowrap;text-overflow:ellipsis;color:var(--text);width:100%;min-height:13px;font-size:11px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.phone-app-home .book-author-label{color:var(--text-sec);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.phone-app-home .book-cover,.phone-app-home .book-cover-large,.phone-app-home .dl-cover{background-position:50%;background-size:cover}.phone-app-home .mock-cover-sinar{background-image:linear-gradient(#0f172a0d 0%,#7f1d1deb 100%),radial-gradient(circle at 70% 22%,#ffffffa6 0 10%,#0000 11%),linear-gradient(28deg,#0000 0 38%,#ffffffdb 39% 50%,#0000 51%),repeating-linear-gradient(0deg,#ffffffe6 0 4px,#ffffff1a 5px 8px),linear-gradient(135deg,#ef4444 0%,#7f1d1d 100%)}.phone-app-home .mock-cover-tech{background-image:url(/prototype-assets/hijab.jpg)!important}.phone-app-home .mock-cover-star{background-image:linear-gradient(#1e3a8a1a 0%,#0f172aeb 100%),radial-gradient(circle at 70% 24%,#fffc 0 9%,#0000 10%),linear-gradient(0deg,#ffffffd9 0 18%,#0000 19%),repeating-linear-gradient(90deg,#0000 0 12px,#ffffff6b 13px 15px),linear-gradient(135deg,#1d4ed8 0%,#172554 100%)}.phone-app-home .mock-cover-finance{background-image:linear-gradient(#064e3b1a 0%,#064e3bf5 100%),radial-gradient(circle at 28% 34%,#facc15eb 0 12%,#0000 13%),radial-gradient(circle at 68% 52%,#fde047d1 0 10%,#0000 11%),linear-gradient(35deg,#0000 0 43%,#ffffff47 44% 46%,#0000 47%),linear-gradient(135deg,#10b981 0%,#064e3b 100%)}.phone-app-home .mock-cover-food{background-image:linear-gradient(#78350f14 0%,#78350fe6 100%),radial-gradient(circle at 52% 45%,#fed7aaf5 0 24%,#0000 25%),radial-gradient(circle at 43% 39%,#ef4444e6 0 6%,#0000 7%),radial-gradient(circle at 63% 42%,#22c55ee6 0 5%,#0000 6%),linear-gradient(135deg,#f59e0b 0%,#78350f 100%)}.phone-app-home .mock-cover-dewan{background-image:url(/prototype-assets/nona.jpg)!important}.phone-app-home .mock-cover-hikayat{background-image:linear-gradient(#451a031f 0%,#451a03f2 100%),radial-gradient(circle at 50% 38%,#f59e0bb8 0 22%,#0000 23%),linear-gradient(45deg,#0000 0 46%,#fde68aa6 47% 51%,#0000 52%),repeating-linear-gradient(90deg,#fde68a33 0 4px,#0000 5px 15px),linear-gradient(135deg,#7c2d12 0%,#451a03 100%)}.phone-app-home .mock-cover-pantun{background-image:linear-gradient(#134e4a14 0%,#134e4aeb 100%),radial-gradient(circle at 30% 30%,#fbcfe8e6 0 8%,#0000 9%),radial-gradient(circle at 70% 42%,#a7f3d0db 0 10%,#0000 11%),linear-gradient(115deg,#0000 0 46%,#ffffff5c 47% 49%,#0000 50%),linear-gradient(135deg,#0f766e 0%,#134e4a 100%)}.phone-app-home .mock-cover-sains{background-image:linear-gradient(#1e293b05 0%,#1e293bed 100%),radial-gradient(circle at 65% 32%,#22d3eee6 0 11%,#0000 12%),radial-gradient(circle at 35% 58%,#4ade80d1 0 9%,#0000 10%),linear-gradient(30deg,#0000 0 41%,#ffffff6b 42% 44%,#0000 45%),linear-gradient(135deg,#2563eb 0%,#1e293b 100%)}.phone-app-home .mock-cover-rakyat{background-image:linear-gradient(#8318430d 0%,#831843f0 100%),radial-gradient(circle at 70% 22%,#fdf2f8db 0 12%,#0000 13%),linear-gradient(0deg,#15803dd1 0 24%,#0000 25%),repeating-linear-gradient(120deg,#0000 0 13px,#ffffff2e 14px 15px),linear-gradient(135deg,#db2777 0%,#831843 100%)}.phone-app-home .mock-cover-jelajah{background-image:url(/prototype-assets/hijabista.jpg)!important}.phone-app-home .mock-cover-kewangan{background-image:linear-gradient(#3f3f460d 0%,#3f3f46f2 100%),radial-gradient(circle at 32% 42%,#facc15f0 0 13%,#0000 14%),linear-gradient(90deg,#0000 0 39%,#ffffff73 40% 42%,#0000 43%),repeating-linear-gradient(0deg,#ffffff40 0 3px,#0000 4px 13px),linear-gradient(135deg,#ca8a04 0%,#3f3f46 100%)}.phone-app-home .mock-cover-metro{background-image:linear-gradient(#11182705 0%,#111827f0 100%),linear-gradient(0deg,#ffffffb8 0 19%,#0000 20%),repeating-linear-gradient(90deg,#0000 0 10px,#ffffff47 11px 13px),radial-gradient(circle at 72% 24%,#f87171e6 0 11%,#0000 12%),linear-gradient(135deg,#ef4444 0%,#111827 100%)}.phone-app-home .mock-cover-kosmo{background-image:linear-gradient(#7c2d120d 0%,#7c2d12ed 100%),radial-gradient(circle at 70% 26%,#fbbf24f2 0 12%,#0000 13%),radial-gradient(circle at 38% 42%,#fed7aab8 0 16%,#0000 17%),repeating-linear-gradient(135deg,#0000 0 14px,#ffffff38 15px 16px),linear-gradient(135deg,#f97316 0%,#7c2d12 100%)}.phone-app-home .mock-cover-fokus{background-image:linear-gradient(#164e630a 0%,#164e63f2 100%),linear-gradient(90deg,#ffffffd6 0 38%,#0000 39%),repeating-linear-gradient(0deg,#0891b25c 0 4px,#0000 5px 12px),radial-gradient(circle at 73% 26%,#fde047e6 0 10%,#0000 11%),linear-gradient(135deg,#0891b2 0%,#164e63 100%)}.phone-app-home .mock-cover-nabi{background-image:linear-gradient(180deg, #064e3b0a 0%, #064e3bf2 100%), radial-gradient(circle at 50% 28%, #fde68adb 0 14%, transparent 15%), repeating-conic-gradient(from 45deg at 50% 45%, #ffffff2e 0 8deg, transparent 9deg 22deg), linear-gradient(135deg, #059669 0%, #064e3b 100%)}.phone-app-home .mock-cover-ai{background-image:url(/prototype-assets/nur1.jpg)!important}.phone-app-home .mock-cover-sihat{background-image:url(/prototype-assets/nur2.jpg)!important}.phone-app-home .mock-cover-tech .cat,.phone-app-home .mock-cover-dewan .cat,.phone-app-home .mock-cover-jelajah .cat,.phone-app-home .mock-cover-ai .cat,.phone-app-home .mock-cover-sihat .cat{display:none!important}.phone-app-home .mock-cover-tech,.phone-app-home .mock-cover-dewan,.phone-app-home .mock-cover-jelajah,.phone-app-home .mock-cover-ai,.phone-app-home .mock-cover-sihat{background-color:#0000!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.phone-app-home .mock-cover-tatabahasa{background-image:linear-gradient(#312e810a 0%,#312e81f0 100%),repeating-linear-gradient(0deg,#ffffff8c 0 2px,#0000 3px 12px),linear-gradient(90deg,#ffffffd9 0 28%,#0000 29%),radial-gradient(circle at 72% 24%,#fde047e6 0 10%,#0000 11%),linear-gradient(135deg,#6366f1 0%,#312e81 100%)}.phone-app-home .mock-cover-sejarah{background-image:linear-gradient(#44403c0d 0%,#44403cf2 100%),radial-gradient(circle at 58% 30%,#fbbf24cc 0 16%,#0000 17%),linear-gradient(0deg,#78716cd9 0 24%,#0000 25%),repeating-linear-gradient(90deg,#0000 0 16px,#ffffff2e 17px 19px),linear-gradient(135deg,#92400e 0%,#44403c 100%)}.phone-app-home .mock-cover-matematik{background-image:linear-gradient(#164e630a 0%,#164e63f0 100%),repeating-linear-gradient(90deg,#0000 0 18px,#ffffff42 19px 20px),repeating-linear-gradient(0deg,#0000 0 18px,#ffffff38 19px 20px),radial-gradient(circle at 65% 35%,#2dd4bfeb 0 12%,#0000 13%),linear-gradient(135deg,#06b6d4 0%,#164e63 100%)}.phone-app-home .mock-cover-haiwan{background-image:linear-gradient(#3f62120a 0%,#3f6212eb 100%),radial-gradient(circle at 36% 42%,#fef08ae6 0 14%,#0000 15%),radial-gradient(circle at 65% 42%,#86efacdb 0 12%,#0000 13%),linear-gradient(0deg,#16a34ad9 0 24%,#0000 25%),linear-gradient(135deg,#84cc16 0%,#3f6212 100%)}.phone-app-home .mock-cover-usahawan{background-image:linear-gradient(#1e293b0a 0%,#1e293bf2 100%),radial-gradient(circle at 70% 28%,#fbbf24e6 0 12%,#0000 13%),linear-gradient(35deg,#0000 0 42%,#ffffff5c 43% 45%,#0000 46%),repeating-linear-gradient(0deg,#60a5fa3d 0 4px,#0000 5px 14px),linear-gradient(135deg,#0ea5e9 0%,#1e293b 100%)}.phone-app-home .mock-cover-kraf{background-image:linear-gradient(180deg, #581c870d 0%, #581c87f0 100%), repeating-conic-gradient(from 45deg at 50% 45%, #fde04759 0 8deg, transparent 9deg 18deg), radial-gradient(circle at 68% 28%, #fbcfe8e6 0 12%, transparent 13%), linear-gradient(135deg, #d946ef 0%, #581c87 100%)}.phone-app-home .mock-cover-kebun{background-image:linear-gradient(#14532d0a 0%,#14532deb 100%),radial-gradient(circle at 35% 44%,#bbf7d0e6 0 14%,#0000 15%),radial-gradient(circle at 66% 36%,#fde047d9 0 11%,#0000 12%),linear-gradient(0deg,#166534db 0 26%,#0000 27%),linear-gradient(135deg,#22c55e 0%,#14532d 100%)}.phone-app-home .browse-header-row{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.phone-app-home .browse-header-row p{color:var(--text-sec);margin-top:2px;font-size:11px;line-height:1.35}.phone-app-home .browse-mode-toggle{background-color:var(--bg-muted);border:1px solid var(--border);border-radius:8px;flex-shrink:0;gap:4px;padding:3px;display:flex}.phone-app-home .browse-mode-toggle button{color:var(--text-sec);cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:64px;padding:7px 8px;font-size:10px;font-weight:800;line-height:1.1}.phone-app-home .browse-mode-toggle button.active{background-color:var(--primary);color:var(--dark);box-shadow:var(--shadow-sm)}.phone-app-home .browse-search-bar{background-color:var(--bg-muted);border-radius:var(--radius);color:var(--text-sec);cursor:pointer;align-items:center;gap:10px;margin-top:8px;padding:11px 14px;font-size:12px;display:flex}.phone-app-home .browse-search-bar i{font-size:16px}.phone-app-home .browse-scroll-content{flex:1;padding:14px 20px 96px;position:relative;overflow-y:auto}.phone-app-home .browse-scroll-content h3{font-family:var(--font-display);margin-bottom:12px;font-size:14px;font-weight:700}.phone-app-home .categories-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;padding:4px;display:grid;overflow:hidden}.phone-app-home .cat-card{color:#0369a1;cursor:pointer;aspect-ratio:1/1.05;box-shadow:var(--shadow-sm);background:#eef7fc;border:1px solid #e0f2fe;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:12px 2px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:flex;position:relative}.phone-app-home [id$=--screen-browse] .cat-card{box-shadow:none!important;background-color:#fff!important;border-color:#0000000f!important}.phone-app-home [id$=--screen-browse] .cat-card:hover{box-shadow:none!important}.phone-app-home .cat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0369a126}.phone-app-home .cat-card i{font-size:28px;transition:transform .2s}.phone-app-home .cat-card:hover i{transform:scale(1.1)}.phone-app-home .cat-card span{font-family:var(--font-body);text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#1a202c;width:100%;padding:0 2px;font-size:10px;font-weight:700;overflow:hidden}.phone-app-home .publishers-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.phone-app-home .publishers-scroll::-webkit-scrollbar{display:none}.phone-app-home .publisher-logo-card{background-color:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-display);white-space:nowrap;cursor:pointer;padding:12px 18px;font-size:12px;font-weight:700}.phone-app-home .search-input-wrapper{flex:1;min-width:0;position:relative}.phone-app-home .search-input-wrapper input{width:100%;font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-muted);color:var(--text);outline:none;padding:10px 14px 10px 36px;font-size:13px}.phone-app-home [id$=--search-filter-value],.phone-app-home [id$=--category-filter-value],.phone-app-home [id$=--category-sort-value]{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;overflow:hidden;font-size:12px!important}.phone-app-home .search-input-wrapper .search-icon{color:var(--text-sec);font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.phone-app-home .nav-header{background-color:var(--header-yellow);color:var(--dark);border-bottom:1px solid #12121214;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative}.phone-app-home .nav-header i{cursor:pointer;color:#121212b8;z-index:2;font-size:18px}.phone-app-home .nav-icon-btn{border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;border:1px solid #0000;place-items:center;width:34px;height:34px;display:grid}.phone-app-home .nav-icon-btn i{pointer-events:none}.phone-app-home .nav-icon-btn.active,.phone-app-home .nav-icon-btn:hover,.phone-app-home .nav-icon-btn:focus-visible{border-color:var(--border);background-color:var(--bg-muted);outline:none}.phone-app-home .nav-header h3{font-family:var(--font-display);z-index:1;margin:0;font-size:15px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.phone-app-home [id$=--category-filter-toggle]{place-items:center;width:36px;height:36px;display:grid}.phone-app-home [id$=--category-filter-toggle],.phone-app-home [id$=--category-filter-toggle].active,.phone-app-home [id$=--category-filter-toggle]:hover,.phone-app-home [id$=--category-filter-toggle]:focus-visible{box-shadow:none!important;background-color:#0000!important;border-color:#0000!important}.phone-app-home [id$=--category-filter-dropdown] .custom-dropdown-menu{width:180px;box-shadow:var(--shadow-lg);border-radius:var(--radius);position:absolute;top:-6px;left:auto;right:-12px;z-index:100!important}.phone-app-home [id$=--category-filter-dropdown] .custom-dropdown-menu button{padding-right:30px;position:relative}.phone-app-home [id$=--category-filter-dropdown] .custom-dropdown-menu button.active:after{content:"✓";color:var(--primary-darker);position:absolute;right:12px}.phone-app-home .custom-dropdown{z-index:40;position:relative}.phone-app-home .custom-dropdown-menu{background-color:#fffffffa;border:1px solid #1f29371f;border-radius:12px;max-height:316px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px #0f172a2e;z-index:99!important}.phone-app-home .custom-dropdown-menu button{min-height:36px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background-color:#0000;border:0;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700}.phone-app-home .custom-dropdown-menu button:hover,.phone-app-home .custom-dropdown-menu button:focus-visible{color:var(--primary-darker);background-color:#fdc93e29;outline:none}.phone-app-home .custom-dropdown-menu button.active{background-color:var(--primary);color:#2c2303}.phone-app-home [id$=--search-filter-dropdown] .custom-dropdown-menu button{justify-content:space-between;align-items:center;gap:8px;display:flex}.phone-app-home [id$=--search-filter-dropdown] .custom-dropdown-menu button.active:after{content:"✓";font-weight:900}.phone-app-home [id$=--category-filter-dropdown] .custom-dropdown-menu button{justify-content:space-between;align-items:center;gap:8px;display:flex}.phone-app-home [id$=--category-filter-dropdown] .custom-dropdown-menu button.active:after{content:"✓";font-weight:900}.phone-app-home .detail-scroll-content{flex:1;padding:20px 20px 5px;overflow-y:auto}.phone-app-home .detail-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.phone-app-home .book-cover-large{border-radius:var(--radius-sm);width:140px;height:190px;box-shadow:var(--shadow-lg);flex-direction:column;justify-content:flex-end;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.phone-app-home .cover-preview-btn{z-index:2;color:var(--text-main);font-family:var(--font-body);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;align-items:center;gap:4px;padding:7px 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 8px 18px #0f172a2e}.phone-app-home .cover-preview-btn i{font-size:13px}.phone-app-home .cover-preview-btn:active{transform:scale(.96)}.phone-app-home .detail-share-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#0f172a57;justify-content:center;align-items:flex-end;padding:16px;transition:opacity .2s;display:flex;position:absolute;inset:0}.phone-app-home .detail-share-backdrop.active{opacity:1;pointer-events:auto}.phone-app-home .detail-share-sheet{background:#fff;border-radius:22px 22px 18px 18px;width:100%;padding:10px 16px 18px;transition:transform .2s;transform:translateY(22px);box-shadow:0 -12px 32px #0f172a2e}.phone-app-home .detail-share-backdrop.active .detail-share-sheet{transform:translateY(0)}.phone-app-home .detail-share-header{justify-content:space-between;align-items:flex-start;gap:12px;margin:8px 0 14px;display:flex}.phone-app-home .detail-share-header span{color:var(--text-sec);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800;display:block}.phone-app-home .detail-share-header h4{color:var(--text);font-family:var(--font-display);margin-top:3px;font-size:16px;font-weight:800}.phone-app-home .detail-share-header button{background:var(--bg-muted);width:32px;height:32px;color:var(--text-sec);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.phone-app-home .detail-share-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.phone-app-home .share-option{border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--text);cursor:pointer;font-family:var(--font-body);background:#fff;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;font-size:9px;font-weight:800;display:flex}.phone-app-home .share-option i,.phone-app-home .share-platform-mark{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.phone-app-home .share-option.whatsapp i{background:#25d366}.phone-app-home .share-option.facebook i{background:#1877f2}.phone-app-home .share-option.instagram i{background:linear-gradient(135deg,#f58529,#dd2a7b 45%,#8134af 78%,#515bd4)}.phone-app-home .share-option.threads .share-platform-mark{font-family:var(--font-display);background:#111;font-size:17px;font-weight:900}.phone-app-home .detail-hero h2{font-family:var(--font-display);font-size:18px;font-weight:800}.phone-app-home .detail-hero .author{color:var(--text-sec);margin-top:2px;font-size:12px}.phone-app-home .detail-rating{align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:800;display:flex}.phone-app-home .detail-rating .stars{color:var(--primary-darker);letter-spacing:1px}.phone-app-home .detail-rating .rating-copy{color:var(--text-sec);font-size:11px}.phone-app-home .cat-tag{background-color:var(--bg-muted);border-radius:4px;margin-top:10px;padding:3px 8px;font-size:9px;font-weight:800;display:inline-block}.phone-app-home .detail-info-row{background-color:var(--bg-muted);border-radius:var(--radius);margin-bottom:18px;padding:12px;display:flex}.phone-app-home .stat-col{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.phone-app-home .stat-col:last-child{border:none}.phone-app-home .stat-col .label{color:var(--text-sec);text-transform:uppercase;text-align:center;margin:0;font-size:9px;font-weight:600}.phone-app-home .stat-col .val{text-align:center;font-size:12px;font-weight:700;line-height:1.35}.phone-app-home .text-green{color:#10b981}.phone-app-home .detail-tabs{background-color:var(--bg-muted);border-radius:var(--radius-sm);gap:8px;margin-bottom:12px;padding:4px;display:flex}.phone-app-home .detail-tab{color:var(--text-sec);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:9px 10px;font-size:12px;font-weight:800}.phone-app-home .detail-tab.active{background-color:var(--primary);color:var(--dark);box-shadow:var(--shadow-sm)}.phone-app-home .detail-tab-panel{margin-bottom:22px;display:none}.phone-app-home .detail-tab-panel.active{display:block}.phone-app-home .detail-tab-panel p{color:var(--text-sec);font-size:12px;line-height:1.5}.phone-app-home .detail-meta-grid{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg);flex-direction:column;display:flex;overflow:hidden}.phone-app-home .detail-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:10px 12px;font-size:12px;display:flex}.phone-app-home .detail-meta-row:last-child{border-bottom:0}.phone-app-home .detail-meta-row span{color:var(--text-sec)}.phone-app-home .detail-meta-row strong{text-align:right;color:var(--text);font-weight:800}.phone-app-home .detail-recommend-section{margin-bottom:22px}.phone-app-home .detail-recommend-tabs{margin-bottom:12px}.phone-app-home .detail-recommend-panel{display:none}.phone-app-home .detail-recommend-panel.active{display:block}.phone-app-home .detail-recommend-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.phone-app-home .detail-recommend-scroll::-webkit-scrollbar{display:none}.phone-app-home .recommend-card{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-muted);cursor:pointer;scroll-snap-align:start;flex-shrink:0;align-items:center;gap:10px;width:190px;padding:10px;display:flex}.phone-app-home .recommend-cover{width:46px;height:62px;box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;align-items:flex-start;padding:5px;display:flex;overflow:hidden}.phone-app-home .recommend-cover span{color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background-color:#0009;border-radius:3px;max-width:100%;padding:2px 4px;font-size:7px;font-weight:800;overflow:hidden}.phone-app-home .recommend-info{flex-direction:column;gap:4px;min-width:0;display:flex}.phone-app-home .recommend-info strong{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.phone-app-home .recommend-info span{color:var(--text-sec);font-size:10px}.phone-app-home .detail-review-section{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-muted);margin-bottom:22px;padding:14px 14px 8px}.phone-app-home .detail-review-section h4{font-family:var(--font-display);margin-bottom:10px;font-size:13px;font-weight:800}.phone-app-home .review-star-picker{gap:4px;margin-bottom:10px;display:flex}.phone-app-home .review-star-picker button{border:1px solid var(--border);background-color:var(--bg);width:34px;height:34px;color:var(--text-tert);cursor:pointer;border-radius:8px;font-size:20px;line-height:1}.phone-app-home .review-star-picker button.active{color:var(--primary-darker);border-color:var(--primary-darker);background-color:#fdc93e24}.phone-app-home .detail-review-section textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg);width:100%;min-height:92px;color:var(--text);font:inherit;outline:none;margin-bottom:4px;padding:10px;font-size:12px;line-height:1.45}.phone-app-home .detail-review-section textarea:focus{border-color:var(--primary-darker);box-shadow:0 0 0 2px #fdc93e2e}.phone-app-home [id$=--screen-content-detail] grammarly-extension,.phone-app-home [id$=--screen-content-detail] grammarly-desktop-integration{display:none!important}.phone-app-home .review-submit-message{min-height:0;color:var(--text-sec);margin-top:4px;font-size:11px}.phone-app-home .detail-user-reviews-section{margin-bottom:18px}.phone-app-home .detail-user-reviews-section h4{font-family:var(--font-display);margin-bottom:10px;font-size:13px;font-weight:700}.phone-app-home .detail-user-reviews-list{flex-direction:column;gap:10px;display:flex}.phone-app-home .detail-user-review-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-muted);padding:12px}.phone-app-home .detail-user-review-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.phone-app-home .detail-user-review-top strong{color:var(--text);font-size:12px;font-weight:800;display:block}.phone-app-home .detail-user-review-top span{color:var(--text-sec);margin-top:2px;font-size:10px;display:block}.phone-app-home .detail-user-review-stars{letter-spacing:1px;white-space:nowrap;flex-shrink:0;color:var(--primary-darker)!important;font-size:10px!important;font-weight:900!important}.phone-app-home .detail-user-review-card p{color:var(--text-sec);margin:0;font-size:11px;line-height:1.5}.phone-app-home .detail-actions-footer{border-top:1px solid var(--border);background-color:var(--bg);flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.phone-app-home [id$=--btn-save-detail]{text-align:center;justify-content:center;align-items:center;min-width:58px;display:inline-flex}.phone-app-home [id$=--btn-save-detail] i{font-size:23px}.phone-app-home [id$=--btn-save-detail].active{background-color:var(--surface);border-color:var(--border);color:var(--primary)}.phone-app-home .library-tabs{scrollbar-width:none;background:#0000000d;border-radius:10px;gap:2px;margin-top:14px;padding:3px;display:flex;overflow-x:auto}.phone-app-home .library-tabs::-webkit-scrollbar{display:none}.phone-app-home .library-tools{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;margin-top:12px;display:grid}.phone-app-home .library-search-wrapper input{background-color:var(--bg);font-size:11px;border-radius:var(--radius)!important;height:36px!important;min-height:36px!important}.phone-app-home .library-filter-btn{cursor:pointer;place-items:center;width:36px;height:36px;display:grid;position:relative;border-radius:var(--radius)!important;color:var(--text)!important;box-shadow:none!important;background-color:#0000!important;border:none!important}.phone-app-home .library-filter-btn i{font-size:17px}.phone-app-home .library-filter-dropdown{position:relative}.phone-app-home .filter-badge{width:15px;height:15px;box-shadow:var(--shadow-sm);z-index:10;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;color:#000!important;background-color:#fff!important}.phone-app-home [id$=--category-filter-badge]{background-color:var(--primary)!important;color:var(--dark)!important;border-color:var(--bg)!important}.phone-app-home [id$=--library-filter-dropdown] .custom-dropdown-menu{width:180px;box-shadow:var(--shadow-lg);border-radius:var(--radius);position:absolute;top:-6px;left:auto;right:-12px;z-index:100!important}.phone-app-home [id$=--library-filter-dropdown] .custom-dropdown-menu button{padding-right:30px;position:relative}.phone-app-home [id$=--library-filter-dropdown] .custom-dropdown-menu button.active:after{content:"✓";color:var(--primary-darker);font-weight:900;position:absolute;right:12px}.phone-app-home .lib-tab{text-align:center;color:#0000008c;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-body);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:inline-flex}.phone-app-home .lib-tab:hover{color:#000c}.phone-app-home .lib-tab.active{background:#fff;box-shadow:0 2px 6px #0000000f;color:#111!important}.phone-app-home .lib-tab.active:after{display:none!important}.phone-app-home .library-grid{flex-direction:column!important;gap:16px!important;padding-top:12px!important;display:flex!important}.phone-app-home .library-grid .my-library-card{flex:auto!important;width:100%!important;margin-top:12px!important;margin-bottom:8px!important}.phone-app-home .library-scroll-content{flex:1;padding:10px 20px 96px;overflow-y:auto}.phone-app-home .library-tab-panel{display:none}.phone-app-home .library-tab-panel.active{display:block}.phone-app-home .library-downloads-list,.phone-app-home .library-purchased-list{padding-top:12px}.phone-app-home .purchased-item{align-items:center}.phone-app-home .purchased-item .download-actions{flex-shrink:0}.phone-app-home .downloads-tabs{border:1px solid var(--border);background-color:var(--bg-muted);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.phone-app-home .downloads-tab{min-height:34px;color:var(--text-sec);cursor:pointer;font-family:var(--font-body);background:0 0;border:0;border-radius:999px;font-size:11px;font-weight:800}.phone-app-home .downloads-tab.active{background-color:var(--primary);color:var(--dark);box-shadow:var(--shadow-sm)}.phone-app-home .downloads-tab-panel{flex-direction:column;gap:14px;display:none}.phone-app-home .downloads-tab-panel.active{display:flex}.phone-app-home .downloads-list{flex-direction:column;gap:12px;display:flex}.phone-app-home .download-item{background-color:var(--bg-muted);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.phone-app-home .dl-left{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.phone-app-home .dl-cover{border-radius:3px;width:36px;height:48px}.phone-app-home .dl-info{flex-direction:column;gap:2px;min-width:0;display:flex}.phone-app-home .dl-title{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.phone-app-home .dl-size{color:var(--text-sec);font-size:10px}.phone-app-home .downloads-section-label{color:var(--text-sec);letter-spacing:.01em;margin:2px 0 -4px;font-size:11px;font-weight:800}.phone-app-home .download-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-self:center;align-items:flex-end;gap:6px;display:flex}.phone-app-home .download-action-btn{min-width:82px;color:var(--primary-darker);font-family:var(--font-body);cursor:pointer;background-color:#fcc43c29;border:1px solid #fcc43c73;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.phone-app-home .queue-item{align-items:center}.phone-app-home .queue-progress{background-color:var(--border);border-radius:999px;width:100%;height:5px;margin-top:5px;overflow:hidden}.phone-app-home .queue-progress .fill{border-radius:inherit;background:linear-gradient(90deg,#b58800 0%,#fdc93e 100%);height:100%}.phone-app-home .queue-percent{min-width:34px;color:var(--primary-darker);text-align:right;font-size:11px;font-weight:900}.phone-app-home .reader-container{color:#2d3748;touch-action:pan-y;background:radial-gradient(circle at 50% -10%,#ffffffb3 0 22%,#0000 23%),linear-gradient(#fbf5e8 0%,#f3ead8 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.phone-app-home .reader-container.reader-theme-light{background:radial-gradient(circle at 50% -10%,#ffffffb3 0 22%,#0000 23%),linear-gradient(#fbf5e8 0%,#f3ead8 100%)}.phone-app-home .reader-overlay-top{background-color:var(--header-yellow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;opacity:0;border:1px solid #12121214;border-radius:999px;justify-content:space-between;align-items:center;height:46px;padding:0 12px;transition:transform .25s,opacity .25s;display:flex;position:absolute;top:12px;left:14px;right:14px;transform:translateY(-72px);box-shadow:0 12px 28px #4b37161f}.phone-app-home .reader-overlay-top.active{opacity:1;transform:translateY(0)}.phone-app-home .reader-overlay-top i{cursor:pointer;color:#121212c2;border-radius:999px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.phone-app-home .reader-overlay-top i:hover{background-color:#12121214}.phone-app-home .reader-aa-btn{color:#121212cc;cursor:pointer;letter-spacing:0;background-color:#0000;border:0;border-radius:999px;width:34px;height:32px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700}.phone-app-home .reader-aa-btn:hover,.phone-app-home .reader-aa-btn:focus-visible{background-color:#12121214;outline:none}.phone-app-home [id$=--reader-book-title]{text-transform:none;letter-spacing:0;max-width:210px;font-size:12px;font-weight:800;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.phone-app-home .reader-body-content{text-align:left;letter-spacing:0;scrollbar-width:none;font-kerning:normal;text-rendering:optimizelegibility;flex:1;padding:86px 28px 104px;font-family:Georgia,New York,Times New Roman,serif;font-size:17px;font-weight:400;line-height:1.78;transition:margin .25s,padding .25s,height .25s,border-radius .25s;overflow-y:auto}.phone-app-home .reader-body-content::-webkit-scrollbar{display:none}.phone-app-home .reader-body-content h3{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", var(--font-display);letter-spacing:0;margin-bottom:20px;font-size:1.35em;font-weight:700;line-height:1.25}.phone-app-home .reader-body-content .reader-section-heading{color:inherit;margin:22px 0 12px;font-size:1.06em}.phone-app-home .reader-body-content .reader-section-heading:first-child{margin-top:0}.phone-app-home .reader-body-content p{margin-bottom:18px}.phone-app-home .reader-layout-flip .reader-body-content{height:100%;min-height:0;box-shadow:none;background:linear-gradient(90deg,#00000009 0,#0000 18px),#fffcf5ad;border-radius:0;flex:1;margin:0;padding:24px 24px 28px;overflow:hidden}.phone-app-home .reader-overlay-bottom{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;opacity:0;background-color:#ffffffd1;border:1px solid #5a492a1a;border-radius:22px;flex-direction:column;gap:10px;padding:12px 14px 14px;transition:transform .25s,opacity .25s;display:flex;position:absolute;bottom:16px;left:18px;right:18px;transform:translateY(116px);box-shadow:0 16px 34px #4b371629}.phone-app-home .reader-overlay-bottom.active{opacity:1;transform:translateY(0)}.phone-app-home .page-slider-row{color:#6b6254;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.phone-app-home .reader-progress-percent{color:#b58800;text-align:right;min-width:34px;margin-left:8px;font-weight:900}.phone-app-home .slider-track{background-color:#5a492a1f;border-radius:999px;flex:1;height:5px;margin-left:10px;overflow:hidden}.phone-app-home .slider-track .fill{border-radius:inherit;background:linear-gradient(90deg,#b58800 0%,#fdc93e 100%);height:100%}.phone-app-home .reader-actions-row{justify-content:space-between;align-items:center;padding:2px 10px 0;font-size:18px;display:flex}.phone-app-home .reader-actions-row i{color:#4a5568}.phone-app-home .reader-action-btn{cursor:pointer;background:#ffffff57;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:46px;height:38px;display:inline-flex}.phone-app-home .reader-action-btn:hover{background-color:#ffffffb8;border-color:#5a492a14}.phone-app-home .reader-action-btn.active{background-color:#ffffff57;border-color:#0000}.phone-app-home .reader-action-btn i{font-size:20px}.phone-app-home .reader-action-btn.active i,.phone-app-home [id$=--reader-download-btn].ph-fill{color:var(--primary)}.phone-app-home .reader-download-confirm-sheet{background:#fff;border-radius:22px 22px 18px 18px;width:100%;padding:10px 16px 18px;transition:transform .2s;transform:translateY(22px);box-shadow:0 -12px 32px #0f172a2e}.phone-app-home .reader-download-confirm-backdrop.active .reader-download-confirm-sheet{transform:translateY(0)}.phone-app-home .reader-download-confirm-sheet h4{color:var(--text);font-family:var(--font-display);text-align:center;margin:8px 0 6px;font-size:17px;font-weight:900}.phone-app-home .reader-download-confirm-sheet p{color:var(--text-sec);text-align:center;margin-bottom:16px;font-size:12px;line-height:1.45}.phone-app-home .reader-download-confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.phone-app-home .reader-side-panel,.phone-app-home .reader-search-panel{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background-color:#ffffffe0;border:1px solid #5a492a1a;border-radius:18px;padding:16px;transition:opacity .18s,transform .18s;position:absolute;bottom:114px;left:16px;right:16px;transform:translateY(12px);box-shadow:0 18px 42px #4b371629}.phone-app-home .reader-side-panel.active,.phone-app-home .reader-search-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}.phone-app-home .reader-panel-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.phone-app-home .reader-panel-header h4{font-size:13px;font-weight:800}.phone-app-home .reader-panel-header button,.phone-app-home .reader-side-panel>button{cursor:pointer;background:0 0;border:0}.phone-app-home .reader-side-panel>button{color:#2d3748;border-top:1px solid #0f172a14;justify-content:space-between;width:100%;padding:10px 0;font-weight:700;display:flex}.phone-app-home .reader-side-panel>button span{color:#4a5568;font-size:11px;font-weight:600}.phone-app-home .reader-search-box{background-color:#f8fafc;border:1px solid #0f172a1f;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;display:flex}.phone-app-home .reader-search-box input{font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.phone-app-home [id$=--reader-search-result]{color:#64748b;margin-top:10px;font-size:12px}.phone-app-home .reader-bookmark-status{z-index:13;color:#fff;opacity:0;pointer-events:none;background-color:#111827;border-radius:999px;padding:8px 12px;font-size:12px;transition:opacity .18s,transform .18s;position:absolute;bottom:98px;left:50%;transform:translate(-50%,8px)}.phone-app-home .reader-bookmark-status.active{opacity:1;transform:translate(-50%)}.phone-app-home .reader-settings-backdrop{z-index:25;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);opacity:0;pointer-events:none;background-color:#1a181429;justify-content:center;align-items:flex-end;padding:16px 28px 18px;transition:opacity .18s;display:flex;position:absolute;inset:0}.phone-app-home .reader-settings-backdrop.active{opacity:1;pointer-events:auto}.phone-app-home .reader-settings-modal{background-color:#faf8f2f5;border:1px solid #78603024;border-radius:22px 22px 16px 16px;flex-direction:column;width:min(100%,304px);height:50%;max-height:50%;padding:7px 12px 12px;transition:transform .18s;display:flex;transform:translateY(18px);box-shadow:0 28px 60px #221c103d}.phone-app-home .reader-settings-backdrop.active .reader-settings-modal{transform:translateY(0)}.phone-app-home .reader-popup-settings{gap:8px;padding:2px 0 0}.phone-app-home .reader-sheet-handle{background-color:#544b3e38;border-radius:999px;width:38px;height:4px;margin:2px auto 12px}.phone-app-home .reader-settings-header{margin-bottom:12px}.phone-app-home .reader-settings-header h4{align-items:baseline;gap:7px;font-size:15px;display:flex}.phone-app-home .reader-settings-header h4 span{letter-spacing:0;font-family:Georgia,serif;font-size:20px}.phone-app-home .reader-settings-header button{background-color:#544b3e1a;border-radius:999px;width:30px;height:30px}.phone-app-home .reader-popup-settings .pref-section{background-color:#ffffffb8;border:1px solid #7860301f;border-radius:12px;gap:8px;padding:10px;box-shadow:inset 0 1px #ffffffb8}.phone-app-home .reader-popup-settings .pref-section label{color:#2d261894;font-size:10px;font-weight:800}.phone-app-home .reader-popup-settings .font-size-adjust,.phone-app-home .reader-popup-settings .language-toggle{background-color:#544b3e1a;border-radius:999px;gap:4px;padding:4px}.phone-app-home .reader-popup-settings .font-size-adjust .btn,.phone-app-home .reader-popup-settings .language-toggle .btn{color:#413723;min-height:34px;box-shadow:none;background-color:#0000;border:0;border-radius:999px}.phone-app-home .reader-popup-settings .font-size-adjust .btn:hover,.phone-app-home .reader-popup-settings .language-toggle .btn:hover,.phone-app-home .reader-popup-settings .language-toggle .btn.active{background-color:#fffffff0;box-shadow:0 2px 8px #221c101f}.phone-app-home .reader-popup-settings [id$=--font-size-label]{text-align:center;background-color:#fffffff0;border-radius:999px;align-self:stretch;place-items:center;min-width:54px;display:grid;box-shadow:0 2px 8px #221c101a}.phone-app-home .reader-popup-settings .theme-grid{gap:8px}.phone-app-home .reader-popup-settings .theme-option{border-width:1px;border-color:#78603029;border-radius:999px;padding:9px 8px}.phone-app-home .reader-popup-settings .theme-option.active{border-color:var(--primary-darker);box-shadow:0 0 0 3px #fdc93e38}.phone-app-home .reader-popup-settings .btn-block{border-radius:999px;min-height:42px;margin-top:2px}.phone-app-home .settings-content{flex-direction:column;flex:1;gap:18px;padding:20px;display:flex;overflow-y:auto}.phone-app-home .pref-section{flex-direction:column;gap:8px;display:flex}.phone-app-home .pref-section label{text-transform:uppercase;color:var(--text-sec);font-size:11px;font-weight:700}.phone-app-home .brightness-row{align-items:center;gap:12px;display:flex}.phone-app-home .brightness-row input{background-color:var(--border);appearance:none;border-radius:3px;outline:none;flex:1;height:6px}.phone-app-home .brightness-row input::-webkit-slider-thumb{appearance:none;background:var(--primary-darker);cursor:pointer;border-radius:50%;width:14px;height:14px}.phone-app-home .brightness-row i{color:var(--text-sec)}.phone-app-home .font-size-adjust{background-color:var(--bg-muted);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:8px;display:flex}.phone-app-home [id$=--font-size-label]{font-size:14px;font-weight:700}.phone-app-home .theme-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.phone-app-home .theme-option{border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;box-sizing:border-box;padding:10px;font-size:11px;font-weight:700;transition:border-color .15s,box-shadow .15s}.phone-app-home .theme-option.theme-light{color:#2d3748;background-color:#faf6ee}.phone-app-home .theme-option.theme-sepia{color:#5b4636;background-color:#f4ecd8}.phone-app-home .theme-option.theme-dark{color:#e2e8f0;background-color:#121212}.phone-app-home .theme-option.active{border-color:var(--primary-darker);box-shadow:0 0 0 2px #fdc93e47}.phone-app-home .language-toggle button{flex:1}.phone-app-home .reader-layout-switch-row{color:var(--text-sec);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:11px;font-weight:800;display:grid}.phone-app-home .reader-layout-switch-row>span:first-child{text-align:right}.phone-app-home .reader-layout-switch-row>span:last-child{text-align:left}.phone-app-home .reader-layout-switch{cursor:pointer;width:54px;height:30px;display:inline-flex;position:relative}.phone-app-home .reader-layout-switch input{opacity:0;pointer-events:none;position:absolute}.phone-app-home .reader-layout-switch span{background-color:#5a492a29;border:1px solid #b4821847;border-radius:999px;width:100%;transition:background-color .2s,border-color .2s}.phone-app-home .reader-layout-switch span:after{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 4px 10px #0f172a2e}.phone-app-home .reader-layout-switch input:checked+span{background-color:var(--primary);border-color:var(--primary-darker)}.phone-app-home .reader-layout-switch input:checked+span:after{transform:translate(24px)}.phone-app-home .language-toggle{gap:10px;display:flex}.phone-app-home .language-toggle button{white-space:normal;min-height:40px;line-height:1.2}.phone-app-home .profile-avatar{background-color:var(--primary);width:60px;height:60px;color:var(--dark);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 10px #0000001a}.phone-app-home .profile-info-wrap{flex-direction:column;gap:4px;display:flex}.phone-app-home .profile-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.phone-app-home .profile-email{color:#9ca3af;font-size:11px}.phone-app-home .profile-top-section{background:var(--primary);flex-direction:column;padding:24px 20px;display:flex}.phone-app-home .profile-info-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);cursor:pointer;border:1px solid #ffffff14;flex-direction:row;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.phone-app-home .profile-info-card:hover{box-shadow:var(--shadow-lg), 0 8px 24px #00000026;transform:translateY(-2px)}.phone-app-home .profile-info-card .profile-avatar{background-color:var(--primary);width:54px;height:54px;color:var(--dark);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 10px #00000026}.phone-app-home .profile-info-card .profile-info-wrap{flex-direction:column;gap:4px;display:flex}.phone-app-home .profile-info-card .profile-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.phone-app-home .profile-info-card h3{font-family:var(--font-display);color:#fff;margin:0;font-size:15px;font-weight:700}.phone-app-home .profile-info-card .profile-email{color:#9ca3af;font-size:11px}.phone-app-home .profile-links-list{flex-direction:column;flex:1;gap:12px;padding:16px 20px 96px;display:flex;overflow-y:auto}.phone-app-home .profile-link-item{background-color:var(--bg-muted);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.phone-app-home .profile-link-item .p-left{align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.phone-app-home .profile-link-item .p-left i{color:var(--text-sec);font-size:16px}.phone-app-home .badge-noti-count{background-color:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:flex}.phone-app-home [id$=--settings-language-dropdown],.phone-app-home [id$=--settings-theme-dropdown]{z-index:35;width:110px!important}.phone-app-home [id$=--settings-theme-dropdown]{width:112px!important}.phone-app-home [id$=--settings-language-dropdown] .custom-dropdown-menu,.phone-app-home [id$=--settings-theme-dropdown] .custom-dropdown-menu{max-height:none;padding:5px;width:max-content!important;min-width:100%!important;left:auto!important;right:0!important}.phone-app-home [id$=--settings-language-dropdown] .custom-dropdown-menu button,.phone-app-home [id$=--settings-theme-dropdown] .custom-dropdown-menu button{white-space:nowrap;padding:6px 8px!important;font-size:11px!important;font-weight:600!important}.phone-app-home ::-webkit-scrollbar{width:4px;height:4px}.phone-app-home ::-webkit-scrollbar-track{background:0 0}.phone-app-home ::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.phone-app-home .dashboard-top-section{color:#1a202c!important;background-color:#f8f9fa!important;padding:20px 20px 10px!important}.phone-app-home .dashboard-user-row{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;display:flex!important}.phone-app-home .dashboard-actions{flex-shrink:0!important;align-items:center!important;gap:8px!important;display:flex!important}.phone-app-home .dashboard-icon-btn,.phone-app-home .dashboard-bell-btn{cursor:pointer!important;width:44px!important;height:44px!important;box-shadow:none!important;background-color:#0000!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s!important;display:flex!important;position:relative!important}.phone-app-home .dashboard-icon-btn:hover,.phone-app-home .dashboard-bell-btn:hover{background-color:#fff7db!important}.phone-app-home .dashboard-icon-btn i,.phone-app-home .dashboard-bell-btn i{color:#4a5568!important;font-size:20px!important}.phone-app-home .dashboard-bell-badge{background-color:var(--primary)!important;color:var(--dark)!important;border:2px solid #fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:18px!important;height:18px!important;font-size:10px!important;font-weight:700!important;display:flex!important;position:absolute!important;top:-2px!important;right:-2px!important}.phone-app-home .last-read-section{margin-bottom:14px!important}.phone-app-home .last-read-title{font-family:var(--font-display)!important;color:var(--text)!important;align-items:center!important;gap:6px!important;margin-bottom:4px!important;font-size:14px!important;font-weight:700!important;display:flex!important}.phone-app-home .last-read-see-all{color:var(--primary-darker)!important;font-family:var(--font-body)!important;cursor:pointer!important;background:0 0!important;border:0!important;margin:-22px 0 8px auto!important;padding:0!important;font-size:11px!important;font-weight:700!important;display:block!important}.phone-app-home .last-read-scroll{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;gap:12px!important;width:calc(100% + 40px)!important;margin:0 -20px!important;padding:4px 20px!important;display:flex!important;overflow:auto hidden!important}.phone-app-home .last-read-scroll::-webkit-scrollbar{display:none!important}.phone-app-home .last-read-card{text-align:left!important;box-sizing:border-box!important;cursor:pointer!important;background-color:#f7fafc!important;border:1px solid #edf2f7!important;border-radius:16px!important;flex:0 0 180px!important;align-items:center!important;gap:8px!important;padding:10px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important}.phone-app-home .last-read-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #0000000d!important}.phone-app-home .last-read-cover{color:#2d3748!important;text-align:center!important;background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)!important;border-radius:6px!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:56px!important;height:78px!important;padding:3px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 3px 8px #00000014!important}.phone-app-home .last-read-cover:before,.phone-app-home .last-read-cover:after{content:none!important;display:none!important}.phone-app-home .last-read-cover .cover-mini{color:#718096!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:1px!important;font-size:5px!important}.phone-app-home .last-read-cover h5{margin:0!important;font-size:7px!important;font-weight:800!important;line-height:1.2!important}.phone-app-home .last-read-cover .cover-author{color:#4a5568!important;margin-top:1px!important;font-size:4px!important}.phone-app-home .last-read-info{flex-direction:column!important;flex:1!important;align-items:stretch!important;min-width:0!important;display:flex!important}.phone-app-home .last-read-info h4{color:#2d3748!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 2px!important;font-size:12px!important;font-weight:700!important;overflow:hidden!important}.phone-app-home .last-read-info p{color:#718096!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 6px!important;font-size:10px!important;overflow:hidden!important}.phone-app-home .last-read-info .pages-count{color:#4a5568!important;margin-bottom:4px!important;font-size:10px!important}.phone-app-home .last-read-info .pages-count span{color:var(--primary-darker)!important;font-weight:700!important}.phone-app-home .last-read-progress-bg{background-color:#e2e8f0!important;border-radius:2px!important;height:4px!important;margin-bottom:8px!important;overflow:hidden!important}.phone-app-home .last-read-progress-bar{background-color:var(--primary)!important;border-radius:2px!important;height:100%!important}.phone-app-home .btn-last-read-continue{background-color:var(--primary)!important;color:var(--dark)!important;cursor:pointer!important;border:none!important;border-radius:16px!important;justify-content:center!important;align-self:flex-start!important;align-items:center!important;gap:4px!important;padding:5px 12px!important;font-size:10px!important;font-weight:700!important;text-decoration:none!important;transition:all .2s!important;display:inline-flex!important}.phone-app-home .btn-last-read-continue:hover{background-color:var(--primary-dark)!important;color:var(--dark)!important}.phone-app-home [id$=--screen-home],.phone-app-home [id$=--screen-org-home]{color:#1a202c!important;background-color:#f8f9fa!important}.phone-app-home [id$=--screen-home] .home-scroll-content,.phone-app-home [id$=--screen-org-home] .home-scroll-content{padding-top:0!important}.phone-app-home .top-rated-carousel{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;overscroll-behavior-inline:contain!important;justify-content:flex-start!important;align-items:flex-start!important;gap:14px!important;width:100%!important;max-width:100%!important;padding:8px 0 12px!important;display:flex!important;overflow:auto hidden!important}.phone-app-home .top-rated-carousel::-webkit-scrollbar{display:none!important}.phone-app-home .scroll-dot-indicators{justify-content:center!important;align-items:center!important;gap:10px!important;margin:2px 0 10px!important;display:flex!important}.phone-app-home .scroll-dot{cursor:pointer!important;background-color:#7b8794!important;border:none!important;border-radius:50%!important;width:9px!important;height:9px!important;padding:0!important;transition:background-color .2s,transform .2s!important}.phone-app-home .scroll-dot.active{background-color:var(--primary)!important;transform:scale(1.05)!important}.phone-app-home .top-rated-card{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;box-sizing:border-box!important;flex-direction:column!important;flex:0 0 96px!important;justify-content:flex-start!important;align-items:center!important;width:96px!important;padding:4px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important}.phone-app-home .top-rated-card .book-title-label{color:#2d3748!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin-bottom:6px!important;font-size:11px!important;font-weight:700!important;display:block!important;overflow:hidden!important}.phone-app-home .top-rated-card .top-rated-cover{opacity:1!important;box-sizing:border-box!important;background-position:50%!important;background-size:cover!important;border-radius:8px!important;flex-direction:column!important;justify-content:flex-end!important;width:72px!important;height:98px!important;margin-bottom:6px!important;padding:6px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 10px #0000001a!important}.phone-app-home .top-rated-card:hover .top-rated-cover{transform:scale(1.04)translateY(-2px)!important;box-shadow:0 6px 14px #00000029!important}.phone-app-home .top-rated-card .top-rated-badge{color:#fff!important;z-index:2!important;background:#0009!important;border-radius:3px!important;align-items:center!important;gap:2px!important;padding:1px 4px!important;font-size:7px!important;font-weight:700!important;display:flex!important;position:absolute!important;bottom:4px!important;left:4px!important}.phone-app-home .top-rated-card .book-author-label{color:#718096!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin-bottom:6px!important;font-size:9px!important;display:block!important;overflow:hidden!important}.phone-app-home .top-rated-card .top-rated-action-btn{color:#1c1c1e!important;text-align:center!important;background:#fcc43c!important;border-radius:12px!important;padding:4px 10px!important;font-size:9px!important;font-weight:700!important;transition:all .2s!important;display:inline-block!important}.phone-app-home .top-rated-card .top-rated-action-btn:hover{background:#fdbf25!important}.phone-app-home .top-rated-cover:before{content:""!important;z-index:0!important;background:linear-gradient(#0000 50%,#000000bf 100%)!important;position:absolute!important;inset:0!important}.phone-app-home .mock-cover-meghe{background-color:#c53030!important;border:1px solid #ffffff14!important}.phone-app-home .mock-cover-meghe:after{content:"👁👁"!important;opacity:.25!important;font-size:38px!important;position:absolute!important;top:30%!important;left:50%!important;transform:translate(-50%,-50%)!important}.phone-app-home .mock-cover-putul{background-color:#84a98c!important;border:1px solid #ffffff14!important}.phone-app-home .mock-cover-putul:after{content:"🎭"!important;opacity:.25!important;font-size:32px!important;position:absolute!important;top:30%!important;left:50%!important;transform:translate(-50%,-50%)!important}.phone-app-home .mock-cover-resepi{background-color:#e28743!important;border:1px solid #ffffff14!important}.phone-app-home .mock-cover-resepi:after{content:"🍳"!important;opacity:.3!important;font-size:32px!important;position:absolute!important;top:30%!important;left:50%!important;transform:translate(-50%,-50%)!important}.phone-app-home .mock-cover-digital{background-color:#1e3a8a!important;border:1px solid #ffffff14!important}.phone-app-home .mock-cover-digital:after{content:"💻"!important;opacity:.3!important;font-size:32px!important;position:absolute!important;top:30%!important;left:50%!important;transform:translate(-50%,-50%)!important}.phone-app-home .mock-cover-dewan{background-color:#6b21a8!important;background-image:none!important;border:1px solid #ffffff14!important}.phone-app-home .top-rated-badge{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;color:#fff!important;z-index:2!important;background:#2d3748bf!important;border-radius:6px!important;align-items:center!important;gap:3px!important;padding:3px 6px!important;font-size:10px!important;font-weight:700!important;display:flex!important;position:absolute!important;bottom:8px!important;left:8px!important;box-shadow:0 2px 4px #0000001a!important}.phone-app-home .top-rated-badge i{color:#f59e0b!important;font-size:9px!important}.phone-app-home .recommendation-scroll{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;gap:14px!important;width:calc(100% + 40px)!important;margin:0 -20px!important;padding:4px 20px 12px!important;display:flex!important;overflow:auto hidden!important}.phone-app-home .recommendation-scroll::-webkit-scrollbar{display:none!important}.phone-app-home .recommendation-card{cursor:pointer!important;background:#fdfbf7!important;border:1px solid #00000008!important;border-radius:12px!important;flex:0 0 290px!important;align-items:center!important;gap:12px!important;width:290px!important;margin-bottom:0!important;padding:10px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;box-shadow:0 4px 12px #0000000a!important}.phone-app-home .recommendation-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px #00000014!important}.phone-app-home .recommendation-cover-wrap{flex:0 0 60px!important;width:60px!important}.phone-app-home .recommendation-cover{aspect-ratio:2/3!important;background-position:50%!important;background-size:cover!important;border-radius:6px!important;width:100%!important;position:relative!important;overflow:hidden!important;box-shadow:0 3px 8px #0000001f!important}.phone-app-home .mock-cover-everyday{color:#2c2c2c!important;box-sizing:border-box!important;background-color:#f6d365!important;border:1px solid #00000014!important;flex-direction:column!important;justify-content:space-between!important;padding:6px!important;font-family:Outfit,sans-serif!important;display:flex!important}.phone-app-home .recommendation-info{flex-direction:column!important;flex:1!important;display:flex!important}.phone-app-home .recommendation-title{color:#1c1c1e!important;margin:0 0 3px!important;font-family:Outfit,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important}.phone-app-home .recommendation-author{color:#8e8e93!important;margin:0 0 4px!important;font-size:10px!important}.phone-app-home .recommendation-rating{align-items:center!important;gap:4px!important;margin-bottom:6px!important;display:flex!important}.phone-app-home .recommendation-rating .stars{color:#e28743!important;font-size:10px!important}.phone-app-home .recommendation-rating .num{color:#8e8e93!important;font-size:10px!important;font-weight:600!important}.phone-app-home .recommendation-actions{align-items:center!important;gap:10px!important;display:flex!important}.phone-app-home .btn-recommendation-read{color:#fff!important;cursor:pointer!important;background:#5d0f19!important;border:none!important;border-radius:16px!important;padding:4px 12px!important;font-family:Outfit,sans-serif!important;font-size:10px!important;font-weight:700!important;transition:opacity .2s!important}.phone-app-home .btn-recommendation-read:hover{opacity:.9!important}.phone-app-home .recommendation-icon-btn{color:#aeaeb2!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px!important;font-size:13px!important;transition:color .2s!important;display:flex!important}.phone-app-home .recommendation-icon-btn:hover,.phone-app-home .recommendation-icon-btn.active{color:#5d0f19!important}.phone-app-home .top-authors-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;align-items:stretch!important;gap:12px!important;max-width:calc(100% + 40px)!important;margin:0 -20px!important;padding:2px 20px 8px!important;display:flex!important;overflow:auto hidden!important}.phone-app-home .top-authors-scroll::-webkit-scrollbar{display:none!important}.phone-app-home .author-profile-card{box-sizing:border-box!important;text-align:center!important;cursor:pointer!important;background-color:#fff!important;border:1px solid #0000000d!important;border-radius:16px!important;flex-direction:column!important;flex:0 0 96px!important;align-items:center!important;width:96px!important;padding:8px 8px 10px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;box-shadow:0 4px 12px #0000000a!important}.phone-app-home .author-profile-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #00000014!important}.phone-app-home .author-avatar{background-position:50%!important;background-size:cover!important;border-radius:12px!important;width:78px!important;height:78px!important;margin-bottom:4px!important}.phone-app-home .author-name{color:#2d3748!important;word-wrap:break-word!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important}.phone-app-home .free-publications-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px 16px!important;padding:8px 0 16px!important;display:grid!important}.phone-app-home .free-book-item{cursor:pointer!important;text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100px!important;margin:0 auto!important;transition:transform .2s!important;display:flex!important}.phone-app-home .free-book-item:hover{transform:translateY(-2px)!important}.phone-app-home .free-book-cover{color:#fff!important;box-sizing:border-box!important;border-radius:8px!important;flex-direction:column!important;justify-content:space-between!important;width:86px!important;height:115px!important;margin-bottom:8px!important;padding:10px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 12px #00000014!important}.phone-app-home .free-book-item:hover .free-book-cover{box-shadow:0 6px 16px #0000001f!important}.phone-app-home .free-book-cover .cat{text-transform:uppercase!important;color:#fff!important;background-color:#0009!important;border-radius:3px!important;align-self:flex-start!important;padding:2px 6px!important;font-size:8px!important;font-weight:800!important}.phone-app-home .free-book-title{font-family:var(--font-display)!important;color:#2d3748!important;text-align:center!important;margin:0!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important}.phone-app-home .free-book-author{font-family:var(--font-body)!important;color:#718096!important;text-align:center!important;margin:2px 0 0!important;font-size:11px!important}.phone-app-home .my-library-card{text-align:left!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#111621!important;border:1px solid #ffffff0d!important;border-radius:16px!important;flex:0 0 300px!important;align-items:center!important;gap:16px!important;padding:16px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;position:relative!important;overflow:visible!important}.phone-app-home .my-library-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #00000026!important}.phone-app-home .my-library-cover{background-position:50%!important;background-size:cover!important;border:1px solid #00000026!important;border-radius:8px!important;flex-shrink:0!important;width:78px!important;height:110px!important;margin-top:-32px!important;margin-bottom:0!important;margin-left:0!important;box-shadow:0 6px 16px #0000004d!important}.phone-app-home .my-library-info{flex-direction:column!important;flex:1!important;justify-content:center!important;display:flex!important}.phone-app-home .my-library-title{font-family:var(--font-display)!important;color:#fff!important;letter-spacing:.3px!important;margin:0 0 2px!important;font-size:14px!important;font-weight:800!important}.phone-app-home .my-library-author{font-family:var(--font-body)!important;color:#94a3b8!important;margin:0 0 12px!important;font-size:11px!important}.phone-app-home .my-library-progress-row{font-family:var(--font-body)!important;color:#94a3b8!important;justify-content:space-between!important;align-items:center!important;margin-bottom:6px!important;font-size:10px!important;display:flex!important}.phone-app-home .my-library-progress-bg{background-color:#ffffff1a!important;border-radius:3px!important;width:100%!important;height:6px!important;overflow:hidden!important}.phone-app-home .my-library-progress-bar{background-color:var(--primary)!important;border-radius:3px!important;height:100%!important}.phone-app-home .custom-dropdown{-webkit-user-select:none!important;user-select:none!important;width:100%!important;position:relative!important}.phone-app-home .popular-section{max-width:100%!important;margin-top:10px!important;margin-bottom:22px!important;padding:0!important;overflow:hidden!important}.phone-app-home .popular-grid{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;grid-template-rows:repeat(4,auto)!important;grid-auto-columns:calc(50% - 7px)!important;grid-auto-flow:column!important;gap:10px 14px!important;max-width:100%!important;margin-top:4px!important;padding-bottom:4px!important;display:grid!important;overflow:auto hidden!important}.phone-app-home .popular-grid::-webkit-scrollbar{display:none!important}.phone-app-home .popular-item{cursor:pointer!important;box-sizing:border-box!important;scroll-snap-align:start!important;background-color:#fff!important;border:1px solid #edf2f7!important;border-radius:8px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;padding:6px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important}.phone-app-home .popular-item:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000000a!important}.phone-app-home .popular-cover{background-position:50%!important;background-size:cover!important;border-radius:4px!important;flex-shrink:0!important;width:38px!important;height:52px!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 6px #00000014!important}.phone-app-home .popular-cover:before,.phone-app-home .popular-cover:after{content:none!important;display:none!important}.phone-app-home .popular-rank{font-family:var(--font-display)!important;color:#a0aec0!important;text-align:center!important;flex-shrink:0!important;width:12px!important;font-size:14px!important;font-weight:800!important}.phone-app-home .popular-rank.top-rank{color:#fcc43c!important}.phone-app-home .popular-info{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.phone-app-home .popular-title{color:#2d3748!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:11px!important;font-weight:700!important;overflow:hidden!important}.phone-app-home .popular-meta{color:#718096!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:9px!important;overflow:hidden!important}.phone-app-home .featured-content-scroll{margin-bottom:-10px!important;padding-bottom:16px!important}.phone-app-home .featured-content-scroll .book-card{text-align:center!important;cursor:pointer!important;background-color:#fff!important;border:1px solid #0000000d!important;border-radius:16px!important;flex-direction:column!important;flex:0 0 96px!important;align-items:center!important;width:96px!important;padding:8px 8px 10px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;box-shadow:0 4px 12px #0000000a!important}.phone-app-home .featured-content-scroll .book-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #00000014!important}.phone-app-home .featured-content-scroll .book-card .book-cover{box-sizing:border-box!important;border-radius:12px!important;width:78px!important;height:105px!important;margin-bottom:4px!important}.phone-app-home .featured-content-scroll .book-card .book-title-label{color:#2d3748!important;word-wrap:break-word!important;text-align:center!important;width:100%!important;margin-top:4px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important}.phone-app-home .featured-content-scroll .book-card .book-author-label{color:#718096!important;text-align:center!important;width:100%!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:9px!important;font-weight:500!important;line-height:1.2!important}.phone-app-home .free-publications-section{margin-top:24px!important}.phone-app-home *,.phone-app-home :before,.phone-app-home :after,.phone-app-home ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.phone-app-home *,.phone-app-home :after,.phone-app-home :before{box-sizing:border-box;border:0 solid #e5e7eb}.phone-app-home :after,.phone-app-home :before{--tw-content:""}.phone-app-home{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.phone-app-home hr{height:0;color:inherit;border-top-width:1px}.phone-app-home abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.phone-app-home h1,.phone-app-home h2,.phone-app-home h3,.phone-app-home h4,.phone-app-home h5,.phone-app-home h6{font-size:inherit;font-weight:inherit}.phone-app-home a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.phone-app-home b,.phone-app-home strong{font-weight:bolder}.phone-app-home code,.phone-app-home kbd,.phone-app-home pre,.phone-app-home samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.phone-app-home small{font-size:80%}.phone-app-home sub,.phone-app-home sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.phone-app-home sub{bottom:-.25em}.phone-app-home sup{top:-.5em}.phone-app-home table{text-indent:0;border-color:inherit;border-collapse:collapse}.phone-app-home button,.phone-app-home input,.phone-app-home optgroup,.phone-app-home select,.phone-app-home textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.phone-app-home button,.phone-app-home select{text-transform:none}.phone-app-home button,.phone-app-home input:where([type=button]),.phone-app-home input:where([type=reset]),.phone-app-home input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}.phone-app-home :-moz-focusring{outline:auto}.phone-app-home :-moz-ui-invalid{box-shadow:none}.phone-app-home progress{vertical-align:baseline}.phone-app-home ::-webkit-inner-spin-button{height:auto}.phone-app-home ::-webkit-outer-spin-button{height:auto}.phone-app-home [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.phone-app-home ::-webkit-search-decoration{-webkit-appearance:none}.phone-app-home ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.phone-app-home summary{display:list-item}.phone-app-home blockquote,.phone-app-home dd,.phone-app-home dl,.phone-app-home figure,.phone-app-home h1,.phone-app-home h2,.phone-app-home h3,.phone-app-home h4,.phone-app-home h5,.phone-app-home h6,.phone-app-home hr,.phone-app-home p,.phone-app-home pre{margin:0}.phone-app-home fieldset{margin:0;padding:0}.phone-app-home legend{padding:0}.phone-app-home menu,.phone-app-home ol,.phone-app-home ul{margin:0;padding:0;list-style:none}.phone-app-home dialog{padding:0}.phone-app-home textarea{resize:vertical}.phone-app-home input::placeholder,.phone-app-home textarea::placeholder{opacity:1;color:#9ca3af}.phone-app-home [role=button],.phone-app-home button{cursor:pointer}.phone-app-home :disabled{cursor:default}.phone-app-home audio,.phone-app-home canvas,.phone-app-home embed,.phone-app-home iframe,.phone-app-home img,.phone-app-home object,.phone-app-home svg,.phone-app-home video{vertical-align:middle;display:block}.phone-app-home img,.phone-app-home video{max-width:100%;height:auto}.phone-app-home [hidden]:where(:not([hidden=until-found])){display:none}.phone-app-home .lib-filter-section{border-bottom:1px solid #0000000f}.phone-app-home .lib-filter-section:last-child{border-bottom:none}.phone-app-home .lib-filter-header{font-family:var(--font-display);color:#1a202c;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:#fff;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:800;transition:background .15s;display:flex}.phone-app-home .lib-filter-header:hover{background:#f7fafc}.phone-app-home .lib-filter-header .ph{color:#a0aec0;font-size:11px;transition:transform .2s}.phone-app-home .lib-filter-options{background:#f8fafc;flex-direction:column;gap:4px;padding:8px 10px;display:none}.phone-app-home .lib-filter-opt-btn{width:100%;font-family:var(--font-body);color:#4a5568;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.phone-app-home .lib-filter-opt-btn:hover{background:#edf2f7}.phone-app-home .lib-filter-opt-btn.active{color:#92400e;background:#fffbeb;border-color:#fcd34d;font-weight:800}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.phone-app-home .phone-app-screen{background:var(--bg);opacity:0;will-change:opacity, transform;animation:phone-montage-screen var(--phone-cycle) linear infinite;animation-delay:var(--phone-screen-delay);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.phone-app-home .phone-scroll-inner{animation:phone-montage-scroll var(--phone-cycle) linear infinite;animation-delay:var(--phone-screen-delay)}@keyframes phone-montage-screen{0%{opacity:0;transform:translate(10px)}1.2%{opacity:1;transform:translate(0,0)}15.4%{opacity:1;transform:translate(0,0)}16.6%{opacity:0;transform:translate(-10px)}to{opacity:0;transform:translate(-10px)}}@keyframes phone-montage-scroll{0%,3.6%{transform:translate(0,0)}13%{transform:translate3d(0, calc(var(--phone-scroll) * -1), 0)}16.6%{transform:translate3d(0, calc(var(--phone-scroll) * -1), 0)}16.7%,to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.phone-app-home .phone-app-screen,.phone-app-home .phone-scroll-inner{animation:none;transform:none}.phone-app-home .phone-app-screen{opacity:0}.phone-app-home .phone-app-screen:first-child{opacity:1}}.phone-app-home .pii-blur{filter:blur(4.5px);-webkit-user-select:none;user-select:none;display:inline-block}
.promo-section{text-align:center;box-sizing:border-box;background:radial-gradient(circle at top,#fffdf5 0%,#fef9f1 40%,#faf3e6 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding:60px 40px 120px;display:flex;position:relative}.promo-title{font-family:var(--font-serif), Georgia, serif;color:#0f172a;max-width:800px;margin:0 0 16px;font-size:52px;font-weight:800;line-height:1.15}.promo-subtitle{color:#475569;max-width:680px;margin:0 0 32px;font-size:16px;line-height:1.6}.store-badge-row{z-index:20;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:24px;display:flex}.store-badge{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:9px 20px;text-decoration:none;transition:all .25s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:0 4px 16px #0f172a14,0 1px 3px #0f172a0a}.store-badge:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px #0f172a21}.store-badge-text{text-align:left}.store-badge-tagline{text-transform:uppercase;color:#64748b;letter-spacing:.3px;font-size:9.5px;line-height:1;display:block}.store-badge-name{font-family:var(--font-display);color:#0f172a;font-size:15px;font-weight:700;line-height:1.3}.download-hub-container{z-index:20;flex-flow:wrap;justify-content:center;align-items:stretch;gap:20px;width:100%;max-width:1120px;margin:0 auto 36px;display:flex}.platform-group{-webkit-backdrop-filter:blur(10px);background:#ffffffb8;border:1.5px solid #e2e8f0d9;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:14px 20px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #0f172a0a,0 1px 3px #0f172a05}.platform-group:hover{box-shadow:0 8px 28px #0f172a12}.platform-group-header{align-items:center;gap:10px;display:flex}.platform-group-badge{font-family:var(--font-display,inherit);text-transform:uppercase;letter-spacing:.5px;color:#854d0e;background:#fef08a;border:1px solid #eab30859;border-radius:9999px;align-items:center;gap:6px;padding:3.5px 10px;font-size:11px;font-weight:800;display:inline-flex}.platform-group-badge.badge-desktop{color:#3730a3;background:#e0e7ff;border-color:#6366f14d}.platform-group-hint{color:#64748b;font-size:12px;font-weight:600}.platform-group .store-badge-row{gap:12px;margin-bottom:0}.collage-container{width:100%;max-width:1080px;height:520px;margin:40px auto 20px;position:relative}.phone-mockup{box-sizing:content-box;z-index:10;background:#fff;border:10px solid #1a202c;border-radius:42px;width:224px;height:448px;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 30px 60px -12px #00000073,0 0 0 1.5px #ffffff14,inset 0 0 0 1px #0009}.floating-card{text-align:left;z-index:20;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;padding:16px 20px;transition:transform .3s;position:absolute;box-shadow:0 16px 36px #0f172a14,0 4px 12px #0f172a0a}.floating-card:hover{transform:translateY(-6px)scale(1.02)}.card-left-top{width:220px;top:40px;left:10px}.card-left-bottom{align-items:center;gap:14px;min-width:190px;display:flex;top:270px;left:30px}.card-right-top{width:220px;top:40px;right:10px}.card-right-bottom{align-items:center;gap:14px;min-width:210px;display:flex;top:270px;right:30px}.stat-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.stat-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon-sm{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-icon-lg{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-yellow{color:#ca8a04;background:#fef9c3}.icon-green{color:#16a34a;background:#dcfce7}.icon-blue{color:#2563eb;background:#dbeafe}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:10px;font-weight:800}.stat-value{color:#0f172a;white-space:nowrap;margin:0;font-size:22px;font-weight:800;line-height:1.1}.stat-value-sm{color:#0f172a;white-space:nowrap;margin:0;font-size:20px;font-weight:800}.stat-caption{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:600}.storage-bar{background:#f1f5f9;border-radius:4px;width:100%;height:6px;overflow:hidden}.storage-bar-fill{background:linear-gradient(90deg,#facc15,#f59e0b);border-radius:4px;height:100%}.storage-note{color:#94a3b8;margin-top:6px;font-size:10px;font-weight:600;display:block}.sync-pill{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;display:flex}.sync-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block}.sync-pill-text{color:#15803d;font-size:10px;font-weight:700}.floating-emoji{z-index:25;filter:drop-shadow(0 6px 12px #0000001a);font-size:26px;position:absolute}.float-emoji-1{animation:4.2s ease-in-out infinite alternate floatAnim1;top:180px;left:-20px}.float-emoji-2{animation:3.8s ease-in-out infinite alternate floatAnim2;top:180px;right:-20px}.float-emoji-3{animation:4.5s ease-in-out infinite alternate floatAnim3;top:-10px;right:20px}.float-emoji-4{animation:4s ease-in-out infinite alternate floatAnim4;top:420px;right:30px}.float-emoji-5{animation:4.8s ease-in-out infinite alternate floatAnim2;top:420px;left:30px}.float-anim-1{animation:4s ease-in-out infinite alternate floatAnim1}.float-anim-2{animation:4.5s ease-in-out infinite alternate floatAnim2}.float-anim-3{animation:3.8s ease-in-out infinite alternate floatAnim3}.float-anim-4{animation:4.2s ease-in-out infinite alternate floatAnim4}@keyframes floatAnim1{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-10px)rotate(2deg)}}@keyframes floatAnim2{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-12px)rotate(-2deg)}}@keyframes floatAnim3{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(1.5deg)}}@keyframes floatAnim4{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-14px)rotate(-1.5deg)}}.anim-phone{background:#f8fafc;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.anim-status-bar{color:#1a202c;background:#facc15;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 14px 4px;font-size:9px;font-weight:700;display:flex}.anim-screen-area{flex:1;position:relative;overflow:hidden}.anim-screen{opacity:0;transition:opacity .5s;position:absolute;inset:0;overflow:hidden}.anim-screen.active{opacity:1}.anim-scroll-inner{padding:0}.anim-screen.active .anim-scroll-inner{animation:4.2s cubic-bezier(.45,0,.55,1) forwards anim-scroll}@keyframes anim-scroll{0%,20%{transform:translateY(0)}to{transform:translateY(-120px)}}.anim-home-header{background:#facc15;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.anim-avatar{color:#1a202c;background:#e2e8f0;border:1.5px solid #1a202c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:flex}.anim-home-body{background:#f8fafc;padding:10px 12px}.anim-cover-sm{background:#e2e8f0;border-radius:4px;flex-shrink:0;width:36px;height:52px;position:relative;overflow:hidden}.anim-cover-med{background:#e2e8f0;border-radius:3px;flex-shrink:0;width:28px;height:40px;position:relative;overflow:hidden}.anim-bottom-nav{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;padding:6px 0 4px;display:flex}.anim-nav-item{color:#94a3b8;cursor:default;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:7px;font-weight:600;transition:color .3s;display:flex}.anim-nav-item.active{color:#1a202c}.anim-promo{color:#fff;background:#1a202c;border-radius:8px;margin:8px 0;padding:8px 10px;font-size:8px;font-weight:700}.anim-section-title{color:#1a202c;justify-content:space-between;margin:8px 0 6px;font-size:9px;font-weight:800;display:flex}.anim-see-all{color:#f59e0b}.anim-row{align-items:center;gap:6px;margin-bottom:5px;display:flex}.anim-book-row{background:#fff;border:1px solid #f1f5f9;border-radius:6px;align-items:center;gap:8px;margin-bottom:5px;padding:6px 8px;display:flex}.anim-book-info{flex:1}.anim-book-title{color:#1a202c;margin:0 0 2px;font-size:8px;font-weight:700}.anim-book-sub{color:#64748b;margin:0;font-size:7px}.anim-btn{color:#1a202c;cursor:default;background:#facc15;border:none;border-radius:10px;margin-top:3px;padding:3px 8px;font-size:7px;font-weight:700}.anim-pop-num{color:#e2e8f0;flex-shrink:0;width:12px;font-size:12px;font-weight:800}.anim-browse-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px 6px}.anim-search{color:#94a3b8;background:#e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:8px;display:flex}.anim-cat-grid{grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px;display:grid}.anim-cat-card{color:#fff;border-radius:8px;align-items:flex-end;height:44px;padding:10px 8px;font-size:8px;font-weight:700;display:flex}.anim-lib-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 12px;display:flex}.anim-progress-bar{background:#e2e8f0;border-radius:2px;height:3px;margin-top:4px}.anim-progress-fill{background:#facc15;border-radius:2px;height:100%}.anim-profile-header{background:#facc15;flex-direction:column;align-items:center;gap:6px;padding:20px 12px 16px;display:flex}.anim-profile-avatar{color:#1a202c;background:#e2e8f0;border:2px solid #1a202c;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex}.anim-menu-item{color:#1a202c;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:9px 12px;font-size:8px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.anim-screen{transition:none}.anim-screen.active .anim-scroll-inner{animation:none}}@media (max-width:1024px){.promo-title{font-size:34px}.collage-container{flex-direction:column;align-items:center;gap:20px;height:auto;margin-top:32px;display:flex}.phone-mockup{z-index:5;margin:0 auto 16px;position:relative;top:auto;left:auto;transform:none}.floating-card{z-index:10;max-width:320px;margin:0 auto;position:relative;width:100%!important;animation:none!important;inset:auto!important;transform:none!important}.floating-emoji,.floating-decor{display:none!important}}.store-badge-pending{opacity:.55;cursor:not-allowed;filter:grayscale()}.store-badge-pending:hover{transform:none}.store-badge-recommended{border-color:#fdc93e;position:relative;box-shadow:0 0 0 3px #fdc93e47,0 4px 16px #0f172a14}.store-badge-flag{color:#0f172a;letter-spacing:.02em;white-space:nowrap;background:#fdc93e;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:-10px;left:14px}.download-back-link{color:#0f172a;z-index:20;align-items:center;gap:6px;margin:-8px 0 24px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.download-back-link:hover{text-decoration:underline}.download-qr{z-index:20;justify-content:center;margin-bottom:28px;display:flex}@media (max-width:768px){.download-qr{display:none}}.collage-container-simple{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;height:auto;padding-bottom:24px;display:flex}.collage-container-simple .phone-mockup{position:relative;top:auto;left:auto;transform:none}.qr-panel{text-align:center;background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;max-width:280px;padding:24px 28px;box-shadow:0 20px 25px -5px #0000000d}.qr-title{font-family:var(--font-outfit), sans-serif;color:#0f172a;margin-bottom:14px;font-size:16px;font-weight:800}.qr-code{margin:0 auto;line-height:0}.qr-code svg{width:100%;height:100%;display:block}.qr-note{color:#64748b;margin-top:14px;font-size:12px;line-height:1.5}.qr-target{color:#94a3b8;word-break:break-all;margin-top:6px;font-size:11px}.phone-figure{flex-direction:column;align-items:center;gap:14px;margin:0;display:flex}.phone-caption{color:#94a3b8;text-align:center;max-width:260px;font-size:11px;line-height:1.5}