html{-webkit-tap-highlight-color:transparent}[role=button],a,button,input,label,select,summary,textarea{touch-action:manipulation}html[data-standalone] body{overscroll-behavior-y:none}@media (pointer:coarse){.admin-nav a,.btn,.chip,.course-card,.landing-btn,.lv-poster,.lv-row,.menu-d summary,.nav a,.plan-card,.plan-cta,.pwa-back,.pwa-tabbar a,.social-card,.tabbar a,.top-btn{transition:transform .14s ease,background-color .2s,color .2s}.btn:active,.chip:active,.landing-btn:active,.menu-d summary:active,.plan-cta:active,.pwa-back:active,.top-btn:active{transform:scale(.96)}.course-card:active,.lv-row:active,.plan-card:active,.social-card:active{transform:scale(.985)}.admin-nav a:active,.nav a:active{background:rgba(30,113,92,.08)}.admin-nav,.btn,.chip,.landing-btn,.nav,.pwa-back,.pwa-tabbar,.tabbar{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.input,.select,.textarea,input,select,textarea{font-size:max(16px,1em)}}.pwa-back{display:none;flex:none;place-items:center;width:40px;height:40px;margin-left:-8px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer}.pwa-back:hover{background:rgba(0,0,0,.05)}.landing-header .pwa-back{color:#fff}html[data-standalone] .pwa-back{display:inline-grid}@media (display-mode:standalone){.pwa-back{display:inline-grid}}html[data-standalone] .admin-top,html[data-standalone] .pub-header .wrap{gap:6px}@media (min-width:961px){.side>.pwa-back{display:none!important}}@media (max-width:960px){html[data-standalone] .side>.pwa-back{display:inline-grid}html[data-standalone] .side{flex-direction:row;align-items:center;gap:4px}}@media (max-width:760px){.pub-header{position:-webkit-sticky;position:sticky;top:0;z-index:30}.pub-header:not(.landing-header){background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px)}main [id]{scroll-margin-top:84px}}@media (max-width:960px){.side{background:rgba(250,250,249,.88)}.admin-top,.side{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px)}.admin-top{background:rgba(255,255,255,.9)}}.pwa-tabbar{display:none}@media (max-width:640px){.pwa-tabbar,.tabbar{background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);border-top:1px solid rgba(20,30,25,.08)!important;padding:4px max(6px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-left))!important}.pwa-tabbar a,.tabbar a{gap:3px!important;min-height:58px;font-size:11px;letter-spacing:.01em}.pwa-tabbar a svg,.tabbar a svg{box-sizing:content-box;padding:4px 16px;border-radius:999px;transition:background-color .25s,padding .25s,color .2s}.pwa-tabbar a[aria-current=page] svg,.tabbar a[aria-current=page] svg{background:#dcebe4;color:#0F4736}.pwa-tabbar a[aria-current=page],.tabbar a[aria-current=page]{color:#0F4736!important;font-weight:700}}.pwa-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40}.pwa-tabbar a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#5f6a63;font-weight:600}@media (max-width:640px){.admin-tabbar{display:flex}.admin-content,.main{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}}@keyframes pwa-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pwa-fade-in{0%{opacity:0}to{opacity:1}}.admin-content,.panel{animation:pwa-page-in .34s cubic-bezier(.2,.8,.2,1) both}main#isi:not(.landing-page):not(.admin-content){animation:pwa-fade-in .28s ease-out both}.pwa-toasts{position:fixed;z-index:90;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;width:min(440px,calc(100% - 24px));pointer-events:none}@media (max-width:760px){.pwa-toasts{bottom:calc(80px + env(safe-area-inset-bottom))}}.pwa-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px 12px 16px;border-radius:16px;background:#10231c;color:#fff;font-size:14px;line-height:1.4;box-shadow:0 14px 34px rgba(0,0,0,.25);animation:pwa-toast-in .35s cubic-bezier(.2,.8,.2,1) both}.pwa-toast svg{flex:none;color:#f6e7b4}.pwa-toast button{margin-left:auto;flex:none;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:#f6e7b4;color:#143d29;font:inherit;font-weight:700;cursor:pointer}@keyframes pwa-toast-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.pwa-sheet-wrap{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.pwa-sheet-scrim{position:absolute;inset:0;border:0;padding:0;background:rgba(8,20,14,.45);animation:pwa-fade-in .25s ease-out both;cursor:default}.pwa-sheet{position:relative;width:min(520px,100%);padding:10px 20px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fff;color:#141414;box-shadow:0 -10px 40px rgba(0,0,0,.18);animation:pwa-sheet-up .42s cubic-bezier(.2,.9,.25,1) both;transition:transform .3s cubic-bezier(.2,.9,.25,1);outline:none;touch-action:pan-x}@keyframes pwa-sheet-up{0%{transform:translateY(100%)}to{transform:none}}.pwa-grab{display:block;width:40px;height:5px;margin:0 auto 14px;border-radius:999px;background:#d5dbd7}.pwa-sheet-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:#f1f3f1;color:#4b4b48;cursor:pointer}.pwa-sheet-head{display:flex;gap:14px;align-items:center;padding-right:36px}.pwa-sheet-head img{flex:none;border-radius:14px;box-shadow:0 6px 16px rgba(20,61,41,.25)}.pwa-sheet-head h2{margin:0;font-family:var(--font-app);font-size:18px;line-height:1.25;letter-spacing:-.01em}.pwa-sheet-head p{margin:4px 0 0;font-size:14px;line-height:1.45;color:#5b6560}.pwa-sheet-actions{display:grid;grid-gap:8px;gap:8px;margin-top:20px}.pwa-sheet-actions .btn{min-height:50px;border-radius:14px;gap:8px}.pwa-steps{display:grid;grid-gap:4px;gap:4px;margin:18px 0 0;padding:0;list-style:none}.pwa-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#f4f7f5;font-size:14.5px}.pwa-steps li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:999px;background:#1E715C;color:#fff;font-size:12.5px;font-weight:700}.pwa-steps p{flex:1 1;min-width:0;margin:0;line-height:1.45}.pwa-steps svg{color:#1E715C;vertical-align:-3px}.offline-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 20px;background:#143d29}.offline-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:380px;text-align:center;color:#e3efea}.offline-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#1E715C;box-shadow:0 16px 40px rgba(0,0,0,.3)}.offline-card h1{margin:8px 0 0;color:#fff;font-family:var(--font-app);font-size:26px;line-height:1.15;letter-spacing:-.02em}.offline-card p{margin:0;line-height:1.55}.offline-retry{margin-top:10px;min-height:50px;padding-inline:26px;border-radius:999px;gap:8px;background:#f6e7b4!important;color:#143d29!important;border:0}.offline-link{color:#cfe1d7;font-size:14px}.pwa-progress{position:fixed;top:0;left:0;right:0;z-index:95;height:3px;overflow:hidden;background:rgba(30,113,92,.12)}.pwa-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:#1E715C;border-radius:0 3px 3px 0;animation:pwa-progress 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes pwa-progress{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}.pwa-skeleton{display:grid;grid-gap:16px;gap:16px;max-width:1180px;margin:0 auto;padding:28px 16px 120px}.pwa-skeleton i{display:block;border-radius:16px;background:linear-gradient(90deg,#eceee9,#f6f7f4 45%,#eceee9 90%);background-size:220% 100%;animation:pwa-shimmer 1.3s linear infinite}@keyframes pwa-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.admin-content,.panel,.pwa-sheet,.pwa-sheet-scrim,.pwa-toast,main#isi{animation:none!important}.pwa-progress:after,.pwa-skeleton i{animation:none}}.kb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px}.kb-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fffdf7;border:1px solid #e3dcc6;border-radius:8px;transition:border-color .2s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1)}.kb-card:hover{border-color:#b9a970;box-shadow:0 16px 34px -18px rgba(20,61,41,.45);transform:translateY(-3px)}.kb-card.wide{grid-column:1/-1;flex-direction:row}.kb-media{position:relative;flex:none;height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#1f6f5c}.kb-card.wide .kb-media{width:44%;height:auto;min-height:300px}.kb-media.thumb{height:auto;aspect-ratio:16/9;display:block;background:#0e3f2a}.kb-thumb,.kb-thumbs{display:block;width:100%;height:100%}.kb-thumb{object-fit:cover}.kb-card.wide .kb-media.thumb{aspect-ratio:auto;min-height:300px}.kb-media.thumb-stack{background:#1f6f5c}.kb-media.thumb-stack .kb-thumbs{position:relative;min-height:300px}.kb-media.thumb-stack .kb-thumb{position:absolute;width:58%;height:auto;aspect-ratio:16/9;border:4px solid #fffdf7;border-radius:3px;box-shadow:0 22px 34px -16px rgba(0,0,0,.6),0 3px 8px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.kb-media.thumb-stack .kb-thumb:first-child{top:22px;left:16px;z-index:1}.kb-media.thumb-stack .kb-thumb:nth-child(2){bottom:22px;right:16px;z-index:2}.kb-card:hover .kb-media.thumb-stack .kb-thumb:first-child{transform:translate(-4px,-4px)}.kb-card:hover .kb-media.thumb-stack .kb-thumb:nth-child(2){transform:translate(4px,4px)}.kb-ribbon{z-index:3}.kb-books{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%}.kb-kitab{display:block;height:74%;width:auto;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 22px 34px -14px rgba(0,0,0,.6),0 3px 8px rgba(0,0,0,.25);transform:rotate(-3deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.kb-card:hover .kb-kitab{transform:rotate(-1deg) translateY(-4px)}.is-bundle .kb-kitab{height:70%}.is-bundle .kb-kitab:first-child{transform:rotate(-6deg) translateX(14px)}.is-bundle .kb-kitab:last-child{transform:rotate(5deg) translateX(-14px) translateY(10px)}.is-bundle:hover .kb-kitab:first-child{transform:rotate(-8deg) translateX(4px)}.is-bundle:hover .kb-kitab:last-child{transform:rotate(7deg) translateX(-4px) translateY(10px)}.kb-ribbon{position:absolute;top:18px;left:0;z-index:2;padding:6px 14px 6px 12px;background:#f6e7b4;color:#5c4306;font-size:12px;font-weight:700;letter-spacing:.02em;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%)}.kb-book{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:calc(100% - 44px);max-width:300px;height:calc(100% - 44px);padding:18px;text-align:center;color:#f3e7bf;outline:1px solid rgba(232,208,140,.55);outline-offset:-1px;box-shadow:inset 0 0 0 5px #1f6f5c,inset 0 0 0 6px rgba(232,208,140,.4)}.kb-book-label{font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#cdbb85}.kb-book-ar{font-family:var(--f-amiri),serif;font-weight:700;font-size:40px;line-height:1.25;color:#f6e7b4}.kb-rule{width:74px;height:1px;background:rgba(232,208,140,.55)}.kb-book-foot{font-size:11px;letter-spacing:.08em;color:#bfd4c8}.kb-body{display:flex;flex-direction:column;flex:1 1;min-width:0;padding:20px 22px 18px}.kb-card.wide .kb-body{padding:30px 32px 26px;justify-content:center}.kb-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a7433}.kb-body h3{margin:6px 0 0;font-family:var(--font-app);font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:600}.kb-card.wide .kb-body h3{font-size:clamp(26px,2.6vw,32px)}.kb-body h3 a{color:#10231c;text-decoration:none}.kb-body h3 a:after{content:"";position:absolute;inset:0;z-index:1}.kb-meta{margin:6px 0 0;font-size:13.5px;color:#66705f}.kb-teacher{margin:10px 0 0;font-size:14px;font-weight:600;color:#2c4a3c}.kb-desc{margin:14px 0 0;font-size:14px;line-height:1.6;color:#55635a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:34em}.kb-free{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:13.5px;font-weight:600;color:#1e715c;text-decoration:none;border-bottom:1px dashed rgba(30,113,92,.5);padding-bottom:1px}.kb-free:hover{color:#0f4736;border-bottom-style:solid}.kb-foot{margin-top:auto;padding-top:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.kb-card:not(.wide) .kb-body>:nth-last-child(2){margin-bottom:18px}.kb-card:not(.wide) .kb-foot{border-top:1px solid #ece4cd}.kb-card.wide .kb-foot{margin-top:24px;padding-top:0}.kb-price{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;line-height:1.1}.kb-price b{font-family:var(--font-app);font-size:24px;font-weight:600;letter-spacing:-.02em;color:#10231c;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kb-price s{flex-basis:100%;font-size:13px;color:#8b8670}.kb-price small{font-size:12px;color:#7d8a80}.kb-price em{font-style:normal;font-size:12px;font-weight:700;color:#6b4a07;background:#f6e7b4;padding:3px 8px;border-radius:3px}.kb-note{margin:10px 0 0;font-size:13px;color:#8a7433}.kb-owned{gap:7px;font-family:var(--font-app);font-size:16px;font-weight:600}.kb-owned,.kb-ribbon.kb-ribbon-own{display:inline-flex;align-items:center;color:#1e715c}.kb-ribbon.kb-ribbon-own{gap:5px;background:#fffdf7}.kb-card.is-owned{border-color:#b7d3c7}.kb-grid.compact{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.kb-go{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1e715c;white-space:nowrap}.kb-go svg{transition:transform .2s}.kb-card:hover .kb-go svg{transform:translateX(3px)}@media (max-width:860px){.kb-card.wide{flex-direction:column}.kb-card.wide .kb-media{width:auto;min-height:0;height:250px}.kb-card.wide .kb-media.thumb-stack .kb-thumbs{min-height:0;height:100%}.kb-media.thumb-stack .kb-thumb{width:52%}.kb-card.wide .kb-body{padding:22px 22px 20px}}@media (max-width:640px){.kb-grid{grid-template-columns:1fr;gap:16px}.kb-card.wide .kb-media,.kb-media{height:220px}.kb-book-ar{font-size:34px}}@media (prefers-reduced-motion:reduce){.kb-card,.kb-go svg,.kb-kitab{transition:none}.kb-card:hover,.kb-card:hover .kb-kitab{transform:none}}.kb-card.wide .kb-media.thumb:not(.thumb-stack){width:52%;aspect-ratio:16/9;height:auto;min-height:0;align-self:stretch}@media (max-width:1060px){.kb-card.wide:has(>.kb-media.thumb:not(.thumb-stack)){flex-direction:column}.kb-card.wide .kb-media.thumb:not(.thumb-stack){width:auto;align-self:auto;height:auto}}.kb-grid.compact .kb-card.wide:has(>.kb-media.thumb:not(.thumb-stack)){flex-direction:column}.kb-grid.compact .kb-card.wide .kb-media.thumb:not(.thumb-stack){width:auto;align-self:auto;height:auto}