.ap{–ground:#F4F6F8;–surface:#FFFFFF;–surface2:#E9EDF2;–ink:#0F1C2A;–muted:#5B6878;–line:#E2E7ED;–primary:#0F766E;–primarySoft:#D5F2EE;–primaryInk:#115E59;–hero:#0B1B2B;–heroLine:#1C3347;–gold:#8A5A00;–goldLeaf:#F2C76E;–goldSoft:#FBF0D5;–onGold:#1A1406;–violet:#2F5F8A;–violetSoft:#DDE8F2;–zellige:rgba(11,27,43,.05);color-scheme:light} @media (prefers-color-scheme:dark){.ap{–ground:#0A121B;–surface:#111C27;–surface2:#172533;–ink:#E6EDF3;–muted:#9AA8B6;–line:#1F2C39;–primary:#2DD4BF;–primarySoft:#0F2E2B;–primaryInk:#5EEAD4;–hero:#0E2131;–heroLine:#1C3347;–gold:#F2C76E;–goldLeaf:#EDB648;–goldSoft:#3A2D10;–violet:#8DB8E0;–violetSoft:#172838;–zellige:rgba(234,240,246,.06);color-scheme:dark}} .px-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} @media (max-width:760px){.px-apps{grid-template-columns:1fr}} .px-app{background:var(–surface);border:1px solid var(–line);border-radius:22px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center} .px-app img{width:64px;height:64px;border-radius:18px;box-shadow:0 8px 20px rgba(0,0,0,.15)} .px-app h3{font-size:19px} .px-app small{display:block;color:var(–muted);font-size:13.5px;direction:ltr;text-align:right} .px-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px} .px-links .ap-btn{padding:9px 16px;font-size:15px}