.profile-library-row .lib-icon.read{background:#e8f5e9;color:#2e7d32}
.library-read-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px!important}
@media(min-width:640px){.library-read-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.read-cover-tile{border:0;background:#fff;padding:0 0 8px;border-radius:14px;box-shadow:0 4px 14px rgba(15,23,42,.10);display:flex;flex-direction:column;text-align:left;min-width:0;overflow:visible}
.read-cover-tile img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#eef2f7;border-radius:14px 14px 10px 10px}
.read-tile-title{display:block;min-height:34px;padding:7px 7px 0;font-size:12px;line-height:1.35;font-weight:800;color:#1f2937;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}


/* Category parity with Android */
.category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:8px 4px 24px!important}
.category-card{min-height:172px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;color:#1f2937!important;font-weight:800!important}
.category-card img{width:96px!important;height:96px!important;border-radius:50%!important;background:#eaf5fb!important;padding:14px!important;object-fit:contain!important;box-shadow:inset 0 0 0 12px #f3fbff!important}
.category-card small{display:none!important}
.category-intro h3{display:none!important}
.category-book-search{width:100%;height:48px;margin:4px 0 12px;border:1px solid #dce3ec;border-radius:16px;background:#fff;padding:0 16px;box-shadow:0 3px 12px rgba(15,23,42,.06);outline:0;color:#1f2937}
.category-book-search::placeholder{color:#aab4c2}
#booksPanel .books-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:start!important}
#booksPanel .book-card{border-radius:14px!important;overflow:hidden!important;min-height:242px!important;background:#fff!important;display:flex!important;flex-direction:column!important}
#booksPanel .book-cover-wrap{height:150px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}
#booksPanel .book-cover-wrap img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;background:#fff!important}
#booksPanel .book-body{min-height:92px!important;padding:7px!important;display:flex!important;flex-direction:column!important}
#booksPanel .book-title{min-height:32px!important;margin:0!important;font-size:12px!important;line-height:1.28!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;word-break:break-word!important}
#booksPanel .book-meta{min-height:14px!important;margin:3px 0 0!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#booksPanel .book-stats{margin-top:auto!important;padding-top:5px!important}
.resume-card{background:#fff;border:1px solid #e3e8ef;border-radius:18px;box-shadow:0 4px 18px rgba(0,0,0,.08);padding:14px;margin:10px 12px;color:#1f2937}
.resume-card h3{margin:0 0 8px;font-size:16px}.resume-card p{margin:4px 0;color:#4b5563;line-height:1.35}.profile-library-row .lib-icon.resume{background:#e8f5e9;color:#2e7d32}

.resume-row{cursor:pointer;padding:16px!important;margin:12px!important}.resume-row h3{line-height:1.25}.resume-row small{display:block;margin-top:10px;color:#6b7280}.resume-edited{color:#d97706!important;font-weight:800}

.android-toolbar{display:grid!important;grid-template-columns:42px 1fr auto!important;align-items:center!important;gap:8px!important}
.toolbar-back{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;padding:0 0 3px;font-weight:800}
.toolbar-action{grid-column:3}.android-toolbar h1{grid-column:2;margin:0!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#booksPanel.category-books-only .filter-chips{display:none!important}
.library-page-list:not(.library-read-list){padding:12px!important;display:grid!important;gap:12px!important}
.library-action-card{position:relative!important;display:grid!important;grid-template-columns:82px minmax(0,1fr) 40px!important;gap:12px!important;align-items:center!important;min-height:126px!important;margin:0!important;padding:12px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important;border:0!important;overflow:hidden!important}
.library-action-card .library-thumb{width:82px!important;height:102px!important;border-radius:12px!important;object-fit:contain!important;background:#fff!important;box-shadow:inset 0 0 0 1px #eef2f7!important}
.library-card-copy{min-width:0!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.library-card-copy h3{margin:0 0 7px!important;font-size:15px!important;line-height:1.25!important;color:#1f2937!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;word-break:break-word!important}
.library-card-copy p{margin:2px 0!important;font-size:12px!important;line-height:1.35!important;color:#6b7280!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.library-card-copy p b{color:#1f2937!important}.library-card-copy p strong{color:#2e7d32!important}
.library-remove-btn{width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#f1f5f9!important;color:#64748b!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important;align-self:end!important;justify-self:end!important;padding:0!important}
.library-remove-btn.favourite{color:#f59e0b!important;background:#fff7ed!important}.library-remove-btn.bookmark{color:#2e7d32!important;background:#e8f5e9!important}

/* Login/splash background */
.login-shell{background:linear-gradient(180deg,#2E7D32 0%,#1B5E20 100%)!important;}
.login-card{background:rgba(255,255,255,.96)!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important;}
.login-logo{background:#fff;border-radius:28px;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.16)}


/* Profile polish v38 */
.profile-screen-new{padding:14px 14px 24px!important;background:#f5f7fa!important}
.profile-head-card{border:0!important;border-radius:26px!important;box-shadow:0 10px 26px rgba(15,23,42,.10)!important;padding:18px!important;display:flex!important;align-items:center!important;gap:16px!important;background:linear-gradient(135deg,#ffffff 0%,#f4fff5 100%)!important}
.profile-avatar-wrap{position:relative;flex:0 0 auto}.profile-avatar{width:86px!important;height:86px!important;border-radius:28px!important;background:#e8f5e9!important;display:grid!important;place-items:center!important;overflow:hidden!important;color:#2e7d32!important;font-size:30px!important;font-weight:900!important;box-shadow:inset 0 0 0 2px #d4ead6}.profile-photo{width:100%;height:100%;object-fit:cover}.profile-camera{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;border:0;border-radius:50%;background:#2e7d32;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.profile-info h2{margin:0 0 4px!important;font-size:21px!important;line-height:1.15!important;color:#122117!important}.profile-info p{margin:2px 0!important}.username-line{color:#2e7d32!important;font-weight:800!important}.edit-name-btn{margin-left:auto;border:1px solid #cfe5d2;background:#fff;color:#2e7d32;border-radius:999px;padding:8px 12px;font-weight:800}
.profile-read-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}.profile-read-stats .android-card{border:0!important;border-radius:20px!important;padding:16px!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important}.profile-read-stats b{display:block;font-size:26px;color:#2e7d32}.profile-read-stats span{color:#5f6b7a;font-weight:700}
.profile-section-title{font-size:17px!important;margin:18px 2px 10px!important;color:#1f2937!important}.profile-library-menu{display:grid!important;gap:10px!important}.profile-library-row{width:100%;border:0;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.08);display:flex;align-items:center;gap:12px;padding:14px 15px;color:#1f2937;text-align:left}.profile-library-row b{flex:1;font-size:15px}.profile-library-row em{font-style:normal;color:#6b7280;font-weight:800}.lib-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:900}.logout-row{border:0!important;border-radius:18px!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important;padding:16px!important;color:#c62828!important;background:#fff!important;display:flex;gap:12px;align-items:center}.logout-row em{margin-left:auto}


/* Profile parity v42 */
.profile-head-card{align-items:center!important;position:relative!important}
.profile-avatar{width:82px!important;height:82px!important;border-radius:50%!important;background:#e8f5e9!important;box-shadow:0 4px 16px rgba(15,23,42,.12), inset 0 0 0 3px #fff!important}
.profile-photo{border-radius:50%!important}.profile-camera{right:-4px!important;bottom:2px!important;width:30px!important;height:30px!important;border-radius:50%!important;font-size:0!important}.profile-camera::before{content:'◉';font-size:15px}.profile-info{min-width:0;flex:1}.profile-info h2{font-size:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-name-btn{position:absolute!important;left:116px!important;top:96px!important;margin:0!important;border:1px solid #d8e2dc!important;background:#fff!important;color:#2e7d32!important;border-radius:999px!important;padding:8px 14px!important;box-shadow:0 2px 8px rgba(15,23,42,.06)}.profile-head-card{padding-bottom:54px!important}
.lib-icon{font-size:0!important}.lib-icon::before{font-size:18px;line-height:1}.lib-icon.bookmark{background:#e8f5e9!important;color:#2e7d32!important}.lib-icon.bookmark::before{content:'▱'}.lib-icon.fav{background:#fff3cd!important;color:#f59e0b!important}.lib-icon.fav::before{content:'★'}.lib-icon.resume{background:#e8f5e9!important;color:#2e7d32!important}.lib-icon.resume::before{content:'▤'}
.profile-library-row{min-height:62px!important}.profile-library-row.active{outline:2px solid rgba(46,125,50,.14)!important}.profile-library-row::after{content:'›';font-size:24px;color:#9ca3af;margin-left:4px}.profile-library-row em{min-width:20px;text-align:right}.profile-library-row[data-libtab="resumes"] em:empty{display:none}
.library-page{position:fixed!important;inset:0!important;z-index:30!important;background:#f5f7fa!important;overflow:auto!important;padding-bottom:24px!important}.library-page-header{position:sticky!important;top:0!important;z-index:2!important;height:56px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 14px!important;box-shadow:0 2px 12px rgba(15,23,42,.08)!important}.library-page-header button{width:40px;height:40px;border:0;border-radius:50%;background:#e8f5e9;color:#2e7d32;font-size:30px;line-height:1}.library-page-header h1{font-size:20px!important;color:#2e7d32!important;margin:0!important}.library-page-list{padding:14px!important}.library-bookmark-card,.library-fav-card{border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important;margin-bottom:12px!important}.library-fav-card img,.library-bookmark-card img{border-radius:12px!important}
.modal-backdrop{position:fixed!important;inset:0!important;z-index:40!important;background:#f5f7fa!important;display:block!important;padding:0!important;overflow:auto!important}.modal-backdrop.hidden{display:none!important}.edit-name-dialog{min-height:100vh!important;width:100%!important;background:#f5f7fa!important;border-radius:0!important;box-shadow:none!important;padding:76px 18px 24px!important}.edit-name-dialog::before{content:'‹  Edit Nama';position:fixed;top:0;left:0;right:0;height:56px;background:#fff;color:#2e7d32;font-size:20px;font-weight:800;display:flex;align-items:center;padding-left:18px;box-shadow:0 2px 12px rgba(15,23,42,.08)}.edit-name-dialog h2{margin-top:0!important}.edit-name-dialog input{width:100%!important;height:50px!important;margin:10px 0!important;border:1px solid #dce3ec!important;border-radius:16px!important;background:#fff!important;padding:0 14px!important}.dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:16px!important}.dialog-actions button{height:46px;border-radius:14px;border:0;font-weight:800}.dialog-actions button:last-child{background:#2e7d32;color:#fff}.dialog-actions button:first-child{background:#fff;color:#2e7d32;border:1px solid #cfe5d2}


/* Bottom nav parity v44 */
.bottom-nav{height:66px!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -2px 10px rgba(15,23,42,.06)!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:center!important;padding:0!important}
.nav-item{font-size:0!important;border:0!important;background:transparent!important;color:#8a8f98!important;height:100%!important;display:grid!important;place-items:center!important}.nav-item::before{content:'';display:block;width:28px;height:28px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:26px 26px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:26px 26px}.nav-item.active{color:#2e7d32!important}
.nav-item[data-tab="dashboard"]::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z"/></svg>')}
.nav-item[data-tab="category"]::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z"/></svg>')}
.nav-item[data-tab="rank"]::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 19h16v2H4zM6 11h3v7H6zM11 5h3v13h-3zM16 8h3v10h-3z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 19h16v2H4zM6 11h3v7H6zM11 5h3v13h-3zM16 8h3v10h-3z"/></svg>')}
.nav-item[data-tab="profile"]::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4.5 0-8 2.2-8 5v2h16v-2c0-2.8-3.5-5-8-5Z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4.5 0-8 2.2-8 5v2h16v-2c0-2.8-3.5-5-8-5Z"/></svg>')}
.analysis-screen{padding-bottom:68px!important}.my-rank-card{margin-bottom:6px!important}.rank-list{margin-bottom:4px!important}.analysis-card{margin-bottom:8px!important}

.profile-stat-click{cursor:pointer!important;position:relative!important}.profile-stat-click::after{content:'›';position:absolute;right:14px;top:16px;color:#9ca3af;font-size:20px;font-weight:800}


/* Reader cleanup v58 */
.reader-zoom-controls{display:none!important}
.reader-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:8px 10px calc(8px + env(safe-area-inset-bottom))!important;padding:6px!important;border-radius:18px!important}
.reader-actions button{min-width:0!important;height:54px!important;padding:5px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}
.reader-actions button small{font-size:10.5px!important;line-height:1!important;white-space:nowrap!important}
.reader-icon{width:22px!important;height:22px!important}.reader-icon svg{width:21px!important;height:21px!important}
.reader-nav{position:fixed!important;top:auto!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;transform:none!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(17,24,39,.86)!important;color:#fff!important;font-size:28px!important;z-index:80!important}
.reader-nav-left{left:14px!important}.reader-nav-right{right:14px!important}
.reader-screen.zoomed .reader-nav{opacity:1!important}
.analysis-screen{padding-bottom:72px!important;min-height:calc(100vh - 132px)!important}.analysis-card:last-child{margin-bottom:0!important}.my-rank-wrap{margin-bottom:0!important}

.reader-screen.zoomed .reader-nav{opacity:.45!important;pointer-events:none!important;filter:grayscale(1)!important}
.profile-avatar-award{position:relative;width:114px;height:114px;display:grid;place-items:center;flex:0 0 auto}.profile-avatar-award .profile-avatar{width:82px!important;height:82px!important;position:relative;z-index:1}.profile-award-frame{position:absolute;inset:0;width:114px;height:114px;object-fit:contain;z-index:2;pointer-events:none}.profile-award-title{display:block;max-width:178px;max-height:32px;object-fit:contain;object-position:left center;margin:2px 0 4px}
.rank-avatar-wrap{position:relative;width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto}.rank-avatar-wrap .rank-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#fff;position:relative;z-index:1}.rank-avatar-wrap .rank-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rank-award-frame{position:absolute;inset:0;width:44px;height:44px;object-fit:contain;z-index:2;pointer-events:none}.rank-avatar-wrap:not(.has-award) .rank-avatar{width:38px;height:38px}.rank-award-title{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-size:9px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;line-height:1;color:#f5c542;text-shadow:0 0 10px rgba(245,197,66,.27)}.rank-award-title b{display:inline-grid;place-items:center;min-width:13px;height:13px;border-radius:4px;background:currentColor;color:#10203F;font-size:9px}.rank-award-title.pembaca.bulanan{background:linear-gradient(90deg,#FFDA7B,#F0A04B);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-award-title.teraktif.bulanan{background:linear-gradient(90deg,#FFB35C,#FF5E7A);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-award-title.nilai.bulanan{background:linear-gradient(90deg,#7BE0FF,#A78BFF,#FF8FD8);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-award-title.bulanan b{color:#10203F;background:#F5C542}.rank-award-title.mingguan.rank-1{color:#F5C542}.rank-award-title.mingguan.rank-2{color:#C9D4E0}.rank-award-title.mingguan.rank-3{color:#E08B4F}.rank-award-title.mingguan b{background:currentColor}

/* Profile photo true circle */
.profile-avatar{width:82px!important;height:82px!important;border-radius:50%!important;overflow:hidden!important;padding:0!important;background:#2e7d32!important;box-shadow:0 0 0 3px #2e7d32,0 4px 16px rgba(15,23,42,.12)!important;display:block!important}
.profile-photo{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;display:block!important;background:#2e7d32!important}
.profile-avatar #profileInitial{width:100%!important;height:100%!important;display:grid;place-items:center}

/* Edit profile v47 */
.profile-camera{display:none!important}.edit-name-btn{font-size:0!important}.edit-name-btn::before{content:'Edit Profil';font-size:14px}.edit-name-dialog::before{content:'‹  Edit Profil'!important}.edit-name-dialog select{width:100%!important;height:50px!important;margin:10px 0!important;border:1px solid #dce3ec!important;border-radius:16px!important;background:#fff!important;padding:0 14px!important;color:#1f2937!important}.edit-photo-btn{width:100%;height:52px;border:0;border-radius:16px;background:#e8f5e9;color:#2e7d32;font-weight:900;margin:12px 0 8px;box-shadow:0 4px 14px rgba(15,23,42,.08)}
