.app-icon{color:currentColor;background:color-mix(in srgb, var(--accent) 12%, var(--surface-elevated));will-change:transform;border-radius:14px;place-items:center;width:42px;height:42px;transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s,box-shadow .22s;display:inline-grid}.app-icon:before{content:"";width:22px;height:22px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;transform-origin:50%;background:currentColor;transition:transform .22s cubic-bezier(.16,1,.3,1);display:block}a:hover .app-icon,button:hover .app-icon,article:hover>.app-icon,article:hover>span.app-icon,.verse-card:hover .app-icon{background:color-mix(in srgb, var(--accent) 22%, var(--surface-elevated));box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-2px)}a:hover .app-icon:before,button:hover .app-icon:before,article:hover>.app-icon:before,article:hover>span.app-icon:before,.verse-card:hover .app-icon:before{transform:scale(1.08)}.icon-sm{background:0 0;border-radius:999px;width:28px;height:28px}.icon-sm:before{width:20px;height:20px}.icon-clock{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.icon-book{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E")}.icon-spotify{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M7.5 10.2c3-1.1 6.3-.8 8.9.7'/%3E%3Cpath d='M8.4 13.1c2.4-.8 4.8-.6 6.8.5'/%3E%3Cpath d='M9.3 15.6c1.5-.4 3.1-.3 4.4.3'/%3E%3C/svg%3E")}.icon-bible{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h10a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H9a3 3 0 0 0-3 3V7a3 3 0 0 1 3-3Z'/%3E%3Cpath d='M9 4v20'/%3E%3Cpath d='M12 8h4'/%3E%3Cpath d='M14 6v4'/%3E%3C/svg%3E")}.icon-apple{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M16.6 13.1c0-2.1 1.7-3.1 1.8-3.2-1-1.4-2.6-1.6-3.1-1.6-1.3-.1-2.5.8-3.1.8s-1.6-.8-2.7-.8c-1.5 0-2.9.9-3.7 2.2-1.6 2.8-.4 7 1.1 9.3.8 1.1 1.7 2.3 3 2.3 1.2-.1 1.7-.8 3.2-.8s2 .8 3.3.8c1.3 0 2.1-1.1 2.9-2.2.9-1.2 1.2-2.4 1.2-2.5-.1 0-2.2-.8-2.2-3.5Z'/%3E%3Cpath d='M15.3 4.9c.6-.7 1-1.7.9-2.8-.9.1-2 .6-2.6 1.3-.6.7-1 1.7-.9 2.7.9.1 1.9-.5 2.6-1.2Z'/%3E%3C/svg%3E")}.icon-prayer{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.4 4.5c-.8.4-1.2 1.1-1.3 2l-.3 5.1-2.3 3.7a1.9 1.9 0 0 0 .4 2.4l.2.2a2 2 0 0 0 2.9-.3l2.6-3.5'/%3E%3Cpath d='M13.6 4.5c.8.4 1.2 1.1 1.3 2l.3 5.1 2.3 3.7a1.9 1.9 0 0 1-.4 2.4l-.2.2a2 2 0 0 1-2.9-.3l-2.6-3.5'/%3E%3Cpath d='M10.7 5.2 12 8l1.3-2.8'/%3E%3Cpath d='M12 8v11.2'/%3E%3Cpath d='M9.8 12.4 12 15l2.2-2.6'/%3E%3C/svg%3E")}.icon-music{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E")}.icon-dumbbell{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 6.5 11 11'/%3E%3Cpath d='m21 21-3-3'/%3E%3Cpath d='m3 3 3 3'/%3E%3Cpath d='m18 22 4-4'/%3E%3Cpath d='m2 6 4-4'/%3E%3Cpath d='m14.5 4.5 5 5'/%3E%3Cpath d='m4.5 14.5 5 5'/%3E%3C/svg%3E")}.icon-walk{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v-2.38C4 12.72 4.72 12 5.62 12c.68 0 1.3.43 1.53 1.07l.18.53c.34.97-.3 2.02-1.31 2.14L4 16Z'/%3E%3Cpath d='M5.5 10.5c1.38 0 2.5-1.57 2.5-3.5S6.88 3.5 5.5 3.5 3 5.07 3 7s1.12 3.5 2.5 3.5Z'/%3E%3Cpath d='M14 20v-2.38c0-.9.72-1.62 1.62-1.62.68 0 1.3.43 1.53 1.07l.18.53c.34.97-.3 2.02-1.31 2.14L14 20Z'/%3E%3Cpath d='M15.5 14.5c1.38 0 2.5-1.57 2.5-3.5s-1.12-3.5-2.5-3.5S13 9.07 13 11s1.12 3.5 2.5 3.5Z'/%3E%3C/svg%3E")}.icon-users{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}.icon-brain{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3Cpath d='M17.599 6.5a3 3 0 0 0 .399-1.375'/%3E%3Cpath d='M6.003 5.125A3 3 0 0 0 6.401 6.5'/%3E%3Cpath d='M3.477 10.896a4 4 0 0 1 .585-.396'/%3E%3Cpath d='M19.938 10.5a4 4 0 0 1 .585.396'/%3E%3Cpath d='M6 18a4 4 0 0 1-1.967-.517'/%3E%3Cpath d='M19.967 17.483A4 4 0 0 1 18 18'/%3E%3C/svg%3E")}.icon-repeat{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E")}.icon-chart{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E")}.icon-run{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='4' r='2'/%3E%3Cpath d='M4 17l5-1 2-4'/%3E%3Cpath d='m11 12 3 3 4 1'/%3E%3Cpath d='m14 6-3 4-4 1'/%3E%3Cpath d='M12 19l-2 3'/%3E%3C/svg%3E")}.icon-spirit{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11z'/%3E%3Cpath d='M9 12h6'/%3E%3Cpath d='M12 9v6'/%3E%3C/svg%3E")}.icon-shield{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 8-8 9-4.5-1-8-4-8-9V5l8-3 8 3z'/%3E%3C/svg%3E")}.icon-home{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E")}.icon-check{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.icon-menu{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}